@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--color-primary:#f59e0b;--color-primary-light:#fcd34d;--color-primary-dark:#d97706;--color-primary-glow:#f59e0b40;--color-accent:#8b5cf6;--color-accent-light:#a78bfa;--color-accent-dark:#7c3aed;--color-accent-glow:#8b5cf640;--color-bg:#080b12;--color-bg-elevated:#0d1117;--color-bg-card:#111827;--color-bg-card-hover:#1a2233;--color-bg-input:#0f1724;--color-bg-overlay:#080b12d9;--color-border:#ffffff14;--color-border-focus:#f59e0b80;--color-border-hover:#ffffff29;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#475569;--color-text-inverse:#080b12;--color-success:#10b981;--color-success-bg:#10b9811f;--color-error:#ef4444;--color-error-bg:#ef44441f;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1f;--color-info:#3b82f6;--color-info-bg:#3b82f61f;--color-status-open:#10b981;--color-status-voting:#8b5cf6;--color-status-finished:#94a3b8;--font-sans:"Inter", system-ui, sans-serif;--font-display:"Space Grotesk", "Inter", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow:0 0 24px var(--color-primary-glow);--shadow-accent-glow:0 0 24px var(--color-accent-glow);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--max-width:1200px;--navbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -20%,#f59e0b14 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#8b5cf60f 0%,#0000 50%);position:fixed;inset:0}img,video{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes recordPulse{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 12px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes waveBar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes rankBump{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-4);margin:0 auto}@media (min-width:640px){.container{padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 var(--space-8)}}