@import"https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&display=swap";:root{color-scheme:dark;--color-bg: #0e0e10;--color-surface: #17171a;--color-surface-hover: #1d1d21;--color-surface-soft: rgba(255, 255, 255, .055);--color-primary: #c8b5ff;--color-primary-hover: #d5c7ff;--color-primary-dark: #17122b;--color-text: #ffffff;--color-muted: rgba(255, 255, 255, .62);--color-subtle: rgba(255, 255, 255, .38);--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(200, 181, 255, .34);--color-danger: #f87171;--color-success: #4ade80;--radius: 20px;--radius-small: 14px;font-family:Golos Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:var(--color-bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% -15%,rgba(200,181,255,.1),transparent 30rem),var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}h1,h2,p{margin-top:0}h1{margin-bottom:28px;font-size:clamp(2.15rem,5vw,3.75rem);line-height:1.02;font-weight:600;letter-spacing:-.045em}h2{margin:30px 0 14px;font-size:1.35rem;line-height:1.15;font-weight:600;letter-spacing:-.02em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;width:min(100%,1200px);min-height:76px;margin:0 auto;padding:14px 40px;gap:30px}.app-header__brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;color:var(--color-text);font-size:1rem;font-weight:650;letter-spacing:-.025em}.app-header__brand:before{content:"";width:22px;height:22px;border-radius:7px;background:radial-gradient(circle at 35% 30%,#fff 0 8%,transparent 9%),linear-gradient(145deg,#dfd4ff,#a98cff);box-shadow:0 0 24px #c8b5ff47;transform:rotate(-7deg)}.app-nav{display:flex;align-items:center;justify-content:center;flex:1;gap:4px}.app-nav a{position:relative;padding:9px 13px;border-radius:999px;color:var(--color-muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .22s ease,background-color .22s ease}.app-nav a:hover{color:var(--color-text);background:var(--color-surface-soft)}.app-nav a.active{color:var(--color-text);background:#ffffff14}.app-header__actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;position:relative;z-index:2}.language-switcher{display:flex;align-items:center;padding:3px;gap:2px;border:1px solid var(--color-border);border-radius:999px;background:#ffffff0a}.language-switcher button{min-width:32px;min-height:30px;padding:5px 7px;border:0;border-radius:999px;background:transparent;color:var(--color-subtle);cursor:pointer;font-size:.69rem;font-weight:650;transition:color .2s ease,background-color .2s ease}.language-switcher button:hover{color:var(--color-text)}.language-switcher button.active{background:#ffffff1a;color:var(--color-text)}.app-main{flex:1;width:min(100%,1120px);margin:0 auto;padding:64px 40px 96px;animation:reveal .44s cubic-bezier(.23,1,.32,1) both}.page-narrow{display:flex;flex-direction:column;width:100%;max-width:600px;margin:0 auto;gap:18px}.page-narrow>h1{margin-bottom:12px}.auth-card{position:relative;width:min(100%,500px);margin:46px auto;padding:clamp(28px,6vw,48px);overflow:hidden;border:1px solid var(--color-border);border-radius:28px;background:var(--color-surface)}.auth-card:before{content:"";position:absolute;top:-140px;right:-110px;width:280px;height:280px;border-radius:50%;background:#c8b5ff17;filter:blur(2px);pointer-events:none}.auth-card>*{position:relative}.auth-card h1{max-width:390px;margin-bottom:14px;overflow-wrap:anywhere;font-size:clamp(1.9rem,5vw,2.65rem);line-height:1.05}.auth-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:12px}.form{display:flex;flex-direction:column;gap:12px;margin-top:28px}.form-row{display:flex;align-items:stretch;gap:10px}.form-row input{flex:1;min-width:0}label{display:flex;flex-direction:column;gap:8px;color:var(--color-muted);font-size:.88rem;font-weight:500}input,select{width:100%;min-height:48px;padding:12px 15px;border:1px solid var(--color-border);border-radius:var(--radius-small);outline:none;background:#ffffff0e;color:var(--color-text);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}input::placeholder{color:var(--color-subtle)}select{cursor:pointer}select option{background:var(--color-surface);color:var(--color-text)}input:hover,select:hover{border-color:#ffffff2e}input:focus,select:focus{border-color:var(--color-primary);background:#ffffff13;box-shadow:0 0 0 3px #c8b5ff1a}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border:0;border-radius:999px;cursor:pointer;font-size:.875rem;font-weight:650;line-height:1;text-decoration:none;transition:transform .22s cubic-bezier(.23,1,.32,1),background-color .22s ease,border-color .22s ease,opacity .22s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.42}.btn-primary{background:var(--color-primary);color:var(--color-primary-dark)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{border:1px solid rgba(200,181,255,.18);background:#c8b5ff1a;color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background:#c8b5ff29}.btn-ghost{border:1px solid var(--color-border);background:transparent;color:var(--color-muted)}.btn-ghost:hover:not(:disabled){border-color:#fff3;background:var(--color-surface-soft);color:var(--color-text)}.btn-danger{border:1px solid rgba(248,113,113,.16);background:#f8717117;color:var(--color-danger)}.btn-small{min-height:34px;padding:8px 13px;font-size:.79rem}.btn-block{width:100%;min-height:50px;margin-top:4px}.btn-link{width:fit-content;padding:3px 0;border:0;background:none;color:var(--color-primary);cursor:pointer;font-size:.88rem;font-weight:550}.btn-link:disabled{color:var(--color-subtle);cursor:not-allowed}.card{padding:24px;border:1px solid transparent;border-radius:var(--radius);background:var(--color-surface);transition:transform .35s cubic-bezier(.23,1,.32,1),border-color .35s ease,background-color .35s ease}.card:hover{border-color:var(--color-border);background:var(--color-surface-hover)}.empty-state{padding:54px 24px;text-align:center}.empty-state>p:first-child{margin-bottom:8px;font-size:1.25rem;font-weight:600}.dashboard-cta{display:flex;flex-wrap:wrap;align-items:center;margin-top:22px;gap:10px}.subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));margin-top:22px;gap:16px}.subscription-card{display:flex;flex-direction:column;min-height:288px}.subscription-card__header{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:26px}.badge{display:inline-flex;align-items:center;min-height:27px;padding:5px 10px;border-radius:999px;background:#c8b5ff1f;color:var(--color-primary);font-size:.7rem;font-weight:650;letter-spacing:.02em;text-transform:uppercase}.badge--success{background:#4ade801c;color:var(--color-success)}.badge--danger{background:#f871711c;color:var(--color-danger)}.subscription-card__expiry{margin-bottom:8px;font-size:1.12rem;font-weight:600;letter-spacing:-.02em}.subscription-card__traffic{margin-bottom:20px;color:var(--color-muted);font-size:.9rem}.subscription-card__link{display:flex;align-items:center;margin:auto 0 0;gap:8px;overflow:hidden}.subscription-card__link code{flex:1;min-width:0;padding:9px 11px;overflow:hidden;border:1px solid var(--color-border);border-radius:11px;background:#0000002e;color:var(--color-muted);font-family:Golos Text,sans-serif;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.subscription-card__actions{display:flex;flex-wrap:wrap;margin-top:16px;gap:7px}.muted{color:var(--color-muted);font-size:.9rem}.form-error,.form-success{margin:0;padding:11px 14px;border-radius:12px;font-size:.85rem}.form-error{background:#f8717114;color:var(--color-danger)}.form-success{background:#4ade8014;color:var(--color-success)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%;padding:4px;border:1px solid var(--color-border);border-radius:999px;background:#ffffff09}.segmented button{min-height:40px;padding:8px 16px;border:0;border-radius:999px;background:transparent;color:var(--color-muted);cursor:pointer;font-size:.86rem;font-weight:550;transition:color .2s ease,background-color .2s ease}.segmented button.active{background:var(--color-primary);color:var(--color-primary-dark)}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.option-card{display:flex;flex-direction:column;min-height:120px;padding:19px;gap:12px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);color:var(--color-muted);cursor:pointer;text-align:left;transition:border-color .25s ease,background-color .25s ease,transform .25s ease}.option-card:hover{border-color:#c8b5ff38;transform:translateY(-2px)}.option-card strong{color:var(--color-text);font-size:1.25rem;font-weight:600;letter-spacing:-.03em}.option-card.active{border-color:var(--color-primary);background:#c8b5ff1a;color:var(--color-primary);box-shadow:inset 0 0 0 1px #c8b5ff29}.device-list{display:flex;flex-direction:column;margin:0;padding:0;gap:10px;list-style:none}.device-item{display:flex;align-items:center;justify-content:space-between;gap:16px}.device-item p{margin:5px 0 0}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{padding:0;overflow:hidden}.faq-item summary{position:relative;padding:22px 54px 22px 24px;cursor:pointer;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;top:50%;right:24px;color:var(--color-primary);font-size:1.35rem;font-weight:400;transform:translateY(-50%)}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:0;padding:0 24px 22px;color:var(--color-muted)}.spinner-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;padding:40px 0;gap:12px;color:var(--color-muted)}.spinner{width:30px;height:30px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 780px){.app-header{min-height:68px;padding:12px 18px;gap:12px}.app-nav{position:fixed;z-index:20;right:12px;bottom:12px;left:12px;justify-content:space-around;padding:5px;gap:2px;border:1px solid var(--color-border);border-radius:18px;background:#17171aeb;box-shadow:0 12px 35px #00000061;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-nav a{flex:1;padding:10px 6px;font-size:.72rem;text-align:center}.app-header__actions{margin-left:auto}.app-header__actions>.btn{min-height:38px;padding:8px 12px}.app-main{padding:42px 18px 110px}.auth-card{margin:24px auto}}@media (max-width: 480px){h1{font-size:2.35rem}.app-header__brand{font-size:0}.app-header__brand:before{width:26px;height:26px}.auth-card{padding:28px 22px;border-radius:24px}.auth-card h1{font-size:1.78rem}.auth-card__footer,.form-row,.dashboard-cta{align-items:stretch;flex-direction:column}.form-row .btn,.dashboard-cta .btn{width:100%}.card{padding:20px}.option-grid{grid-template-columns:1fr 1fr}.option-card{min-height:108px;padding:16px}.device-item{align-items:flex-start;flex-direction:column}.device-item .btn{width:100%}}@media (hover: hover){.subscription-card:hover,.option-card:hover{transform:translateY(-3px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}