@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a2e;--bg-card-hover:#222240;--bg-accent:#16213e;--border:#2a2a4a;--border-light:#3a3a5a;--text-primary:#e8e8f0;--text-secondary:#9898b8;--text-muted:#6868a8;--green:#00e676;--green-soft:#00e6761a;--red:#ff5252;--red-soft:#ff52521a;--blue:#448aff;--blue-soft:#448aff26;--gold:#ffd740;--gold-soft:#ffd7401f;--purple:#b388ff;--cyan:#18ffff;--gradient-1:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero:linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);--shadow-card:0 4px 24px #0000004d;--shadow-glow:0 0 20px #448aff26;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px;transition:all .3s}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0a0fd9;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.navbar-brand{background:var(--gradient-3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:12px;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.navbar-brand span.icon{-webkit-text-fill-color:initial;font-size:1.5rem}.navbar-links{gap:8px;list-style:none;display:flex}.navbar-links a{color:var(--text-secondary);border-radius:var(--radius-sm);padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.navbar-links a:hover{color:var(--text-primary);background:var(--bg-card)}.container{max-width:1400px;margin:0 auto;padding:24px}.hero{background:var(--gradient-hero);border-radius:var(--radius-xl);border:1px solid var(--border);margin-bottom:32px;padding:48px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#448aff14 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-50%;right:-20%}.hero h1{letter-spacing:-.02em;margin-bottom:8px;font-size:2.5rem;font-weight:900}.hero p{color:var(--text-secondary);font-size:1.1rem}.grid-3{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.grid-2{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:20px;display:grid}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:.75rem;font-weight:600}.data-table td{white-space:nowrap;border-bottom:1px solid #2a2a4a80;padding:12px 16px}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:var(--bg-card-hover)}.badge{letter-spacing:.02em;border-radius:100px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-green{background:var(--green-soft);color:var(--green)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-blue{background:var(--blue-soft);color:var(--blue)}.badge-gold{background:var(--gold-soft);color:var(--gold)}.value-up{color:var(--green);font-weight:600}.value-down{color:var(--red);font-weight:600}.value-neutral{color:var(--text-secondary)}.mono{font-family:JetBrains Mono,monospace}.stat-box{flex-direction:column;gap:4px;display:flex}.stat-box .stat-value{font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:800}.stat-box .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.countdown{align-items:baseline;gap:8px;display:flex}.countdown-value{color:var(--cyan);font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700}.countdown-label{color:var(--text-muted);font-size:.7rem}.pulse{background:var(--green);border-radius:50%;width:10px;height:10px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.race-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .3s;overflow:hidden}.race-card:hover{border-color:var(--blue);box-shadow:var(--shadow-glow)}.race-card-header{background:var(--bg-accent);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.race-card-header h3{font-size:1rem;font-weight:700}.race-card-body{padding:16px 20px}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.container{padding:16px}.hero{padding:24px}.hero h1{font-size:1.5rem}.grid-3,.grid-2{grid-template-columns:1fr}.navbar-links{display:none}.data-table{font-size:.8rem}.data-table th,.data-table td{padding:8px 10px}}