@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box}:root{--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--accent-pink: #ec4899;--bg-dark: #0a0a0f}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:#e2e8f0;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(6,182,212,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(236,72,153,.05) 0%,transparent 60%);pointer-events:none;z-index:-1}.glass-card{background:#0f0f18b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:28px;transition:all .3s ease;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.glass-card:hover{border-color:#8b5cf64d;transform:translateY(-4px);box-shadow:0 20px 40px #0006,0 0 60px #8b5cf61a}.stat-card{@apply glass-card;position:relative}.stat-card.purple:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);pointer-events:none}.stat-card.cyan:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(6,182,212,.15) 0%,transparent 70%);pointer-events:none}.stat-card.pink:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(236,72,153,.15) 0%,transparent 70%);pointer-events:none}.stat-card.yellow:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(250,204,21,.15) 0%,transparent 70%);pointer-events:none}.icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px}.icon-box.purple{background:linear-gradient(135deg,#8b5cf633,#8b5cf60d);color:#a78bfa;box-shadow:0 0 20px #8b5cf633}.icon-box.cyan{background:linear-gradient(135deg,#06b6d433,#06b6d40d);color:#22d3ee;box-shadow:0 0 20px #06b6d433}.icon-box.pink{background:linear-gradient(135deg,#ec489933,#ec48990d);color:#f472b6;box-shadow:0 0 20px #ec489933}.icon-box.yellow{background:linear-gradient(135deg,#facc1533,#facc150d);color:#fbbf24;box-shadow:0 0 20px #facc1533}.icon-box.green{background:linear-gradient(135deg,#22c55e33,#22c55e0d);color:#4ade80;box-shadow:0 0 20px #22c55e33}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font-weight:600;padding:14px 28px;border-radius:14px;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;font-size:15px;letter-spacing:.3px}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf666}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:scale(.98)}.input-field{width:100%;background:#0f0f1899;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 18px;color:#e2e8f0;font-size:15px;transition:all .3s ease;outline:none}.input-field::placeholder{color:#94a3b880}.input-field:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a;background:#0f0f18cc}.tab-nav{display:flex;background:#0f0f1899;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:6px}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:500;font-size:14px;color:#94a3b8b3;transition:all .3s ease;cursor:pointer;border:none;background:transparent}.tab-btn:hover{color:#e2e8f0}.tab-btn.active{background:linear-gradient(135deg,#8b5cf633,#8b5cf60d);color:#fff;box-shadow:0 4px 15px #8b5cf633}.live-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;box-shadow:0 0 10px #22c55e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.1}.stat-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#94a3b899}.stat-subtitle{font-size:13px;font-weight:500;margin-top:4px}.logo-gradient{background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f0f1880}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-delay-1{animation-delay:.1s;opacity:0}.animate-delay-2{animation-delay:.2s;opacity:0}.animate-delay-3{animation-delay:.3s;opacity:0}.animate-delay-4{animation-delay:.4s;opacity:0}