*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0c0e18;--surface: #151822;--surface2: #1d2030;--surface3: #232740;--border: #2a2f4a;--border-light: #363c5e;--text: #eceef5;--muted: #7c82a0;--muted2: #545878;--accent: #6c63ff;--accent-hover: #7b74ff;--accent-dim: rgba(108, 99, 255, .14);--accent-glow: rgba(108, 99, 255, .25);--green: #22c55e;--green-dim: rgba(34, 197, 94, .12);--green-glow: rgba(34, 197, 94, .22);--red: #ef4444;--red-dim: rgba(239, 68, 68, .12);--yellow: #f59e0b;--yellow-dim: rgba(245, 158, 11, .12);--blue: #60a5fa;--radius: 14px;--radius-sm: 9px;--radius-xs: 6px;--shadow: 0 4px 24px rgba(0,0,0,.35);--shadow-sm: 0 2px 10px rgba(0,0,0,.25)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted2)}@media (max-width: 640px){.hide-mobile{display:none!important}}.levels-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}@media (max-width: 540px){.levels-grid{grid-template-columns:repeat(2,1fr)}}.metrics-row1{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metrics-benefit{grid-column:span 2}.metrics-row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:16px}@media (max-width: 768px){.metrics-row1{grid-template-columns:1fr}.metrics-benefit{grid-column:span 1}.metrics-row2{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.metrics-row1,.metrics-row2{grid-template-columns:1fr}}.picks-desktop{display:block}.picks-mobile{display:none}@media (max-width: 768px){.picks-desktop{display:none}.picks-mobile{display:block}}
