:root{--bg:#061812;--bg2:#0b231b;--card:#0f2c22;--line:#d6b65b29;--gold:#d6b65b;--gold2:#e9d08a;--cream:#f6f2e9;--muted:#f6f2e99e;--accent:#d6b65b;--err:#f08a7e;--ok:#7fd1a8;--r:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--cream);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(120% 60% at 50% -10%, #d6b65b1a, transparent 60%), linear-gradient(180deg, var(--bg2), var(--bg) 40%);background-attachment:fixed}#root{max-width:560px;min-height:100dvh;margin:0 auto}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-family:Fraunces,Georgia,serif;font-weight:600}h2{font-size:1.6rem}h3{font-size:1.25rem}h4{font-family:Inter,system-ui,sans-serif;font-size:1.02rem;font-weight:600}p{margin:0;line-height:1.5}a{color:var(--gold2)}.gold{color:var(--gold)}.muted{color:var(--muted)}.small{font-size:.88rem}.fine{color:var(--muted);font-size:.75rem;line-height:1.45}.center{text-align:center}.error{color:var(--err);font-size:.9rem}.ok{color:var(--ok);font-size:.9rem}.page{flex-direction:column;gap:18px;padding:12px 18px 40px;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.splash{place-items:center;min-height:100dvh;animation:1.4s ease-in-out infinite pulse;display:grid}@keyframes pulse{50%{opacity:.45}}.brandbar{justify-content:space-between;align-items:center;min-height:52px;padding:6px 0;display:flex}.brandbar-left{align-items:center;gap:10px;display:flex}.brandbar-text{flex-direction:column;line-height:1.1;display:flex}.brand-name{letter-spacing:.02em;font-family:Fraunces,Georgia,serif;font-size:1.08rem;font-weight:600}.brand-partner{color:var(--muted);font-size:.72rem}.partner-logo{border-radius:6px;width:auto;height:30px}.partner-logo.small{height:22px;margin-left:4px}.avatar{background:var(--card);border:1px solid var(--line);width:38px;height:38px;color:var(--gold);border-radius:50%;place-items:center;font-weight:600;text-decoration:none;display:grid}.card{border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f2c22b8;padding:18px}.form{flex-direction:column;gap:14px;display:flex}label{color:var(--muted);flex-direction:column;gap:6px;font-size:.82rem;display:flex}input,select{font:inherit;color:var(--cream);background:var(--bg);border:1px solid #f6f2e924;border-radius:12px;outline:none;width:100%;min-width:0;padding:13px 14px;font-size:1rem}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d6b65b26}input:disabled{opacity:.6}input.code{letter-spacing:.5em;text-align:center;font-size:1.4rem}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.inline{gap:10px;display:flex}.inline .btn{flex:none}.btn{font:inherit;cursor:pointer;text-align:center;border:1px solid #0000;border-radius:12px;padding:13px 18px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform 80ms,opacity .2s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:linear-gradient(180deg, var(--gold2), var(--gold));color:#1a1404}.btn.ghost{color:var(--cream);border-color:var(--line);background:0 0}.btn.sm{padding:8px 14px;font-size:.88rem}.btn.wide{width:100%}.login{flex-direction:column;gap:22px;padding:10vh 22px 32px;display:flex}.login-hero{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-bottom:8px;display:flex}.login-hero h1{font-size:2.3rem}.track-pick{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.track-chip{font:inherit;color:var(--cream);background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;display:flex}.track-chip-label{font-weight:600}.track-chip-brand{letter-spacing:.08em;color:var(--muted);font-size:.7rem}.track-chip.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 6px 24px -10px var(--accent)}.track-chip.on .track-chip-brand{color:var(--accent)}.hello{flex-direction:column;gap:2px;margin-top:4px;display:flex}.switcher{background:var(--bg);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.switcher button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:11px 4px;font-size:.92rem;font-weight:600;transition:background .2s,color .2s}.switcher button.on{background:var(--card);color:var(--cream);box-shadow:inset 0 -2px 0 var(--accent)}.track-hero{border:1px solid var(--line);background:radial-gradient(90% 120% at 100% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%), var(--card);border-radius:20px;flex-direction:column;gap:6px;padding:22px 20px;display:flex}.eyebrow{letter-spacing:.18em;color:var(--accent);font-size:.72rem;font-weight:700}.track-hero h3{font-size:1.45rem;line-height:1.2}.chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chips span{color:var(--muted);background:#f6f2e912;border-radius:99px;padding:4px 10px;font-size:.74rem}.tools{flex-direction:column;gap:10px;display:flex}.tool{border-radius:var(--r);border:1px solid var(--line);background:#0f2c228c;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.tool-num{color:var(--accent);width:28px;font-family:Fraunces,Georgia,serif;font-size:1.1rem}.badge{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line);border-radius:99px;padding:4px 9px;font-size:.68rem;font-weight:700}
