@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0F0F23;--bg2: #14142B;--bg3: #1A1A2E;--bg4: #25253D;--bg-card: #1A1A2E;--bg-card2: #25253D;--bg-card3: #2E2E4A;--primary: #FF6B35;--primary-dark: #E85A25;--primary-light: #FF8E53;--secondary: #5352ED;--secondary-dark: #4342D0;--accent: #F7C948;--accent-dark: #E0B030;--success: #2ED573;--danger: #FF4757;--error: #FF4757;--warning: #F7C948;--info: #1E90FF;--text: #FFFFFF;--text-primary: #FFFFFF;--text2: #B0B0C3;--text-secondary: #B0B0C3;--text3: #B0B0C3;--text4: #6B6B80;--text-muted: #6B6B80;--border: #25253D;--border2: #1E1E38;--gradient-primary: linear-gradient(135deg, #FF6B35, #FF8E53);--gradient-secondary: linear-gradient(135deg, #5352ED, #7070FF);--gradient-battle: linear-gradient(135deg, #FF4757, #FF6B81);--gradient-accent: linear-gradient(135deg, #F7C948, #FFD93D);--gradient-coin: linear-gradient(135deg, #F7C948, #FFD93D);--gradient-ruby: linear-gradient(135deg, #FF4757, #FF6B81);--gradient-dark: linear-gradient(180deg, #1A1A2E, #0F0F23);--gradient-card: linear-gradient(145deg, #1A1A2E, #25253D);--gradient-success: linear-gradient(135deg, #2ED573, #7BED9F);--gradient-gold: linear-gradient(180deg, rgba(255,215,0,.8), rgba(255,215,0,.4));--gradient-silver: linear-gradient(180deg, rgba(192,192,192,.8), rgba(192,192,192,.4));--gradient-bronze: linear-gradient(180deg, rgba(205,127,50,.8), rgba(205,127,50,.4));--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-glow: 0 0 20px rgba(255,107,53,.3);--shadow-glow-sm: 0 0 10px rgba(255,107,53,.2);--shadow-glow-secondary: 0 0 20px rgba(83,82,237,.3);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--nav-height: 72px;--header-height: 56px}html{font-size:14px;scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font);outline:none;border:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text4)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #ff6b354d}50%{box-shadow:0 0 20px #ff6b3599}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-20px) scale(1.05);opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes heartBeat{0%,to{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%{transform:scale(1)}}@keyframes progressFill{0%{width:0%}}.animate-fadeInUp{animation:fadeInUp .5s ease-out forwards}.animate-fadeIn{animation:fadeIn .4s ease-out forwards}.animate-slideInRight{animation:slideInRight .5s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1.5s ease-in-out infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}@keyframes rubyPulse{0%,to{box-shadow:0 0 8px #ff47574d}50%{box-shadow:0 0 16px #ff475799,0 0 24px #ff475733}}@keyframes vipGlow{0%,to{box-shadow:0 0 8px #ffd7004d}50%{box-shadow:0 0 20px #ffd70099,0 0 30px #ffd70033}}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(20px) rotate(360deg);opacity:0}}.ruby-pulse{animation:rubyPulse 2s ease-in-out infinite}.vip-glow{animation:vipGlow 2s ease-in-out infinite}@keyframes scanLine{0%{top:80px;opacity:0}5%{opacity:1}90%{opacity:1}95%{opacity:0}to{top:calc(100% - 80px);opacity:0}}@keyframes countdownRing{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}@keyframes countdownPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}