@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg: #0d0d0d;--color-bg-gradient: linear-gradient(145deg, #0d0d0d 0%, #1a1a1a 50%, #0d0d0d 100%);--color-surface: rgba(255, 255, 255, .04);--color-surface-hover: rgba(255, 255, 255, .08);--color-border: rgba(255, 255, 255, .1);--color-primary: #FF4500;--color-primary-glow: rgba(255, 69, 0, .3);--color-secondary: #FF6B35;--color-accent: #FFB800;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .7);--color-text-dim: rgba(255, 255, 255, .5);--color-gold: #FFD700;--color-silver: #C0C0C0;--color-bronze: #CD7F32;--color-top10: #FF4500;--color-top25: #FF6B35;--color-success: #22c55e;--color-error: #ef4444;--font-display: "Bebas Neue", Impact, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px var(--color-primary-glow);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--color-text);background:var(--color-bg);background-image:var(--color-bg-gradient);background-attachment:fixed}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;line-height:1.1;margin:0}h1{font-size:clamp(2.5rem,8vw,4.5rem)}h2{font-size:clamp(1.8rem,5vw,2.8rem)}h3{font-size:clamp(1.4rem,4vw,2rem)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card),var(--shadow-glow)}.stat-number{font-family:var(--font-display);font-size:clamp(3rem,10vw,5rem);color:var(--color-primary);line-height:1;text-shadow:0 0 30px var(--color-primary-glow)}.stat-label{font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:8px}button{font-family:var(--font-body);font-weight:600;font-size:1rem;padding:14px 28px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .2s ease}button:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}button:disabled{opacity:.5;cursor:not-allowed}input{font-family:var(--font-body);font-size:1rem;width:100%;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease}input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}input::placeholder{color:var(--color-text-dim)}input:disabled{opacity:.6}label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.rank-1{color:var(--color-gold)}.rank-2{color:var(--color-silver)}.rank-3{color:var(--color-bronze)}.rank-top10{color:var(--color-top10)}.rank-top25{color:var(--color-top25)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in{animation:fadeInUp .6s ease forwards}.animate-count{animation:countUp .4s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.progress-bar{height:8px;background:var(--color-surface);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:4px;transition:width .8s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}