:root{--r-lg:26px;--r-md:18px;--r-sm:12px;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--accent:#37e0c9;--accent-2:#6a8bff}html[data-accent=aurora]{--accent:#37e0c9;--accent-2:#6a8bff}html[data-accent=indigo]{--accent:#7c6cff;--accent-2:#4bc0ff}html[data-accent=violet]{--accent:#b57bff;--accent-2:#ff77c2}html[data-accent=rose]{--accent:#ff6f91;--accent-2:#ffab6b}html[data-accent=amber]{--accent:#ffb454;--accent-2:#ff7a7a}html[data-theme=dark]{--bg:#070b16;--bg-2:#0b1224;--text:#eaf0ff;--text-dim:#93a0c2;--text-faint:#5f6b88;--glass:#ffffff0e;--glass-2:#ffffff17;--menu-surface:#0e1428f2;--card-1:#212b479e;--card-2:#0d122270;--border:#ffffff1f;--border-hi:#ffffff47;--shadow:0 30px 60px -20px #000000a6, 0 8px 24px -12px #00000080;--track:#ffffff1a;--blur:30px;--glow-1:15%;--glow-2:10%}html[data-theme=light]{--bg:#eef1fb;--bg-2:#e6ebff;--text:#0f1730;--text-dim:#4a5678;--text-faint:#8a96b6;--glass:#ffffff8c;--glass-2:#ffffffb8;--menu-surface:#f7f9fff7;--card-1:#ffffffd1;--card-2:#ebf0ff99;--border:#ffffffbf;--border-hi:#fffffff2;--shadow:0 30px 60px -24px #1f2d5a47, 0 8px 20px -12px #1f2d5a2e;--track:#141e3c1a;--blur:26px;--glow-1:26%;--glow-2:17%}.aurora{z-index:-2;filter:blur(70px)saturate(140%);opacity:.9;position:fixed;inset:-20vmax}.aurora span{mix-blend-mode:screen;will-change:transform;border-radius:50%;position:absolute}html[data-theme=light] .aurora span{mix-blend-mode:multiply;opacity:.55}.b1{background:radial-gradient(circle at 30% 30%, var(--accent), transparent 62%);width:52vmax;height:52vmax;animation:52s ease-in-out infinite drift-a;top:-8vmax;left:-6vmax}.b2{background:radial-gradient(circle at 60% 40%, var(--accent-2), transparent 60%);width:46vmax;height:46vmax;animation:64s ease-in-out -21s infinite drift-b;top:2vmax;right:-8vmax}.b3{background:radial-gradient(circle at 50% 50%, var(--accent), transparent 60%);opacity:.7;width:44vmax;height:44vmax;animation:58s ease-in-out -37s infinite drift-c;bottom:-16vmax;left:20vmax}.grain{z-index:-1;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}@keyframes drift-a{0%,to{transform:translate(0)scale(1)}25%{transform:translate(48vw,12vh)scale(1.06)}50%{transform:translate(34vw,52vh)scale(.94)}75%{transform:translate(-4vw,30vh)scale(1.1)}}@keyframes drift-b{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-38vw,36vh)scale(1.12)}50%{transform:translate(-56vw,6vh)scale(.9)}75%{transform:translate(-16vw,48vh)scale(1.04)}}@keyframes drift-c{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-16vw,-34vh)scale(1.08)}50%{transform:translate(22vw,-56vh)scale(1.16)}75%{transform:translate(30vw,-12vh)scale(.95)}}@media (prefers-reduced-motion:reduce){.aurora span{animation:none}}.glass{background:radial-gradient(135% 100% at 0% 0%, color-mix(in srgb, var(--accent) var(--glow-1), transparent), transparent 46%), radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--accent-2) var(--glow-2), transparent), transparent 44%), linear-gradient(165deg, var(--card-1), var(--card-2));-webkit-backdrop-filter:blur(var(--blur)) saturate(180%);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow), inset 0 1px 0 0 #ffffff0f;position:relative;overflow:hidden}.glass:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(150deg, var(--border-hi), transparent 45%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass:after{content:"";border-radius:inherit;pointer-events:none;opacity:.5;background:linear-gradient(#ffffff1f,#0000 42%);position:absolute;inset:0}.tone-subs{--accent:#4bc0ff;--accent-2:#6a8bff}.tone-referral{--accent:#ffc24b;--accent-2:#ff8f5e}.tone-security{--accent:#3ddc97;--accent-2:#2dd4bf}.tone-danger{--accent:#ff6f91;--accent-2:#ff9f6b}html[data-theme=light] .tone-subs{--accent:#2f9fe8;--accent-2:#4b6ce0}html[data-theme=light] .tone-referral{--accent:#d9901c;--accent-2:#e0703f}html[data-theme=light] .tone-security{--accent:#14b789;--accent-2:#0fa5a0}html[data-theme=light] .tone-danger{--accent:#e5537a;--accent-2:#e07a4a}.glass-motif{z-index:-1;pointer-events:none;background:linear-gradient(210deg, var(--accent), var(--accent-2));opacity:.13;position:absolute;inset:0}html[data-theme=light] .glass-motif{opacity:.24}.motif-waves{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'><g fill='none' stroke='white' stroke-width='3' stroke-linecap='round'><path d='M0 30 q27.5 -20 55 0 t55 0 t55 0 t55 0'/><path d='M0 62 q27.5 -20 55 0 t55 0 t55 0 t55 0' opacity='.65'/><path d='M0 94 q27.5 -20 55 0 t55 0 t55 0 t55 0' opacity='.4'/></g></svg>") right -14px top 16px/330px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 120'><g fill='none' stroke='white' stroke-width='3' stroke-linecap='round'><path d='M0 30 q27.5 -20 55 0 t55 0 t55 0 t55 0'/><path d='M0 62 q27.5 -20 55 0 t55 0 t55 0 t55 0' opacity='.65'/><path d='M0 94 q27.5 -20 55 0 t55 0 t55 0 t55 0' opacity='.4'/></g></svg>") right -14px top 16px/330px no-repeat}.motif-nodes{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 160'><g fill='none' stroke='white' stroke-width='2.5' opacity='.75'><path d='M40 122 L96 76 L150 110 M96 76 L86 22 M96 76 L164 42 M86 22 L164 42'/></g><g fill='white'><circle cx='40' cy='122' r='7'/><circle cx='96' cy='76' r='10'/><circle cx='86' cy='22' r='6'/><circle cx='164' cy='42' r='7'/><circle cx='150' cy='110' r='6'/></g></svg>") right -26px top -12px/215px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 160'><g fill='none' stroke='white' stroke-width='2.5' opacity='.75'><path d='M40 122 L96 76 L150 110 M96 76 L86 22 M96 76 L164 42 M86 22 L164 42'/></g><g fill='white'><circle cx='40' cy='122' r='7'/><circle cx='96' cy='76' r='10'/><circle cx='86' cy='22' r='6'/><circle cx='164' cy='42' r='7'/><circle cx='150' cy='110' r='6'/></g></svg>") right -26px top -12px/215px no-repeat}.motif-shield{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 140'><path d='M60 6 L110 26 v40 c0 34 -22 56 -50 68 C32 122 10 100 10 66 V26 Z' fill='none' stroke='white' stroke-width='5' stroke-linejoin='round'/><path d='M38 68 l16 16 l30 -34' fill='none' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/></svg>") right -24px top -14px/165px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 140'><path d='M60 6 L110 26 v40 c0 34 -22 56 -50 68 C32 122 10 100 10 66 V26 Z' fill='none' stroke='white' stroke-width='5' stroke-linejoin='round'/><path d='M38 68 l16 16 l30 -34' fill='none' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/></svg>") right -24px top -14px/165px no-repeat}.motif-key{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 170'><g fill='none' stroke='white' stroke-width='7' stroke-linecap='round' transform='rotate(-38 85 85)'><circle cx='52' cy='85' r='24'/><path d='M76 85 H148 M122 85 v20 M142 85 v15'/></g></svg>") right -30px top -20px/190px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 170'><g fill='none' stroke='white' stroke-width='7' stroke-linecap='round' transform='rotate(-38 85 85)'><circle cx='52' cy='85' r='24'/><path d='M76 85 H148 M122 85 v20 M142 85 v15'/></g></svg>") right -30px top -20px/190px no-repeat}.motif-exit{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 170'><g fill='none' stroke='white' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'><path d='M92 30 H44 v110 h48'/><path d='M78 85 h58 M112 59 l26 26 -26 26'/></g></svg>") right -22px top -16px/175px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 170'><g fill='none' stroke='white' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'><path d='M92 30 H44 v110 h48'/><path d='M78 85 h58 M112 59 l26 26 -26 26'/></g></svg>") right -22px top -16px/175px no-repeat}.motif-plane{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round'><path d='M22 2 L11 13'/><path d='M22 2 L15 22 L11 13 L2 9 Z'/></g></svg>") right -30px top -14px/190px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round'><path d='M22 2 L11 13'/><path d='M22 2 L15 22 L11 13 L2 9 Z'/></g></svg>") right -30px top -14px/190px no-repeat}.motif-rings{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'><g fill='none' stroke='white' stroke-width='2'><circle cx='110' cy='110' r='38' opacity='.9'/><circle cx='110' cy='110' r='68' opacity='.55'/><circle cx='110' cy='110' r='98' opacity='.3'/></g></svg>") right -70px center/240px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'><g fill='none' stroke='white' stroke-width='2'><circle cx='110' cy='110' r='38' opacity='.9'/><circle cx='110' cy='110' r='68' opacity='.55'/><circle cx='110' cy='110' r='98' opacity='.3'/></g></svg>") right -70px center/240px no-repeat}*{box-sizing:border-box}html{scrollbar-gutter:stable}html,body{margin:0}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(85vmax 65vmax at 12% -12%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%), radial-gradient(80vmax 60vmax at 104% 6%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 56%), radial-gradient(75vmax 75vmax at 50% 118%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 62%), var(--bg);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;transition:color .5s;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 45%, transparent) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 40%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent) 66%, transparent);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}.wrap{max-width:1120px;margin:0 auto;padding:28px 22px 90px}.topbar{z-index:50;background:color-mix(in srgb, var(--bg) 74%, transparent);-webkit-backdrop-filter:blur(18px)saturate(160%);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:13px 22px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:inherit;cursor:pointer;align-items:center;gap:12px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand:hover .mark{box-shadow:0 0 26px -2px var(--accent)}.mark{background:conic-gradient(from 210deg, var(--accent), var(--accent-2), var(--accent));width:34px;height:34px;box-shadow:0 0 22px -4px var(--accent);border-radius:11px;transition:box-shadow .2s;position:relative}.mark:after{content:"";background:var(--bg);opacity:.55;border-radius:6px;position:absolute;inset:6px}.controls{align-items:center;gap:10px;display:flex}.seg{border-radius:var(--r-md);gap:4px;padding:5px;display:flex}.swatch{border:1px solid var(--border-hi);cursor:pointer;border-radius:7px;outline:none;width:22px;height:22px;transition:transform .15s}.swatch:hover{transform:scale(1.12)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.btn{font-family:var(--font-body);color:var(--text);background:var(--glass-2);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;padding:9px 14px;font-size:14px;font-weight:600;transition:all .15s}.btn:hover{border-color:var(--border-hi)}.btn.accent{color:#05121a;background:linear-gradient(180deg, var(--accent), var(--accent-2));box-shadow:0 10px 30px -10px var(--accent);border:none}html[data-theme=light] .btn.accent{color:#08131f}.btn.accent:hover{filter:brightness(1.06)}.btn.off,.btn:disabled{opacity:.55;cursor:not-allowed;color:var(--text-faint);background:var(--glass-2);border:1px solid var(--border);box-shadow:none}.btn.off:hover,.btn:disabled:hover{border-color:var(--border);filter:none}.eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);font-size:11px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0}.grid{gap:18px;display:grid}.lead{color:var(--text-dim);line-height:1.55}.screen{margin-bottom:30px}.screen>.eyebrow{margin:0 4px 12px}.two{grid-template-columns:1.05fr .95fr}.three{grid-template-columns:repeat(3,1fr)}@media (width<=860px){.two,.three{grid-template-columns:1fr}}.pad{padding:26px}.pad-lg{padding:34px}.login{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.tg{border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--border);align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.tg .dot{color:#fff;background:linear-gradient(160deg,#37bdf8,#2d7ff0);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.qr{background:repeating-linear-gradient(90deg, var(--text) 0 6px, transparent 6px 12px), repeating-linear-gradient(0deg, var(--text) 0 6px, transparent 6px 12px);background-blend-mode:multiply;opacity:.85;border:6px solid var(--text);border-radius:16px;width:132px;height:132px}.field{flex-direction:column;gap:7px;width:100%;display:flex}.field label{color:var(--text-dim);font-size:12px;font-weight:500}.input{width:100%;font-family:var(--font-mono);color:var(--text);background:var(--track);border:1px solid var(--border);border-radius:var(--r-sm);outline:none;padding:12px 14px;font-size:15px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent)}.otp{gap:10px;display:flex}.otp .cell{width:46px;height:56px;font-family:var(--font-mono);background:var(--track);border:1px solid var(--border);border-radius:var(--r-sm);place-items:center;font-size:22px;display:grid}.otp .cell.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.auth-card{--accent:#38b6ff;--accent-2:#2d7ff0;--tg-cta-1:#2e90e0;--tg-cta-2:#2168d6;flex-direction:column;gap:20px;width:100%;max-width:460px;margin:0 auto;display:flex}html[data-theme=light] .auth-card{--accent:#2f9fe8;--accent-2:#2f6fe0}.auth-wrap{justify-content:center;align-items:flex-start;padding-top:4vh;animation:.5s cubic-bezier(.22,1,.36,1) both auth-rise;display:flex}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.auth-brand{align-items:center;gap:10px;display:flex}.auth-brand .mark{border-radius:10px;width:30px;height:30px}.auth-brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:18px;font-weight:700}.auth-brand-tag{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);margin-left:auto;font-size:10px}.auth-seg{background:var(--track);border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:1fr 1fr;padding:5px;display:grid;position:relative}.auth-seg button{z-index:1;font-family:var(--font-body);color:var(--text-dim);cursor:pointer;border-radius:calc(var(--r-md) - 5px);background:0 0;border:none;padding:10px 12px;font-size:14px;font-weight:600;transition:color .2s;position:relative}.auth-seg button.on{color:#fff}.auth-seg-ind{z-index:0;border-radius:calc(var(--r-md) - 5px);background:linear-gradient(180deg, var(--tg-cta-1), var(--tg-cta-2));width:calc(50% - 5px);box-shadow:0 8px 22px -10px var(--tg-cta-2);transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:5px;bottom:5px;left:5px}.auth-seg-ind[data-mode=register]{transform:translate(100%)}.auth-head{flex-direction:column;gap:8px;display:flex}.auth-title{font-size:27px}.auth-head .lead{max-width:42ch}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-err{color:#ff8aa3;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}html[data-theme=light] .auth-err{color:#d1436a}.btn-lg{border-radius:var(--r-md);padding:14px 20px;font-size:15px}.tg-hero{justify-content:center;align-items:center;gap:9px;display:inline-flex}.tg-hero svg{flex-shrink:0}.auth-card .btn.accent,html[data-theme=light] .auth-card .btn.accent{color:#fff;background:linear-gradient(180deg, var(--tg-cta-1), var(--tg-cta-2));box-shadow:0 12px 30px -12px var(--tg-cta-2)}.auth-or{color:var(--text-faint);align-items:center;gap:12px;font-size:12px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--border);flex:1;height:1px}.tg-bind{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.tg-bind-col{flex-direction:column;flex:1;gap:12px;min-width:190px;display:flex}.tg-handle{font-weight:600}.tg .dot svg{display:block}.tg-status{color:var(--text-dim);align-items:center;gap:8px;font-size:13px;line-height:1.4;display:flex}.tg-status.bad{color:#ff8aa3}html[data-theme=light] .tg-status.bad{color:#d1436a}.tg-pulse{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:99px;flex-shrink:0;animation:1.4s ease-in-out infinite tg-pulse}@keyframes tg-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.auth-wrap{animation:none}.auth-seg-ind{transition:none}.tg-pulse{animation:none}}.method{text-align:left;background:var(--glass-2);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;align-items:center;gap:14px;width:100%;padding:16px;transition:border-color .15s,transform .15s,background .15s;display:flex}.method:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--glass-2));transform:translateY(-1px)}.method-ic{color:#fff;background:linear-gradient(160deg,#37bdf8,#2d7ff0);border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 22px -10px #2d7ff0}.method-body{flex-direction:column;flex:1;gap:3px;display:flex}.method-title{font-family:var(--font-display);color:var(--accent);font-size:16px;font-weight:600}html[data-theme=light] .method-title{color:var(--tg-cta-2)}.method-sub{color:var(--text-dim);font-size:13px;line-height:1.4}.method-arrow{color:var(--text-faint);flex-shrink:0;transition:transform .15s}.method:hover .method-arrow{color:var(--accent);transform:translate(3px)}.linklike{cursor:pointer;font:inherit;color:var(--accent);background:0 0;border:none;padding:0;font-weight:600}.linklike:hover{text-decoration:underline}@media (width<=460px){.auth-card{padding:24px}.tg-bind{justify-content:center}}.steps{align-items:center;gap:8px;margin-bottom:20px;display:flex}.steps i{background:var(--track);border-radius:99px;flex:1;height:5px}.steps i.done{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.steps i.now{background:var(--accent);opacity:.6}.profile{align-items:center;gap:16px;display:flex}.avatar{background:linear-gradient(150deg, var(--accent), var(--accent-2));width:60px;height:60px;font-family:var(--font-display);color:#05121a;border-radius:18px;place-items:center;font-size:22px;font-weight:700;display:grid}.chip{background:var(--glass-2);border:1px solid var(--border);border-radius:99px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip .g{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);border-radius:99px}.metric{font-family:var(--font-mono);font-weight:600}.sub-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.arc{--p:64;background:radial-gradient(closest-side, var(--bg-2) 78%, transparent 79% 100%), conic-gradient(var(--accent) calc(var(--p) * 1%), var(--track) 0);border-radius:50%;place-items:center;width:120px;height:120px;margin:2px auto 0;display:grid;position:relative}.arc b{font-family:var(--font-mono);font-size:20px}.arc small{color:var(--text-faint);text-align:center;margin-top:2px;font-size:11px;display:block}.arc-lg{width:150px;height:150px}.arc-lg b{font-size:26px}.arc-unlim b{font-size:30px;line-height:1}.arc-lg.arc-unlim b{font-size:40px}.rowline{border-bottom:1px solid var(--border);justify-content:space-between;padding:11px 0;display:flex}.rowline:last-child{border-bottom:none}.rowline span:first-child{color:var(--text-dim)}.subgroup+.subgroup{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.subgroup>.eyebrow{color:var(--text-dim);margin-bottom:6px}.subgroup .rowline:has(+.bar){border-bottom:none}.bar{background:var(--track);border-radius:99px;height:8px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:99px;height:100%;display:block}.muted{color:var(--text-dim);font-size:13px}.note{color:var(--text-faint);font-size:12px;font-family:var(--font-mono);text-align:center;margin:36px 4px 0}.sectitle{align-items:baseline;gap:12px;margin:0 4px 14px;display:flex}.sectitle h2{color:var(--text-dim);font-size:15px;font-weight:600}.sectitle.center{justify-content:center}.subs-center{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.subs-center>.glass{flex:340px;max-width:460px}.sub-card{min-width:0}.subs-empty{text-align:center;flex-direction:column;flex:auto;align-items:center;max-width:520px;display:flex}.subs-center>.sub-card-hero{flex:100%;max-width:760px}.sub-hero{flex-wrap:wrap;align-items:center;gap:30px;display:flex}.sub-hero-aside{text-align:center;flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.sub-hero-head{flex-direction:column;align-items:center;display:flex}.sub-hero-main{flex:300px;min-width:240px}@media (width<=560px){.sub-hero{justify-content:center;gap:18px}}.appearance{position:relative}.appearance-trigger{align-items:center;gap:7px;display:inline-flex}.appearance-menu{z-index:60;background:var(--menu-surface);flex-direction:column;gap:16px;width:258px;padding:16px;animation:.16s appear-pop;display:flex;position:absolute;top:calc(100% + 8px);right:0}@keyframes appear-pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.appearance-menu{animation:none}}.appearance-group{flex-direction:column;gap:9px;display:flex}.appearance-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);font-size:10px}.appearance-themes{gap:6px;display:flex}.pill{font-family:var(--font-body);color:var(--text-dim);background:var(--track);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;flex:1;padding:8px 6px;font-size:13px;font-weight:500;transition:all .15s}.pill:hover:not(:disabled){color:var(--text);border-color:var(--border-hi)}.pill:disabled{opacity:.4;cursor:not-allowed}.pill-active{color:#05121a;background:linear-gradient(180deg, var(--accent), var(--accent-2));border-color:#0000}html[data-theme=light] .pill-active{color:#08131f}.appearance-accents{gap:12px;display:flex}.appearance-accents .swatch{border-radius:9px;width:32px;height:32px}.swatch-active{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.topbar-actions{align-items:center;gap:10px;display:flex}.usermenu{position:relative}.usermenu-trigger{align-items:center;gap:8px;padding:6px 12px 6px 8px;display:inline-flex}.usermenu-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.usermenu-menu{z-index:60;background:var(--menu-surface);flex-direction:column;gap:4px;width:244px;padding:8px;animation:.16s appear-pop;display:flex;position:absolute;top:calc(100% + 8px);right:0}.usermenu-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:4px;padding:10px 10px 12px;display:flex}.usermenu-ident{min-width:0}.usermenu-fullname{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.usermenu-sub{font-family:var(--font-mono);font-size:12px}.usermenu-nav{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;margin-bottom:4px;padding-bottom:4px;display:flex}.usermenu-item{text-align:left;width:100%;font-family:var(--font-body);color:var(--text);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px;font-size:14px;font-weight:500;text-decoration:none;transition:all .14s;display:flex}.usermenu-item:hover{background:var(--glass-2)}.usermenu-item:disabled{opacity:.6;cursor:default}.usermenu-danger{color:#ff6f91}.usermenu-danger:hover{background:#ff6f9124}@media (width<=520px){.usermenu-name{display:none}}.notfound{justify-content:center;padding-top:24px;display:flex}.notfound-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:460px;display:flex}.notfound-code{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(150deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:10px 0 2px;font-size:96px;font-weight:700;line-height:1}.notfound-title{font-size:22px}.notfound-lead{margin:10px 0 22px}.notfound-btn{padding:12px 22px;text-decoration:none}.ref-share{flex-direction:column;gap:10px;margin-top:16px;display:flex}.ref-share-label{color:var(--text-dim);font-size:12px;font-weight:500}.ref-link{text-align:left;background:var(--track);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:10px;width:100%;padding:9px 9px 9px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.ref-link:hover{border-color:var(--border-hi)}.ref-link.copied{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.ref-link-text{min-width:0;font-family:var(--font-mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.ref-copy{width:32px;height:32px;color:var(--text-dim);background:var(--glass-2);border:1px solid var(--border);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.ref-link.copied .ref-copy{color:var(--accent);border-color:#0000}.ref-share-btn,.ref-actions .btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.ref-actions{gap:10px;display:flex}.ref-actions .btn{flex:1}.modal-scrim{z-index:100;-webkit-backdrop-filter:blur(8px)saturate(120%);background:#0407109e;place-items:center;padding:20px;animation:.16s both scrim-in;display:grid;position:fixed;inset:0}.modal-card{text-align:center;width:100%;max-width:360px;padding:30px 26px 26px;animation:.2s cubic-bezier(.16,1,.3,1) both modal-in;position:relative}.modal-close{width:34px;height:34px;color:var(--text-dim);background:var(--glass-2);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex;position:absolute;top:14px;right:14px}.modal-close:hover{color:var(--text);border-color:var(--border-hi)}.modal-title{margin:6px 0 20px;font-size:20px}.qr-frame{background:linear-gradient(150deg, var(--accent), var(--accent-2));box-shadow:0 18px 40px -18px var(--accent);border-radius:22px;padding:5px;display:inline-flex}.qr-hint{max-width:32ch;color:var(--text-dim);margin:16px auto 18px;font-size:12.5px;line-height:1.5}.modal-card .ref-link{margin-bottom:14px}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.modal-scrim,.modal-card{animation:none}}.tariffs-layout{grid-template-columns:1.15fr .85fr;align-items:start;gap:18px;display:grid}@media (width<=860px){.tariffs-layout{grid-template-columns:1fr}}.pill-row{flex-wrap:wrap;gap:6px;display:flex}.pill-row .pill{flex:0 auto;padding:8px 16px}.tariff-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:14px;display:grid}.tariff-item{text-align:left;font-family:var(--font-body);color:var(--text);background:var(--track);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;padding:14px;transition:all .15s;position:relative}.tariff-item:hover{border-color:var(--border-hi)}.tariff-item.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.tariff-item-name{font-size:14px;font-weight:600}.tariff-item-price{font-family:var(--font-mono);margin-top:6px;font-size:18px}.tariff-item-old{color:var(--text-faint);margin-left:8px;font-size:13px;text-decoration:line-through}.tariff-badge{color:#05121a;background:linear-gradient(180deg, var(--accent), var(--accent-2));border-radius:99px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.tariff-item-meta{color:var(--text-dim);margin-top:3px;font-size:12px}.tariff-item.off{opacity:.5;cursor:not-allowed}.tariff-item.off:hover{border-color:var(--border)}.tariff-item-off{color:color-mix(in srgb, #ff6f91 80%, var(--text));margin-top:8px;font-size:11px;font-weight:600}.subtype-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}@media (width<=480px){.subtype-grid{grid-template-columns:1fr}}.subtype-card{text-align:left;font-family:var(--font-body);color:var(--text);background:var(--track);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;padding:12px 14px;transition:all .15s}.subtype-card:hover:not(.off){border-color:var(--border-hi)}.subtype-card.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.subtype-card.off{opacity:.55;cursor:not-allowed}.subtype-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.subtype-name{font-size:15px;font-weight:600}.subtype-meta{color:var(--text-dim);margin-top:6px;font-size:12px}.subtype-chip{white-space:nowrap;border:1px solid var(--border);background:var(--glass-2);border-radius:99px;padding:3px 8px;font-size:11px;font-weight:700}.subtype-chip.ok{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.subtype-chip.warn{color:#f7b955;border-color:#f7b95566}.subtype-chip.off{color:var(--text-faint)}.tariff-banner{border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--border);color:var(--text-dim);padding:11px 13px;font-size:13px;line-height:1.45}.tariff-banner.ok{border-color:color-mix(in srgb, var(--accent) 35%, transparent);color:color-mix(in srgb, var(--accent) 55%, var(--text))}.tariff-banner.off{color:color-mix(in srgb, #ff6f91 70%, var(--text));border-color:#ff6f9166}.balance-hint{border-radius:var(--r-md);background:color-mix(in srgb, var(--accent) 10%, var(--glass-2));border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);color:color-mix(in srgb, var(--accent) 55%, var(--text));padding:9px 12px;font-size:12.5px}.handle{white-space:nowrap;color:color-mix(in srgb, var(--accent) 72%, var(--text));font-weight:500}.handle-at{color:var(--text-faint);margin-right:1px;font-weight:400}.handle-sub{margin-left:9px;font-size:.72em}.profile-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:7px;display:flex}.id-chip{font-family:var(--font-mono);color:var(--text-dim);background:var(--track);border:1px solid var(--border);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;transition:all .15s;display:inline-flex}.id-chip:hover{border-color:var(--accent);color:var(--text)}.id-chip-label{color:var(--text-faint);letter-spacing:.04em;font-size:11px}.id-chip-value{font-weight:600}.id-chip svg{opacity:.6}.id-chip:hover svg{opacity:1;color:var(--accent)}.tariff-current{border-radius:var(--r-md);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, var(--glass-2)), var(--glass-2));border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));padding:14px 16px 14px 18px;position:relative;overflow:hidden}.tariff-current:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.tariff-current-remain{color:var(--text);margin-top:4px;font-size:22px;font-weight:700;line-height:1.1}.tariff-current-remain b{color:var(--accent)}.tariff-current-sub{color:var(--text-dim);margin-top:5px;font-size:12.5px}.tariff-current.warn{background:linear-gradient(180deg, color-mix(in srgb, #f7b955 12%, var(--glass-2)), var(--glass-2));border-color:color-mix(in srgb, #f7b955 40%, var(--border))}.tariff-current.warn:before{background:#f7b955}.tariff-current.warn .tariff-current-remain b{color:#f7b955}.payment-status{justify-content:center;padding-top:24px;display:flex}.payment-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:480px;display:flex}.promo-code{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text);background:var(--track);border:1px dashed var(--border-hi);border-radius:var(--r-md);cursor:pointer;align-items:center;gap:10px;margin:14px 0;padding:14px 18px;font-size:24px;transition:all .15s;display:inline-flex}.promo-code:hover{border-color:var(--accent)}.pay-stepper{justify-content:center;align-items:flex-start;width:100%;max-width:340px;margin:4px auto 20px;display:flex}.pay-step{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.pay-step:before{content:"";background:var(--border);z-index:0;width:100%;height:2px;position:absolute;top:17px;right:50%}.pay-step:first-child:before{display:none}.pay-step.done:before,.pay-step.active:before,.pay-step.error:before{background:var(--accent)}.pay-step-dot{z-index:1;border:1px solid var(--border);background:var(--track);width:36px;height:36px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .2s;display:flex;position:relative}.pay-step.done .pay-step-dot{background:var(--accent);border-color:var(--accent);color:#05121a}.pay-step.active .pay-step-dot{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent)}.pay-step.error .pay-step-dot{color:#2a0a12;background:#ff6f91;border-color:#ff6f91}.pay-step-label{color:var(--text-dim);font-size:12px}.pay-step.done .pay-step-label,.pay-step.active .pay-step-label{color:var(--text)}.pay-step.error .pay-step-label{color:#ff6f91}.pk-spin{animation:.9s linear infinite pk-spin}@keyframes pk-spin{to{transform:rotate(360deg)}}.pay-summary{width:100%;max-width:300px;margin:2px auto 0}.pay-code{max-width:100%;font-family:var(--font-mono);color:var(--text-dim);background:var(--track);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:12px auto 0;padding:8px 12px;font-size:12px;transition:all .15s;display:inline-flex}.pay-code:hover{border-color:var(--accent);color:var(--text)}.pay-code-label{color:var(--text-faint);letter-spacing:.03em;font-size:11px}.pay-code-value{word-break:break-all;font-weight:600}.pay-code svg{opacity:.6;flex-shrink:0}.pay-code:hover svg{opacity:1;color:var(--accent)}.pay-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.pay-actions .btn{padding:12px 20px;text-decoration:none}.sub-actions{gap:10px;margin-top:18px;display:flex}.sub-actions .btn{text-align:center;flex:1;padding:11px 14px;text-decoration:none}.scrolltop{z-index:60;color:#05121a;background:linear-gradient(180deg, var(--accent), var(--accent-2));cursor:pointer;width:46px;height:46px;box-shadow:0 10px 30px -8px var(--accent);opacity:0;pointer-events:none;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,transform .2s,filter .15s;display:flex;position:fixed;bottom:22px;right:22px;transform:translateY(10px)scale(.9)}.scrolltop.show{opacity:1;pointer-events:auto;transform:none}.scrolltop:hover{filter:brightness(1.08)}html[data-theme=light] .scrolltop{color:#08131f}@media (width<=480px){.scrolltop{width:42px;height:42px;bottom:16px;right:16px}}
