:root{--ink:#0b1220;--surface:#131c2b;--surface-hi:#1c2a3e;--border:#24344a;--text:#e8edf4;--muted:#8a9bb4;--teal:#2dd4bf;--teal-dim:#14b8a6;--teal-ink:#04211d;--amber:#f5b841;--danger:#f87171;--success:#27c93f;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--radius:12px;--radius-sm:10px;--radius-pill:999px;--ring:0 0 0 3px #2dd4bf59;--shadow:0 18px 50px #040a1473;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -10%, #2dd4bf14, transparent 60%), var(--ink);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.55}a{color:var(--teal);font-weight:500;text-decoration:none}a:hover{text-decoration:underline}.auth-shell{min-height:100dvh;padding:var(--space-6) var(--space-4);place-items:center;display:grid}.app-shell{max-width:960px;padding:var(--space-8) var(--space-4);margin:0 auto}.brand{align-items:center;gap:var(--space-2);font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:1.05rem;font-weight:700;display:inline-flex}.brand__mark{flex:none;width:22px;height:22px}.brand:hover{text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow);padding:var(--space-6)}.card--wide{max-width:100%}.title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 var(--space-2);font-size:1.6rem;font-weight:700;line-height:1.15}.subtitle{color:var(--muted);margin:0 0 var(--space-5);font-size:.95rem}.section-title{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 var(--space-3);font-size:1.15rem;font-weight:600}.form{gap:var(--space-4);display:grid}.field{gap:var(--space-2);display:grid}.label{color:var(--text);font-size:.85rem;font-weight:500}.input{background:var(--surface-hi);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;padding:.7rem .85rem;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--teal);box-shadow:var(--ring);outline:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);font:inherit;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:.7rem 1.1rem;font-weight:600;transition:transform 60ms,background-color .15s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--teal);color:var(--teal-ink)}.btn--primary:hover:not(:disabled){background:var(--teal-dim)}.btn--ghost{color:var(--text);border-color:var(--border);background:0 0}.btn--ghost:hover:not(:disabled){border-color:var(--teal)}.btn--block{width:100%}.btn--sm{padding:.4rem .9rem;font-size:.85rem}.btn--danger{color:var(--danger);background:0 0;border-color:#f8717180}.btn--danger:hover:not(:disabled){background:var(--danger);color:#1a1010;border-color:var(--danger)}.panel--danger{border-color:#f8717159}.segmented{gap:var(--space-1);background:var(--surface-hi);border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-1);margin-bottom:var(--space-4);display:inline-flex}.segmented__item{color:var(--muted);font:inherit;border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;padding:.4rem .9rem;font-weight:500}.segmented__item[aria-pressed=true]{background:var(--teal);color:var(--teal-ink)}.alert{border-radius:var(--radius-sm);border:1px solid #0000;padding:.7rem .85rem;font-size:.9rem}.alert--error{color:#fca5a5;background:#f871711a;border-color:#f8717166}.alert--success{color:#86efac;background:#27c93f1a;border-color:#27c93f59}.alert--info{color:var(--teal);background:#2dd4bf17;border-color:#2dd4bf52}.card__foot{margin:var(--space-5) 0 0;color:var(--muted);text-align:center;font-size:.9rem}.badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--muted);text-transform:capitalize;padding:.2rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge--active{color:var(--success);background:#27c93f14;border-color:#27c93f66}.badge--warn{color:var(--amber);background:#f5b84114;border-color:#f5b84166}.stack{gap:var(--space-5);display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5)}.row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.plan-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=720px){.plan-grid{grid-template-columns:repeat(3,1fr)}}.plan{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);flex-direction:column;display:flex}.plan--featured{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal) inset}.plan--soon{opacity:.6}.plan__name{font-family:var(--font-display);margin:0 0 var(--space-2);align-items:center;gap:var(--space-2);font-size:1.2rem;font-weight:600;display:flex}.plan__badge{text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--muted);padding:.15rem .5rem;font-size:.7rem;font-weight:600}.plan__price{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 var(--space-4);font-size:2rem;font-weight:700}.plan__price span{color:var(--muted);font-size:.95rem;font-weight:400}.plan__coupon{color:var(--teal);margin:calc(var(--space-4) * -1) 0 var(--space-4);font-size:.82rem}.plan__features{margin:0 0 var(--space-5);gap:var(--space-2);color:var(--muted);flex:1;padding:0;font-size:.92rem;list-style:none;display:grid}.plan__features li{gap:var(--space-2);display:flex}.plan__features li:before{content:"";background:var(--teal);border-radius:50%;flex:none;width:6px;height:6px;margin-top:.5rem}.center-note{text-align:center;color:var(--muted)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
