:root{--bg:#0A0B0D;--bg-elev:#101216;--surface:#16181D;--surface-2:#1E2127;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.16);--text:#F4F6F1;--text-muted:#9AA0A6;--text-faint:#6B7177;--accent:#C9F94E;--accent-hover:#D4FF63;--accent-press:#B6E83D;--on-accent:#0A0B0D;--success:#4ADE80;--danger:#F87171;--warning:#FBBF24;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--shadow-card:0 8px 24px rgba(0,0,0,0.45);--glow-accent:0 0 0 3px rgba(201,249,78,0.25);--col:440px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--font-inter),"Inter",system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.stage{justify-content:center;background:radial-gradient(120% 80% at 50% -10%,rgba(201,249,78,.1) 0,rgba(201,249,78,.03) 28%,rgba(10,11,13,0) 60%),var(--bg)}.col,.stage{min-height:100vh;min-height:100dvh;display:flex;position:relative}.col{width:100%;max-width:var(--col);padding:calc(env(safe-area-inset-top, 0px) + 24px) 20px calc(env(safe-area-inset-bottom, 0px) + 28px);flex-direction:column}.h1{font-size:27px;font-weight:700;line-height:1.12;letter-spacing:-.02em}.h1,.h2{color:var(--text)}.h2{font-size:18px;font-weight:600;letter-spacing:-.01em}.sub{font-size:15px;line-height:1.5}.caption,.sub{font-weight:400;color:var(--text-muted)}.caption{font-size:13px}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.accent-text{color:var(--accent);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:600;letter-spacing:-.01em;border:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;border-radius:var(--r-pill);transition:background .14s ease,transform .12s ease,box-shadow .14s ease,opacity .14s ease,color .14s ease;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.98)}.btn:focus-visible{outline:none;box-shadow:var(--glow-accent)}.btn:disabled{cursor:default}.btn-lg{height:52px;padding:0 24px;font-size:16px;width:100%}.btn-md{height:44px;padding:0 18px;font-size:15px}.btn-sm{height:38px;padding:0 14px;font-size:14px}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-press)}.btn-primary:disabled{opacity:.42}.btn-secondary{background:var(--surface-2);color:var(--text)}.btn-secondary:hover:not(:disabled){background:#262a31}.btn-secondary:disabled{opacity:.5}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:rgba(255,255,255,.05);color:var(--text)}.btn-danger-ghost{background:transparent;color:var(--danger)}.btn-danger-ghost:hover:not(:disabled){background:rgba(248,113,113,.1)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:background .14s ease,color .14s ease,transform .12s ease}.btn-icon:hover{background:#262a31;color:var(--text)}.btn-icon:active{transform:scale(.94)}.btn-icon:focus-visible{outline:none;box-shadow:var(--glow-accent)}.field-label{display:block;font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:8px}.field-wrap{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:16px;display:flex;color:var(--text-faint);pointer-events:none;transition:color .14s ease}.field{width:100%;height:54px;background:var(--surface);color:var(--text);border:1.5px solid var(--border);border-radius:var(--r-md);padding:0 16px 0 48px;font-family:inherit;font-size:16px;font-weight:500;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;outline:none}.field::placeholder{color:var(--text-faint);font-weight:400}.field:hover:not(:disabled):not(:focus){border-color:var(--border-strong)}.field:focus{border-color:var(--accent);box-shadow:var(--glow-accent);background:var(--bg-elev)}.field-wrap:focus-within .field-icon{color:var(--accent)}.field:disabled{opacity:.55;cursor:default}.field.error{border-color:var(--danger)}.field.error:focus{box-shadow:0 0 0 3px rgba(248,113,113,.22)}.field-error-text{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;color:var(--danger)}.otp{display:flex;gap:10px;justify-content:space-between}.otp.shake{animation:shake .3s cubic-bezier(.36,.07,.19,.97)}.otp-cell{flex:1 1;min-width:0;height:60px;background:var(--surface);color:var(--text);border:1.5px solid var(--border);border-radius:var(--r-md);text-align:center;font-size:24px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:inherit;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease;outline:none;caret-color:var(--accent)}.otp-cell:hover:not(:focus){border-color:var(--border-strong)}.otp-cell:focus{border-color:var(--accent);box-shadow:var(--glow-accent);background:var(--bg-elev)}.otp-cell.filled{border-color:var(--border-strong)}.otp.has-error .otp-cell{border-color:var(--danger);color:var(--danger)}@keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-card)}.chip{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:var(--r-pill);font-size:13px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.chip .dot{width:7px;height:7px;border-radius:50%;flex:none}.chip.active{background:rgba(74,222,128,.12);color:var(--success)}.chip.active .dot{background:var(--success);box-shadow:0 0 8px rgba(74,222,128,.7)}.chip.expired{background:rgba(248,113,113,.12);color:var(--danger)}.chip.expired .dot{background:var(--danger)}.chip.linked{background:rgba(201,249,78,.12);color:var(--accent)}.chip.linked .dot{background:var(--accent);box-shadow:0 0 8px rgba(201,249,78,.6)}.chip.unlinked{background:var(--surface-2);color:var(--text-muted)}.chip.unlinked .dot{background:var(--text-faint)}.spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.18);border-top-color:currentcolor;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.spinner.light{border-color:currentColor rgba(255,255,255,.2) rgba(255,255,255,.2)}@keyframes spin{to{transform:rotate(1turn)}}.tg-icon{width:44px;height:44px;border-radius:14px;flex:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2AABEE,#229ED9);color:#fff}.config-ip{font-size:22px;font-weight:700;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.config-meta{display:flex;flex-wrap:wrap;gap:6px}.meta-pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-muted);font-size:12.5px;font-weight:500}.config-expired .config-fade{opacity:.5}.config-actions{display:flex;gap:10px}.config-actions .btn{flex:1 1}.renew-row{display:flex;gap:10px}.renew-btn{flex:1 1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:56px;border-radius:var(--r-md);background:var(--surface-2);color:var(--text);border:1.5px solid transparent;cursor:pointer;font-family:inherit;transition:background .14s ease,border-color .14s ease,transform .12s ease}.renew-btn:hover:not(:disabled){background:#262a31}.renew-btn:active:not(:disabled){transform:scale(.985)}.renew-btn:focus-visible{outline:none;box-shadow:var(--glow-accent)}.renew-btn:disabled{cursor:default;opacity:.6}.renew-btn.best{border-color:rgba(201,249,78,.35);background:rgba(201,249,78,.06)}.renew-btn.best:hover:not(:disabled){background:rgba(201,249,78,.1)}.renew-dur{font-size:13px;color:var(--text-muted);font-weight:500}.renew-price{font-size:16px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.renew-old{font-size:12px;color:var(--text-faint);text-decoration:line-through;font-weight:500;margin-left:6px}.renew-badge{position:absolute;top:-9px;right:10px;height:18px;padding:0 7px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-size:10.5px;font-weight:700;letter-spacing:.01em}.empty,.renew-badge{display:flex;align-items:center}.empty{flex-direction:column;text-align:center;padding:36px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.empty-icon{width:64px;height:64px;border-radius:20px;background:var(--surface-2);color:var(--text-faint);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.flex-grow{flex:1 1}.row{display:flex;align-items:center}.between{justify-content:space-between}.stack-24>*+*{margin-top:24px}.stack-16>*+*{margin-top:16px}.stack-12>*+*{margin-top:12px}.stack-8>*+*{margin-top:8px}.center-vert,.toast-wrap{justify-content:center}.toast-wrap{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom, 0px) + 20px);display:flex;pointer-events:none;z-index:50;padding:0 20px}.toast{display:flex;align-items:center;gap:10px;max-width:var(--col);width:100%;background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:14px 16px;box-shadow:var(--shadow-card);font-size:14px;font-weight:500;animation:toastIn .24s cubic-bezier(.16,1,.3,1)}.toast .tg-check{color:var(--success);flex:none}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.screen{display:flex;flex-direction:column;flex:1 1;animation:screenIn .34s cubic-bezier(.16,1,.3,1)}@keyframes screenIn{0%{transform:translateY(7px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.enter{animation:cardIn .46s cubic-bezier(.16,1,.3,1)}@keyframes cardIn{0%{transform:translateY(9px)}to{transform:translateY(0)}}}.skel{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.3s linear infinite;border-radius:8px}@keyframes shimmer{to{background-position:-200% 0}}.link-btn{background:none;border:none;font-family:inherit;cursor:pointer;font-size:14px;font-weight:600;color:var(--accent);padding:4px;transition:opacity .14s,color .14s}.link-btn:disabled{color:var(--text-faint);cursor:default}.link-btn:hover:not(:disabled){color:var(--accent-hover)}.link-btn:focus-visible{outline:none;box-shadow:var(--glow-accent);border-radius:6px}.brand-mark{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:14px;font-weight:700;letter-spacing:-.01em;color:var(--text-muted)}.brand-dot{width:16px;height:16px;border-radius:5px;flex:none;background:var(--accent);box-shadow:0 0 14px rgba(201,249,78,.5);position:relative}.brand-dot:after{content:"";position:absolute;inset:4px 4px auto 4px;height:3px;border-radius:2px;background:var(--on-accent)}.modal-overlay{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.66);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:toastIn .18s ease}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-xl);padding:22px;max-width:360px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-card)}.modal-title{font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.qr-frame{background:#fff;border-radius:var(--r-md);padding:12px;width:240px;max-width:100%;margin:18px auto 6px}.qr-frame img{width:100%;display:block;image-rendering:pixelated}.install-list{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.steps{padding-left:18px;line-height:1.6;color:var(--text);font-size:14.5px;margin-top:10px}.steps li{margin-bottom:6px}.steps ul{padding-left:16px;margin-top:4px}.brand-logo{width:20px;height:20px;border-radius:6px;flex:none;display:block}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_fcbcbf{font-family:Inter,Inter Fallback;font-style:normal}.__variable_fcbcbf{--font-inter:"Inter","Inter Fallback"}