@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Orbitron:wght@400;500;600;700;800;900&display=swap";
:root{--bg:#020207;--bg-card:#ffffff06;--bg-card-hover:#ffffff0d;--gold:#f59e0b;--red:#ef4444;--green:#22c55e;--blue:#0052ff;--purple:#8b5cf6;--border:#ffffff12;--border-hover:#ffffff26;--text:#fff;--text-dim:#ffffff6b;--text-muted:#ffffff40;--font-head:"Orbitron", "Rajdhani", sans-serif;--font-body:"Inter", sans-serif;--radius:8px;--radius-lg:16px;--transition:.3s cubic-bezier(.4, 0, .2, 1);--max-w:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.heading-xl{font-family:var(--font-head);letter-spacing:2px;font-size:clamp(48px,10vw,120px);font-weight:900;line-height:.95}.heading-lg{font-family:var(--font-head);font-size:clamp(28px,5vw,56px);font-weight:900;line-height:1.1}.heading-md{font-family:var(--font-head);font-size:clamp(20px,3vw,32px);font-weight:800;line-height:1.2}.heading-sm{font-family:var(--font-head);letter-spacing:2px;font-size:14px;font-weight:700}.label{font-family:var(--font-head);letter-spacing:4px;text-transform:uppercase;font-size:10px;font-weight:700}.body-lg{color:#ffffffb3;font-size:18px;line-height:1.8}.body{color:var(--text-dim);font-size:15px;line-height:1.8}.body-sm{color:var(--text-dim);font-size:13px;line-height:1.7}.gradient-text{background:linear-gradient(135deg, var(--gold), #fbbf24, var(--red));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:var(--max-w);margin:0 auto;padding:0 48px}.section{padding:120px 0;position:relative}.section-border{border-bottom:1px solid var(--border)}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-center{text-align:center}.btn-primary{background:linear-gradient(135deg, var(--gold), var(--red));color:#000;font-family:var(--font-head);letter-spacing:2px;transition:var(--transition);border:none;border-radius:4px;align-items:center;gap:10px;padding:16px 48px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 0 40px #f59e0b40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 60px #f59e0b80}.btn-secondary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);color:#ffffffb8;font-family:var(--font-head);letter-spacing:1.5px;transition:var(--transition);background:#ffffff0a;border-radius:4px;align-items:center;gap:10px;padding:16px 48px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff14;transform:translateY(-2px)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);padding:40px;position:relative;overflow:hidden}.card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-4px)}.card-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);background:#ffffff08;padding:32px}.card-glass:hover{border-color:var(--border-hover);box-shadow:0 20px 60px #0000004d}.badge{font-family:var(--font-head);letter-spacing:3px;border-radius:4px;align-items:center;gap:8px;padding:6px 18px;font-size:10px;font-weight:700;display:inline-flex}.badge-live{color:var(--green);background:#22c55e1a;border:1px solid #22c55e47}.badge-gold{color:var(--gold);background:#f59e0b1a;border:1px solid #f59e0b47}.badge-red{color:var(--red);background:#ef44441a;border:1px solid #ef444447}.stat-bar{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.stat-fill{border-radius:2px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.divider{background:var(--border);width:100%;height:1px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 32px #f59e0b4d}50%{box-shadow:0 0 64px #f59e0b99}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes scroll-line{0%,to{opacity:.35;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.3)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-blink{animation:1s ease-in-out infinite blink}.hero{justify-content:center;align-items:center;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden}.hero-bg{background-position:50%;background-size:cover;position:absolute;inset:0}.hero-overlay{background:linear-gradient(#02020799 0%,#02020733 40%,#020207d9 100%);position:absolute;inset:0}.hero-content{z-index:10;text-align:center;max-width:900px;padding:0 24px;position:relative}.scroll-indicator{z-index:10;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(#f59e0b99,#0000);width:1px;height:40px;animation:2s ease-in-out infinite scroll-line}.progress-bar{background:linear-gradient(90deg, var(--gold), var(--red));z-index:9999;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}.game-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);transition:var(--transition);position:relative;overflow:hidden}.game-card:hover{border-color:var(--border-hover);transform:translateY(-6px);box-shadow:0 24px 64px #0006}.game-card-img{object-fit:cover;width:100%;height:220px}.game-card-body{padding:28px 32px}.game-card-overlay{background:linear-gradient(#0000,#000000e6);padding:60px 28px 20px;position:absolute;bottom:0;left:0;right:0}.marquee-wrap{position:relative;overflow:hidden}.marquee-track{gap:48px;width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.container{padding:0 32px}}@media (max-width:768px){.section{padding:80px 0}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.container{padding:0 20px}.heading-xl{letter-spacing:0}.btn-primary,.btn-secondary{padding:14px 32px;font-size:12px}}@media (max-width:480px){.grid-4{grid-template-columns:1fr}}