:root{--ink: #111314;--ink-2: #181a1c;--ink-3: #212326;--line: #2e3136;--line-2: #41464c;--paper: #cad8ed;--paper-dim: #8b95a3;--paper-faint: #5f6670;--amber: #ccaa66;--amber-bright: #e6c585;--amber-deep: #997c43;--amber-glow: rgba(204, 170, 102, .14);--brass: #ccaa66;--brass-bright: #e6c585;--brass-deep: #997c43;--brass-ink: #241d0e;--teal: #79a3c4;--violet: #9d92c4;--danger: #cc6b5c;--ok: #76a88f;--green: #76a88f;--green-fill: #37624f;--green-ink: #e6f0ea;--display: "Krona One", ui-sans-serif, system-ui, sans-serif;--head: "Commissioner", ui-sans-serif, system-ui, sans-serif;--sans: "Inter", ui-sans-serif, system-ui, sans-serif;--mono: "Chivo Mono", ui-monospace, "SFMono-Regular", monospace;--serif: var(--display);--radius: 4px;--radius-lg: 8px;--shadow: 0 22px 60px -30px rgba(0, 0, 0, .9);color-scheme:dark}:root{--slate-975: #0f1012;--slate-950: #16171a;--slate-900: #1e2124;--slate-850: #272a2e;--slate-800: #303338;--slate-700: #3d4147;--slate-600: #4e545c;--slate-500: #646b75;--slate-400: #7e8794;--slate-300: #98a3b3;--slate-200: #b2bfd1;--slate-100: #c7d6eb;--slate-50: #d9e9ff;--gold-200: #e8d9ba;--gold-300: #dec89c;--gold-400: #d5b981;--gold-500: #ccaa66;--gold-600: #bf9540;--gold-700: #a67f30;--gold-800: #836221;--green-500: #5fbf87;--green-600: #4ca772;--amber-500: #e6a94a;--red-500: #e0685a;--blue-500: #5e9bd6;--violet-500: #9e8ed6;--teal-500: #57c2c0;--bg-app: var(--slate-950);--bg-sunken: var(--slate-975);--bg-panel: var(--slate-900);--bg-surface: var(--slate-850);--bg-raised: var(--slate-800);--bg-hover: var(--slate-700);--bg-overlay: rgba(12, 13, 16, .72);--border-subtle: rgba(255, 255, 255, .05);--border-default: var(--slate-700);--border-strong: var(--slate-600);--border-accent: var(--gold-500);--text-primary: #e9eef5;--text-secondary: var(--slate-300);--text-muted: var(--slate-400);--text-disabled: var(--slate-500);--text-accent: var(--gold-400);--text-on-accent: var(--slate-950);--accent: var(--gold-500);--accent-hover: var(--gold-400);--accent-active: var(--gold-600);--accent-subtle: rgba(204, 170, 102, .14);--accent-border: rgba(204, 170, 102, .4);--focus-ring: rgba(204, 170, 102, .55);--status-success: var(--green-500);--status-warning: var(--amber-500);--status-danger: var(--red-500);--font-display: "Krona One", "Commissioner", system-ui, sans-serif;--font-heading: "Commissioner", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Chivo Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-xl: 12px;--radius-2xl: 16px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .45);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .45);--shadow-md: 0 6px 16px rgba(0, 0, 0, .48);--shadow-lg: 0 14px 34px rgba(0, 0, 0, .52);--shadow-xl: 0 28px 70px rgba(0, 0, 0, .58);--bevel-top: inset 0 1px 0 rgba(255, 255, 255, .06);--inset-well: inset 0 1px 2px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(0, 0, 0, .3);--ring-focus: 0 0 0 2px rgba(204, 170, 102, .55);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-snappy: cubic-bezier(.3, .7, 0, 1);--ease-spring: cubic-bezier(.34, 1.4, .5, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(180deg,rgba(255,255,255,.014),transparent 22%),radial-gradient(120% 70% at 50% -12%,rgba(217,164,69,.05),transparent 58%);pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1{font-family:var(--display);font-weight:400;letter-spacing:.005em;line-height:1.16;margin:0;font-size:clamp(1.8rem,4.2vw,2.9rem)}h2,h3{font-family:var(--head);font-weight:600;letter-spacing:-.012em;line-height:1.14;margin:0}p{margin:0}a{color:var(--amber);text-decoration:none;transition:color .18s ease}a:hover{color:var(--amber-bright)}.label{font-family:var(--mono);font-size:.66rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--paper-faint)}.mono{font-family:var(--mono)}.wordmark{font-family:var(--display);font-weight:400;font-size:.92rem;letter-spacing:.16em;text-transform:uppercase;color:var(--paper);display:inline-flex;align-items:center;gap:.6rem}.wordmark .dot{width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber)}.panel{background:linear-gradient(180deg,var(--ink-2),var(--ink));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.hairline{border:0;border-top:1px solid var(--line);margin:0}.field{display:flex;flex-direction:column;gap:.5rem}.field>.label{color:var(--paper-dim)}input[type=email],input[type=password],input[type=text]{width:100%;padding:.85rem .95rem;background:var(--ink);border:1px solid var(--line-2);border-radius:var(--radius);color:var(--paper);font-family:var(--mono);font-size:.92rem;letter-spacing:.01em;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input::placeholder{color:var(--paper-faint)}input:focus{outline:none;border-color:var(--amber-deep);background:var(--ink-2);box-shadow:0 0 0 3px var(--amber-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.4rem;border-radius:var(--radius);font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,background .18s ease,border-color .18s ease,color .18s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--brass-bright),var(--brass));color:var(--brass-ink);border-color:var(--brass-deep, #9c854f);box-shadow:inset 0 1px #ffffff2e}.btn-primary:hover{background:linear-gradient(180deg,#e6cf9a,var(--brass-bright));box-shadow:inset 0 1px #ffffff3d,0 0 20px -10px var(--amber-glow)}.btn-success{background:linear-gradient(180deg,#4a7c53,var(--green-fill));color:var(--green-ink);border-color:#74b07c66;box-shadow:inset 0 1px #ffffff1f}.btn-success:hover{background:linear-gradient(180deg,#56905f,#457a4d)}.btn-ghost{background:transparent;color:var(--paper);border-color:var(--line-2)}.btn-ghost:hover{border-color:var(--paper-faint);background:var(--ink-3)}.btn-block{width:100%}.notice{font-family:var(--mono);font-size:.78rem;padding:.7rem .9rem;border-radius:var(--radius);border:1px solid}.notice-error{color:var(--danger);border-color:#e8775a66;background:#e8775a12}.notice-ok{color:var(--ok);border-color:#7bc6a066;background:#7bc6a012}.badge{display:inline-flex;align-items:center;font-family:var(--mono);font-size:.6rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:.32rem .6rem .28rem;border-radius:3px;border:1px solid;white-space:nowrap;color:var(--amber);border-color:#d9a44557;background:#d9a4450f}.badge-teal{color:var(--teal);border-color:#63b2c457;background:#63b2c40f}.badge-violet{color:var(--violet);border-color:#9d84cf57;background:#9d84cf0f}.badge-green{color:var(--green);border-color:#74b07c57;background:#74b07c0f}.stack{display:flex;flex-direction:column}.muted{color:var(--paper-dim)}.faint{color:var(--paper-faint)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;animation:rise .6s cubic-bezier(.2,.7,.2,1) forwards}@media (prefers-reduced-motion: reduce){.reveal{animation:none;opacity:1}}.form-card{width:100%;max-width:27rem;display:flex;flex-direction:column;gap:1.6rem}.form-head{display:flex;flex-direction:column;gap:.7rem}.form-head h1{font-size:clamp(1.9rem,4vw,2.7rem)}.form-card form{display:flex;flex-direction:column;gap:1.1rem}.form-links{display:flex;flex-direction:column;gap:.55rem;margin-top:.3rem;font-size:.82rem}.auth-form{width:100%;display:flex;flex-direction:column;gap:1.25rem}.auth-seg{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;background:var(--slate-850);border:1px solid var(--border-default);border-radius:var(--radius-md)}.auth-seg a{display:flex;align-items:center;justify-content:center;height:30px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--text-muted);transition:background .16s ease,color .16s ease}.auth-seg a:hover{color:var(--text-secondary)}.auth-seg a[aria-current=page]{background:var(--slate-700);color:var(--text-primary);box-shadow:var(--bevel-top)}.auth-h{display:flex;flex-direction:column;gap:.3rem}.auth-h h1{font-family:var(--font-heading);font-weight:600;font-size:1.45rem;line-height:1.15;letter-spacing:-.01em;color:var(--text-primary)}.auth-h p{font-size:.82rem;color:var(--text-muted)}.auth-form form{display:flex;flex-direction:column;gap:.9rem}.auth-field{display:flex;flex-direction:column;gap:.45rem}.auth-field .flabel,.auth-field label{font-size:.76rem;font-weight:600;color:var(--text-secondary);letter-spacing:0;text-transform:none;font-family:var(--font-body);display:flex;align-items:center;justify-content:space-between}.auth-field .hint{font-size:.72rem;color:var(--text-muted)}.forgot{font-size:.75rem;color:var(--text-accent);font-weight:500}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{height:40px;padding:0 .85rem;background:var(--bg-sunken);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;letter-spacing:0;transition:border-color .16s ease,box-shadow .16s ease}.auth-form input::placeholder{color:var(--text-disabled)}.auth-form input:focus{outline:none;border-color:var(--accent-border);background:var(--bg-sunken);box-shadow:var(--ring-focus)}.pw-wrap{position:relative}.pw-wrap input[type=password],.pw-wrap input[type=text]{width:100%;padding-right:42px}.pw-eye{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color .15s ease}.pw-eye:hover{color:var(--text-secondary)}.pw-eye:focus-visible{outline:none;box-shadow:var(--ring-focus)}.switch{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.82rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .track{width:34px;height:20px;border-radius:var(--radius-pill);background:var(--slate-700);border:1px solid var(--border-default);position:relative;transition:background .16s ease;flex:0 0 auto}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--slate-300);transition:transform .16s var(--ease-snappy),background .16s ease}.switch input:checked+.track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.track:after{transform:translate(14px);background:var(--text-on-accent)}.switch input:focus-visible+.track{box-shadow:var(--ring-focus)}.terms{font-size:.72rem;line-height:1.5;color:var(--text-muted);text-align:center}.terms a{color:var(--text-secondary)}.auth-alt{font-size:.8rem;color:var(--text-muted);text-align:center}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:40px;padding:0 1.2rem;border-radius:var(--radius-md);border:1px solid var(--accent-active);background:linear-gradient(180deg,var(--gold-400),var(--accent));color:var(--text-on-accent);font-family:var(--font-body);font-size:.86rem;font-weight:600;letter-spacing:0;text-transform:none;cursor:pointer;box-shadow:var(--bevel-top);transition:filter .16s ease,transform .1s ease}.btn-gold:hover{filter:brightness(1.06)}.btn-gold:active{transform:translateY(1px)}.btn-gold[disabled]{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:34px;padding:0 .9rem;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-raised);color:var(--text-primary);font-family:var(--font-body);font-size:.8rem;font-weight:500;cursor:pointer;box-shadow:var(--bevel-top);transition:background .15s ease,border-color .15s ease;white-space:nowrap}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary:active{transform:translateY(1px)}.btn-secondary :global(svg),.btn-secondary svg{color:var(--text-secondary)}.btn-gold-sm{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:32px;padding:0 .8rem;border-radius:var(--radius-md);border:1px solid var(--accent-active);background:linear-gradient(180deg,var(--gold-400),var(--accent));color:var(--text-on-accent);font-family:var(--font-body);font-size:.78rem;font-weight:600;cursor:pointer;box-shadow:var(--bevel-top);transition:filter .15s ease;white-space:nowrap}.btn-gold-sm:hover{filter:brightness(1.06)}.btn-gold-sm:active{transform:translateY(1px)}.status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:var(--radius-pill);border:1px solid;white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}.status-active,.status-paid{color:var(--green-500);border-color:#5fbf8759;background:#5fbf8714}.status-muted{color:var(--text-muted);border-color:var(--border-default);background:var(--bg-raised)}.status-trial{color:var(--amber-500);border-color:#e6a94a59;background:#e6a94a14}.acard{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--bevel-top)}.page-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.page-sub{font-size:.82rem;color:var(--text-muted);margin-top:4px}
