@import"https://fonts.googleapis.com/css2?family=Righteous&family=Inter:wght@400;600;700&family=Bangers&display=swap";:root{--font-main: "Inter", sans-serif;--font-display: "Righteous", cursive;--font-game: "Press Start 2P", system-ui;--font-comic: "Bangers", cursive;--st-red: #e11d00;--st-black: #050505;--st-blue: #0088ff;--accent-pink: #ff6b9d;--accent-purple: #a855f7;--accent-gold: #ffd700;--vball-yellow: #fcd116;--vball-blue: #0046ad;--vball-orange: #ff6d00;--marvel-red: #e23636;--marvel-gold: #ffd700;--marvel-black: #000000;--marvel-white: #ffffff;--glass-bg: rgba(0, 0, 0, .6);--glass-border: rgba(255, 255, 255, .1);--glow-red: rgba(225, 29, 0, .6);--glow-pink: rgba(255, 107, 157, .5);--glow-purple: rgba(168, 85, 247, .5);--bg-dark: #0a0a0a;--text-light: #f5f5f5;--transition: all .3s ease;--transition-fast: all .15s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-light);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{letter-spacing:1px}.button-primary{padding:16px 32px;min-height:56px;border-radius:50px;border:none;font-weight:700;font-size:1.1rem;cursor:pointer;transition:var(--transition);text-transform:uppercase;background:linear-gradient(135deg,var(--st-red) 0%,var(--accent-pink) 100%);color:#fff;box-shadow:0 4px 15px #e11d0066;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.button-primary:hover:before{left:100%}.button-primary:hover{transform:scale(1.05);box-shadow:0 6px 25px var(--glow-red),0 0 30px var(--glow-pink)}.button-primary:active{transform:scale(.98)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0006}.hero-title{font-family:var(--font-display);text-shadow:0 0 10px var(--glow-red),0 0 20px var(--glow-red),0 0 30px var(--glow-red),4px 4px 0px rgba(0,0,0,.5);letter-spacing:2px;line-height:1.1}.glow-text{animation:glow-pulse 2s ease-in-out infinite}.neon-text{color:var(--st-red);text-shadow:0 0 5px var(--st-red),0 0 10px var(--st-red),0 0 20px var(--st-red),0 0 40px var(--st-red)}.comic-text{font-family:var(--font-comic);-webkit-text-stroke:1px black;color:var(--marvel-red)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow-pulse{0%,to{text-shadow:0 0 10px var(--glow-red),0 0 20px var(--glow-red),0 0 30px var(--glow-red)}50%{text-shadow:0 0 20px var(--glow-red),0 0 30px var(--glow-red),0 0 40px var(--glow-red),0 0 50px var(--glow-pink)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.floating{animation:float 3s ease-in-out infinite}.floating-slow{animation:float-slow 5s ease-in-out infinite}.pulse-animation{animation:pulse 2s ease-in-out infinite}.slide-in{animation:slide-in-up .6s ease-out}.fade-in{animation:fade-in .8s ease-out}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .5s,transform .5s}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' /%3E%3C/svg%3E")}.radial-gradient-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(225,29,0,.15) 0%,rgba(168,85,247,.1) 50%,transparent 100%);pointer-events:none;z-index:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.button-primary{min-height:48px;padding:14px 28px;font-size:1rem}.hero-title{letter-spacing:1px}}