:root{--bg: #0f0b1f;--bg-panel: #15102b;--bg-soft: #1c1638;--bg-card: #181232;--ink: #ece9f5;--ink-soft: #b7b0cc;--ink-mute: #807a98;--accent: #f2e840;--accent-cool: #4fd8e8;--accent-warm: #ff6b6b;--green: #6be07c;--amber: #f2b040;--red: #ff6b6b;--border: rgba(255, 255, 255, .1);--border-soft: rgba(255, 255, 255, .06);--radius: 16px;--maxw: 1180px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(79,216,232,.08),transparent 60%),radial-gradient(1000px 500px at 0% 0%,rgba(242,232,64,.06),transparent 55%),var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.display{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1;margin:0}h1.display{font-size:clamp(40px,6vw,76px)}h2.display{font-size:clamp(30px,4vw,48px)}h3.display{font-size:clamp(22px,3vw,30px)}.accent{color:var(--accent)}.cool{color:var(--accent-cool)}.warm{color:var(--accent-warm)}.pos{color:var(--green)}.neg{color:var(--red)}.amber{color:var(--amber)}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);font-weight:600;margin:0 0 14px}.eyebrow strong{color:var(--accent)}.lead{font-size:clamp(18px,2.2vw,23px);color:var(--ink);font-weight:500;line-height:1.45}p{color:var(--ink-soft);line-height:1.6;font-size:16px}p strong,li strong{color:var(--ink);font-weight:600}ul{color:var(--ink-soft);line-height:1.6;padding-left:20px}li{margin:7px 0}li::marker{color:var(--accent)}.muted{color:var(--ink-mute)}.small{font-size:13px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.section{padding:64px 0;border-bottom:1px solid var(--border-soft)}.section:last-child{border-bottom:none}.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.g2,.g3,.g4{grid-template-columns:1fr}}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;padding:16px 28px;background:#0f0b1fd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav .brand{font-family:Anton,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:20px}.nav .brand b{color:var(--accent)}.nav .links{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.nav .links a{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink-soft);padding:8px 14px;border-radius:999px;border:1px solid transparent;transition:all .15s ease}.nav .links a:hover{color:var(--ink);background:var(--bg-soft)}.nav .links a.active{color:var(--bg);background:var(--accent)}.card{background:linear-gradient(180deg,var(--bg-card),var(--bg-panel));border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px}.card.glow{box-shadow:0 0 0 1px #f2e8401f,0 18px 50px -20px #000000b3}.card .card-eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-cool);font-weight:700;margin-bottom:10px}.stat{display:flex;flex-direction:column;gap:6px}.stat .val{font-family:Anton,sans-serif;font-size:clamp(34px,4.4vw,50px);line-height:1}.stat .label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);font-weight:600}.stat .sub{font-size:13px;color:var(--ink-soft)}.spine{background:linear-gradient(135deg,#f2e8401a,#4fd8e80d);border:1px solid rgba(242,232,64,.3);border-left:4px solid var(--accent);border-radius:12px;padding:26px 30px;font-size:clamp(17px,2vw,22px);line-height:1.5;color:var(--ink);font-weight:500}.spine .label{display:block;text-transform:uppercase;font-size:11px;letter-spacing:.18em;color:var(--accent);font-weight:700;margin-bottom:12px}.callout{background:var(--bg-soft);border-left:3px solid var(--accent-cool);border-radius:10px;padding:16px 20px}.callout.warn{border-left-color:var(--amber)}.callout.bad{border-left-color:var(--red)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:999px;border:1px solid var(--border);color:var(--ink-soft)}.pill.green{color:var(--green);border-color:#6be07c66}.pill.amber{color:var(--amber);border-color:#f2b04066}.pill.red{color:var(--red);border-color:#ff6b6b66}.pill.cool{color:var(--accent-cool);border-color:#4fd8e866}table.gj{width:100%;border-collapse:collapse;font-size:14px}table.gj th{text-align:left;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;padding:10px 12px;border-bottom:1px solid var(--border)}table.gj td{padding:11px 12px;border-bottom:1px solid var(--border-soft);color:var(--ink-soft)}table.gj td strong{color:var(--ink)}table.gj tr:hover td{background:#ffffff05}.num{font-variant-numeric:tabular-nums;text-align:right}.chart-card{background:linear-gradient(180deg,var(--bg-card),var(--bg-panel));border:1px solid var(--border);border-radius:var(--radius);padding:20px 18px 8px}.chart-title{font-weight:700;font-size:15px;color:var(--ink);margin:0 4px 2px}.chart-sub{font-size:12.5px;color:var(--ink-mute);margin:0 4px 14px}.legend{display:flex;gap:16px;flex-wrap:wrap;margin:8px 4px 4px;font-size:12px;color:var(--ink-soft)}.legend span{display:inline-flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:3px;display:inline-block}.hero{padding:90px 0 60px}.hero .kicker{display:inline-flex;gap:10px;align-items:center;margin-bottom:22px}.divider{height:1px;background:var(--border);margin:8px 0 0}.footer{padding:40px 0 70px;color:var(--ink-mute);font-size:13px}.nav-signout{font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--ink-mute);background:transparent;border:1px solid var(--border);padding:7px 13px;border-radius:999px;cursor:pointer;transition:all .15s ease}.nav-signout:hover{color:var(--ink);border-color:var(--ink-mute)}.auth-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px}.auth-card{width:100%;max-width:420px;background:linear-gradient(180deg,var(--bg-card),var(--bg-panel));border:1px solid var(--border);border-radius:18px;padding:34px 32px;box-shadow:0 30px 80px -30px #000c}.auth-brand{font-family:Anton,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:28px}.auth-brand b{color:var(--accent)}.auth-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);font-weight:600;margin:8px 0 26px}.auth-lead{font-size:19px;color:var(--ink);font-weight:600;margin:0 0 16px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-input{width:100%;padding:13px 15px;border-radius:11px;font-size:15px;background:var(--bg);border:1px solid var(--border);color:var(--ink);font-family:Inter,sans-serif}.auth-input:focus{outline:none;border-color:var(--accent)}.auth-btn{width:100%;padding:13px 15px;border-radius:11px;border:none;cursor:pointer;background:var(--accent);color:var(--bg);font-weight:700;font-size:15px;font-family:Inter,sans-serif;transition:filter .15s ease}.auth-btn:hover{filter:brightness(1.08)}.auth-btn:disabled{opacity:.6;cursor:default}.auth-link{background:none;border:none;color:var(--accent-cool);font-size:13px;cursor:pointer;padding:14px 0 0;font-weight:600}.auth-hint{font-size:13px;color:var(--ink-mute);line-height:1.5;margin:16px 0 0}.auth-hint code{background:var(--bg-soft);padding:2px 6px;border-radius:5px;font-size:12px;color:var(--ink-soft)}.auth-err{font-size:13px;color:var(--red);margin:12px 0 0}.auth-foot{font-size:12px;color:var(--ink-mute)}.recharts-default-tooltip{background:var(--bg-panel)!important;border:1px solid var(--border)!important;border-radius:10px!important}
