/*! tw.css — Tailwind v3 production build for FreeWay VPN
 *  Generated from index.html class scan.
 *  Place at: /var/www/html/assets/tw.css
 */

/* ── Reset / Base ─────────────────────────────────────────── */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
h1,h2,h3,h4{font-size:inherit;font-weight:inherit;margin:0}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code{font-family:ui-monospace,monospace;font-size:1em}
button,input,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;background-color:transparent;background-image:none}
:focus{outline:none}
img,svg,video{display:block;vertical-align:middle;max-width:100%}
[hidden]{display:none}
p,ul,ol{margin:0;padding:0;list-style:none}

/* ── Layout ───────────────────────────────────────────────── */
.static{position:static}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.sticky{position:sticky}
.inset-0{inset:0}
.inset-3{inset:.75rem}
.top-1\/4{top:25%}
.top-1\/2{top:50%}
.bottom-1\/3{bottom:33.333333%}
.bottom-5{bottom:1.25rem}
.left-1\/4{left:25%}
.right-1\/4{right:25%}
.right-4{right:1rem}
.right-5{right:1.25rem}
.right-6{right:1.5rem}
.-top-3\.5{top:-0.875rem}
.z-50{z-index:50}
.z-\[999\]{z-index:999}
.z-\[9999\]{z-index:9999}
.z-\[10000\]{z-index:10000}

/* ── Display ──────────────────────────────────────────────── */
.block{display:block}
.inline-flex{display:inline-flex}
.flex{display:flex}
.grid{display:grid}
.hidden{display:none}

/* ── Flexbox ──────────────────────────────────────────────── */
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.flex-1{flex:1 1 0%}
.shrink-0{flex-shrink:0}
.items-start{align-items:flex-start}
.items-center{align-items:center}
.items-baseline{align-items:baseline}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-16{gap:4rem}
.gap-x-1\.5{column-gap:.375rem}
.gap-x-2{column-gap:.5rem}
.gap-x-2\.5{column-gap:.625rem}
.gap-x-3{column-gap:.75rem}
.gap-x-3\.5{column-gap:.875rem}
.gap-x-5{column-gap:1.25rem}
.gap-x-6{column-gap:1.5rem}
.gap-x-7{column-gap:1.75rem}
.gap-y-1{row-gap:.25rem}
.gap-y-2\.5{row-gap:.625rem}
.gap-y-3{row-gap:.75rem}
.gap-y-4{row-gap:1rem}

/* ── Grid ─────────────────────────────────────────────────── */
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ── Sizing ───────────────────────────────────────────────── */
.h-1\.5{height:.375rem}
.h-2\.5{height:.625rem}
.h-9{height:2.25rem}
.h-11{height:2.75rem}
.h-14{height:3.5rem}
.h-28{height:7rem}
.h-80{height:20rem}
.h-96{height:24rem}
.h-full{height:100%}
.h-\[580px\]{height:580px}
.max-h-\[90vh\]{max-height:90vh}
.min-h-screen{min-height:100vh}
.w-1\.5{width:.375rem}
.w-2\.5{width:.625rem}
.w-4{width:1rem}
.w-9{width:2.25rem}
.w-11{width:2.75rem}
.w-14{width:3.5rem}
.w-28{width:7rem}
.w-80{width:20rem}
.w-96{width:24rem}
.w-full{width:100%}
.w-\[360px\]{width:360px}
.max-w-md{max-width:28rem}
.max-w-lg{max-width:32rem}
.max-w-3xl{max-width:48rem}
.max-w-5xl{max-width:64rem}
.max-w-screen-xl{max-width:1280px}

/* ── Spacing ──────────────────────────────────────────────── */
.mx-auto{margin-left:auto;margin-right:auto}
.mb-1{margin-bottom:.25rem}
.mb-1\.5{margin-bottom:.375rem}
.mb-2{margin-bottom:.5rem}
.mb-2\.5{margin-bottom:.625rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin:1.25rem 0rem 1.25rem 0rem}
.mb-6{margin-bottom:1.5rem}
.mb-12{margin-bottom:3rem}
.mb-14{margin-bottom:3.5rem}
.ml-1\.5{margin-left:.375rem}
.ml-2{margin-left:.5rem}
.mr-2{margin-right:.5rem}
.mt-0\.5{margin-top:.125rem}
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mt-8{margin-top:2rem}
.my-7{margin-top:1.75rem;margin-bottom:1.75rem}
.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}
.space-y-8>:not([hidden])~:not([hidden]){margin-top:2rem}
.p-2{padding:.5rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-7{padding:1.75rem}
.p-8{padding:2rem}
.px-2\.5{padding-left:.625rem;padding-right:.625rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-3\.5{padding-left:.875rem;padding-right:.875rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-7{padding-left:1.75rem;padding-right:1.75rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.pb-5{padding-bottom:1.25rem}
.pb-20{padding-bottom:5rem}
.pr-10{padding-right:2.5rem}
.pt-1{padding-top:.25rem}
.pt-3{padding-top:.75rem}
.pt-7{padding-top:1.75rem}
.pt-24{padding-top:6rem}
#page-profile {
  padding-top: 40px !important;
  margin-top: 0 !important;
}

#page-profile .return-button-container {
  margin-top: 20px !important;
}

/* ── Typography ───────────────────────────────────────────── */
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl{font-size:3rem;line-height:1}
.text-6xl{font-size:3.75rem;line-height:1}
.text-\[8px\]{font-size:8px}
.text-\[10px\]{font-size:10px}
.text-\[11px\]{font-size:11px}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.uppercase{text-transform:uppercase}
.line-through{text-decoration-line:line-through}
.underline{text-decoration-line:underline}
.leading-relaxed{line-height:1.625}
.leading-tight{line-height:1.25}
.tracking-tight{letter-spacing:-.025em}
.tracking-wide{letter-spacing:.025em}
.tracking-widest{letter-spacing:.1em}
.select-none{user-select:none;-webkit-user-select:none}

/* ── Colors — text ────────────────────────────────────────── */
.text-white{color:#fff}
.text-black{color:#000}
.text-white\/25{color:rgba(255,255,255,.25)}
.text-white\/30{color:rgba(255,255,255,.30)}
.text-white\/35{color:rgba(255,255,255,.35)}
.text-white\/40{color:rgba(255,255,255,.40)}
.text-white\/45{color:rgba(255,255,255,.45)}
.text-white\/50{color:rgba(255,255,255,.50)}
.text-white\/55{color:rgba(255,255,255,.55)}
.text-white\/60{color:rgba(255,255,255,.60)}
.text-white\/65{color:rgba(255,255,255,.65)}
.text-white\/70{color:rgba(255,255,255,.70)}
.text-white\/75{color:rgba(255,255,255,.75)}
.text-white\/80{color:rgba(255,255,255,.80)}
.text-\[\#00f0ff\]{color:#00f0ff}
.text-\[\#0a0a2e\]{color:#0a0a2e}
.text-red-400{color:rgb(248 113 113)}
.text-red-400\/70{color:rgba(248,113,113,.70)}
.text-emerald-400{color:rgb(52 211 153)}
.text-amber-300\/80{color:rgba(252,211,77,.80)}
.text-amber-400{color:rgb(251 191 36)}
.text-cyan-400{color:rgb(34 211 238)}
.text-purple-400{color:rgb(192 132 252)}
.text-pink-400{color:rgb(244 114 182)}
.text-green-400{color:rgb(74 222 128)}

/* ── Colors — background ──────────────────────────────────── */
.bg-white{background-color:#fff}
.bg-black\/75{background-color:rgba(0,0,0,.75)}
.bg-black\/80{background-color:rgba(0,0,0,.80)}
.bg-white\/5{background-color:rgba(255,255,255,.05)}
.bg-white\/6{background-color:rgba(255,255,255,.06)}
.bg-white\/8{background-color:rgba(255,255,255,.08)}
.bg-white\/10{background-color:rgba(255,255,255,.10)}
.bg-white\/12{background-color:rgba(255,255,255,.12)}
.bg-white\/15{background-color:rgba(255,255,255,.15)}
.bg-green-400{background-color:rgb(74 222 128)}
.bg-\[\#00f0ff\]{background-color:#00f0ff}
.bg-\[\#00f0ff\]\/5{background-color:rgba(0,240,255,.05)}
.bg-\[\#00f0ff\]\/10{background-color:rgba(0,240,255,.10)}
.bg-\[\#00f0ff\]\/15{background-color:rgba(0,240,255,.15)}
.bg-\[\#0a0a2e\]{background-color:#0a0a2e}
.bg-\[\#0a0a2e\]\/90{background-color:rgba(10,10,46,.90)}
.bg-\[\#0c0c26\]{background-color:#0c0c26}
.bg-\[\#0d0d2b\]{background-color:#0d0d2b}
.bg-red-500\/10{background-color:rgba(239,68,68,.10)}
.bg-red-500\/15{background-color:rgba(239,68,68,.15)}
.bg-amber-500\/10{background-color:rgba(245,158,11,.10)}
.bg-emerald-500\/10{background-color:rgba(16,185,129,.10)}
.bg-purple-500\/5{background-color:rgba(168,85,247,.05)}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.from-\[\#1a0b3d\]{--tw-gradient-from:#1a0b3d;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(26,11,61,0))}
.from-purple-900\/30{--tw-gradient-from:rgba(88,28,135,.30);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(88,28,135,0))}
.to-\[\#0a0a2e\]{--tw-gradient-to:#0a0a2e}
.to-cyan-900\/30{--tw-gradient-to:rgba(22,78,99,.30)}

/* ── Colors — border ──────────────────────────────────────── */
.border{border-width:1px}
.border-b{border-bottom-width:1px}
.border-t{border-top-width:1px}
.border-white\/8{border-color:rgba(255,255,255,.08)}
.border-white\/10{border-color:rgba(255,255,255,.10)}
.border-white\/15{border-color:rgba(255,255,255,.15)}
.border-white\/25{border-color:rgba(255,255,255,.25)}
.border-\[\#00f0ff\]\/15{border-color:rgba(0,240,255,.15)}
.border-\[\#00f0ff\]\/20{border-color:rgba(0,240,255,.20)}
.border-\[\#00f0ff\]\/25{border-color:rgba(0,240,255,.25)}
.border-\[\#00f0ff\]\/30{border-color:rgba(0,240,255,.30)}
.border-red-500\/20{border-color:rgba(239,68,68,.20)}
.border-amber-500\/20{border-color:rgba(245,158,11,.20)}
.border-emerald-500\/20{border-color:rgba(16,185,129,.20)}

/* ── Border radius ────────────────────────────────────────── */
.rounded-xl{border-radius:.75rem}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.rounded-full{border-radius:9999px}
.rounded-\[40px\]{border-radius:40px}
.rounded-\[48px\]{border-radius:48px}

/* ── Shadow ───────────────────────────────────────────────── */
.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.shadow-\[\#00f0ff\]\/25{--tw-shadow-color:rgba(0,240,255,.25);box-shadow:0 20px 25px -5px var(--tw-shadow-color)}

/* ── Effects ──────────────────────────────────────────────── */
.blur-3xl{filter:blur(64px)}
.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.opacity-35{opacity:.35}
.pointer-events-none{pointer-events:none}
.cursor-pointer{cursor:pointer}
.overflow-hidden{overflow:hidden}
.overflow-x-hidden{overflow-x:hidden}
.overflow-y-auto{overflow-y:auto}

/* ── Placeholder ──────────────────────────────────────────── */
.placeholder-white\/25::placeholder{color:rgba(255,255,255,.25)}
.placeholder-white\/30::placeholder{color:rgba(255,255,255,.30)}

/* ── Transition ───────────────────────────────────────────── */
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}

/* ── Transform ────────────────────────────────────────────── */
.-translate-y-1\/2{transform:translateY(-50%)}
.scale-\[1\.02\]{transform:scale(1.02)}

/* ── Hover states ─────────────────────────────────────────── */
.hover\:bg-white\/12:hover{background-color:rgba(255,255,255,.12)}
.hover\:bg-white\/15:hover{background-color:rgba(255,255,255,.15)}
.hover\:bg-white\/18:hover{background-color:rgba(255,255,255,.18)}
.hover\:bg-white\/20:hover{background-color:rgba(255,255,255,.20)}
.hover\:bg-\[\#00f0ff\]\/90:hover{background-color:rgba(0,240,255,.90)}
.hover\:bg-white\/90:hover{background-color:rgba(255,255,255,.90)}
.hover\:bg-red-500\/15:hover{background-color:rgba(239,68,68,.15)}
.hover\:bg-red-500\/20:hover{background-color:rgba(239,68,68,.20)}
.hover\:border-white\/50:hover{border-color:rgba(255,255,255,.50)}
.hover\:border-white\/60:hover{border-color:rgba(255,255,255,.60)}
.hover\:text-\[\#00f0ff\]:hover{color:#00f0ff}
.hover\:text-white:hover{color:#fff}
.hover\:text-white\/70:hover{color:rgba(255,255,255,.70)}
.hover\:text-red-400:hover{color:rgb(248 113 113)}
.hover\:scale-\[1\.02\]:hover{transform:scale(1.02)}
.hover\:scale-\[1\.01\]:hover{transform:scale(1.01)}
.hover\:underline:hover{text-decoration-line:underline}
.hover\:opacity-90:hover{opacity:.9}

/* ── Focus ────────────────────────────────────────────────── */
.focus\:outline-none:focus{outline:none}

/* ── Disabled ─────────────────────────────────────────────── */
.disabled\:opacity-35:disabled{opacity:.35}
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}

/* ── Active ───────────────────────────────────────────────── */
.active\:scale-95:active{transform:scale(.95)}
.active\:scale-\[\.98\]:active{transform:scale(.98)}

/* ── Animate ──────────────────────────────────────────────── */
.animate-spin{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}

/* ── Responsive — sm (≥640px) ─────────────────────────────── */
@media (min-width:640px){
  .sm\:col-span-2{grid-column:span 2/span 2}
  .sm\:flex-row{flex-direction:row}
  .sm\:items-center{align-items:center}
  .sm\:justify-center{justify-content:center}
  .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
  .sm\:py-20{padding-top:5rem;padding-bottom:5rem}
  .sm\:text-xl{font-size:1.25rem;line-height:1.75rem}
  .sm\:text-2xl{font-size:1.5rem;line-height:2rem}
  .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
  .sm\:max-w-md{max-width:28rem}
  .sm\:rounded-3xl{border-radius:1.5rem}
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:p-8{padding:2rem}
  .sm\:items-end{align-items:flex-end}
}

/* ── Responsive — md (≥768px) ─────────────────────────────── */
@media (min-width:768px){
  .md\:flex{display:flex}
  .md\:hidden{display:none}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:flex-row{flex-direction:row}
}

/* ── Responsive — lg (≥1024px) ────────────────────────────── */
@media (min-width:1024px){
  .lg\:flex{display:flex}
  .lg\:hidden{display:none}
  .lg\:block{display:block}
  .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:col-span-1{grid-column:span 1/span 1}
  .lg\:flex-row{flex-direction:row}
  .lg\:gap-16{gap:4rem}
  .lg\:text-6xl{font-size:3.75rem;line-height:1}
  .lg\:pt-24{padding-top:6rem}
  .lg\:pb-20{padding-bottom:5rem}
  .lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}
  .lg\:py-20{padding-top:5rem;padding-bottom:5rem}
  .lg\:min-h-screen{min-height:100vh}
  .lg\:items-center{align-items:center}
  .hidden.lg\:flex{display:flex}
}