@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
:root{--background:0 0% 5%;--foreground:0 0% 95%;--card:0 0% 8%;--card-foreground:0 0% 95%;--popover:0 0% 8%;--popover-foreground:0 0% 95%;--primary:0 72% 50%;--primary-foreground:0 0% 100%;--secondary:0 0% 12%;--secondary-foreground:0 0% 90%;--muted:0 0% 15%;--muted-foreground:0 0% 55%;--accent:0 0% 18%;--accent-foreground:0 0% 95%;--destructive:0 84% 60%;--destructive-foreground:0 0% 100%;--border:0 0% 15%;--input:0 0% 15%;--ring:0 72% 50%;--radius:.5rem}
*{border-color:hsl(var(--border))}html{scroll-behavior:smooth}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:'Inter',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:'Inter',system-ui,-apple-system,sans-serif;letter-spacing:-.03em}
@keyframes ember-float{0%{transform:translateY(0) translateX(0) scale(1);opacity:.9}50%{transform:translateY(-40px) translateX(15px) scale(.7);opacity:.4}100%{transform:translateY(-80px) translateX(-10px) scale(.3);opacity:0}}
@keyframes fire-grow{0%{transform:scale(0);opacity:0}50%{transform:scale(.7);opacity:.8}100%{transform:scale(1);opacity:1}}
@keyframes foam-fill{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes foam-wipe{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 100%)}}
@keyframes mascot-enter{0%{transform:translateX(-100%) scale(.8);opacity:0}60%{transform:translateX(10%) scale(1.05);opacity:1}100%{transform:translateX(0) scale(1);opacity:1}}
@keyframes mascot-spray{0%{transform:rotate(0)}25%{transform:rotate(-15deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}100%{transform:rotate(0)}}
@keyframes mascot-exit{0%{transform:translateX(0) scale(1);opacity:1}100%{transform:translateX(100%) scale(.8);opacity:0}}
@keyframes fade-in-up{0%{transform:translateY(40px);opacity:0}100%{transform:translateY(0);opacity:1}}
@keyframes fade-in{0%{opacity:0}100%{opacity:1}}
@keyframes slide-in-left{0%{transform:translateX(-50px);opacity:0}100%{transform:translateX(0);opacity:1}}
@keyframes slide-in-right{0%{transform:translateX(50px);opacity:0}100%{transform:translateX(0);opacity:1}}
@keyframes smoke-drift{0%{transform:translateX(0) translateY(0) scale(1);opacity:.2}50%{transform:translateX(30px) translateY(-15px) scale(1.3);opacity:.1}100%{transform:translateX(60px) translateY(-30px) scale(1.5);opacity:0}}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px rgba(214,40,40,.3)}50%{box-shadow:0 0 50px rgba(214,40,40,.6)}}
@keyframes thumbs-up{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(-10deg)}100%{transform:scale(1) rotate(0)}}
@keyframes scale-in{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.animate-ember-float{animation:ember-float 3s ease-out infinite}.animate-fire-grow{animation:fire-grow 1s cubic-bezier(.16,1,.3,1) forwards}.animate-foam-fill{animation:foam-fill .8s cubic-bezier(.25,1,.5,1) forwards;transform-origin:left}.animate-foam-wipe{animation:foam-wipe 1s cubic-bezier(.25,1,.5,1) forwards}.animate-mascot-enter{animation:mascot-enter .6s cubic-bezier(.16,1,.3,1) forwards}.animate-mascot-spray{animation:mascot-spray .5s ease-in-out}.animate-mascot-exit{animation:mascot-exit .6s cubic-bezier(.4,0,1,1) forwards}.animate-fade-in-up{animation:fade-in-up .8s cubic-bezier(.25,1,.5,1) forwards;opacity:0}.animate-fade-in{animation:fade-in .6s cubic-bezier(.25,1,.5,1) forwards;opacity:0}.animate-slide-in-left{animation:slide-in-left .6s cubic-bezier(.25,1,.5,1) forwards;opacity:0}.animate-slide-in-right{animation:slide-in-right .6s cubic-bezier(.25,1,.5,1) forwards;opacity:0}.animate-smoke-drift{animation:smoke-drift 10s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2.5s ease-in-out infinite}.animate-thumbs-up{animation:thumbs-up .5s ease-in-out}.animate-scale-in{animation:scale-in .6s cubic-bezier(.25,1,.5,1) forwards;opacity:0}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.animate-float{animation:float 4s ease-in-out infinite}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.25,1,.5,1),transform .9s cubic-bezier(.25,1,.5,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .9s cubic-bezier(.25,1,.5,1),transform .9s cubic-bezier(.25,1,.5,1)}.reveal-left.visible{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(40px);transition:opacity .9s cubic-bezier(.25,1,.5,1),transform .9s cubic-bezier(.25,1,.5,1)}.reveal-right.visible{opacity:1;transform:translateX(0)}.reveal-scale{opacity:0;transform:scale(.9);transition:opacity .9s cubic-bezier(.25,1,.5,1),transform .9s cubic-bezier(.25,1,.5,1)}.reveal-scale.visible{opacity:1;transform:scale(1)}
.btn-premium{position:relative;overflow:hidden;transition:all .3s}.btn-premium::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.1);transform:translateX(-100%);transition:transform .5s}.btn-premium:hover::after{transform:translateX(0)}.text-gradient-red{background:linear-gradient(135deg,#D62828,#ff4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metallic-border{border:1px solid rgba(192,192,192,.15)}.glass{background:rgba(17,17,17,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05)}.card-premium{position:relative;overflow:hidden;transition:all .5s;border:1px solid rgba(255,255,255,.05)}.card-premium:hover{border-color:rgba(214,40,40,.3);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 40px rgba(214,40,40,.1);transform:translateY(-4px)}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#222;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#D62828}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.section-divider{width:4rem;height:2px;background:linear-gradient(to right,#D62828,transparent)}.noise-overlay::before{content:'';position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");pointer-events:none}