:root{--bg-dark: #0a0101;--bg-card: rgba(30, 8, 8, .65);--bg-card-hover: rgba(50, 14, 14, .8);--bg-glass: rgba(255, 40, 40, .03);--border-glass: rgba(239, 68, 68, .12);--border-glow: rgba(239, 68, 68, .55);--primary: #ef4444;--primary-light: #f87171;--primary-dark: #dc2626;--brand-red: #ef4444;--brand-red-glow: rgba(239, 68, 68, .5);--secondary: #06b6d4;--secondary-light: #67e8f9;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--accent-green: #10b981;--accent-amber: #f59e0b;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-glow-red: 0 0 35px rgba(239, 68, 68, .35);--shadow-glow-purple: 0 0 30px rgba(139, 92, 246, .25);--shadow-glow-cyan: 0 0 30px rgba(6, 182, 212, .25);--shadow-card: 0 24px 48px -16px rgba(0, 0, 0, .55);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.175, .885, .32, 1);--ease-fluid: cubic-bezier(.25, 1, .5, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*{font-family:var(--font-body)}html{scroll-behavior:smooth;color-scheme:dark;background:var(--bg-dark);color:var(--text-main);overflow-x:hidden}body{background:var(--bg-dark);background-image:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(220,20,20,.45) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(180,10,10,.35) 0%,transparent 60%),linear-gradient(160deg,#1a0505,#2a0808 40%,#150202);background-attachment:fixed;color:var(--text-main);min-height:100vh;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#ef4444,#f87171,#06b6d4);z-index:9999;transition:width .08s linear;box-shadow:0 0 12px #ef444499}.ambient-glow-1{position:absolute;top:-12%;left:15%;width:700px;height:700px;background:radial-gradient(circle,rgba(220,30,30,.4) 0%,rgba(180,10,10,.2) 40%,transparent 70%);filter:blur(90px);pointer-events:none;z-index:0;animation:orbFloat 14s ease-in-out infinite alternate}.ambient-glow-2{position:absolute;top:25%;right:-12%;width:700px;height:700px;background:radial-gradient(circle,rgba(239,68,68,.2) 0%,rgba(180,30,30,.1) 40%,transparent 70%);filter:blur(100px);pointer-events:none;z-index:0;animation:orbFloat 25s ease-in-out infinite alternate-reverse}.ambient-glow-3{position:absolute;top:65%;left:-8%;width:580px;height:580px;background:radial-gradient(circle,rgba(180,20,20,.3) 0%,rgba(120,10,10,.15) 40%,transparent 70%);filter:blur(90px);pointer-events:none;z-index:0;animation:orbFloat 28s ease-in-out infinite}@keyframes orbFloat{0%{transform:translate(0) scale(1) rotate(0);opacity:.5}33%{transform:translate(30px,-20px) scale(1.1) rotate(5deg);opacity:.8}66%{transform:translate(-20px,15px) scale(.9) rotate(-3deg);opacity:.6}to{transform:translate(0) scale(1) rotate(0);opacity:.5}}@keyframes gridBreathe{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(239,68,68,.12) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);pointer-events:none;animation:gridBreathe 12s var(--ease-fluid) infinite}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-float-slow{animation:floatSlow 5s ease-in-out infinite;display:inline-block}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes contentDrift{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-drift{animation:contentDrift 1.5s var(--ease-fluid) backwards;opacity:1}@keyframes shimmerSweep{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(250%) skew(-15deg)}}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmerSweep 4s ease-in-out infinite;animation-delay:2s;pointer-events:none}@keyframes breatheGlow{0%,to{border-color:#ef44441f;box-shadow:0 20px 50px #0009,0 0 20px #ef44440d}50%{border-color:#ef44444d;box-shadow:0 20px 50px #0009,0 0 35px #ef44441f}}.animate-breathe{animation:breatheGlow 6s ease-in-out infinite}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;font-weight:700;line-height:1.12}.desktop-nav-link{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s var(--ease-out-expo);position:relative;padding:4px 0;will-change:transform,color}.desktop-nav-link:hover{color:#fff}.desktop-nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0%;height:1.5px;background:var(--primary);transition:width .3s var(--ease-out-expo);border-radius:2px}.desktop-nav-link:hover:after{width:100%}.desktop-nav-link:active{transform:scale(.92);color:var(--primary-light)}.gradient-text{background:linear-gradient(135deg,#fff,#f87171 45%,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-alt{background:linear-gradient(135deg,#67e8f9,#38bdf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-gold{background:linear-gradient(135deg,#fef08a,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes textShimmer{0%{background-position:-200% center}to{background-position:200% center}}.shimmer-text{background:linear-gradient(90deg,#fff,#f87171,#fff,#67e8f9,#fff,#f87171);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 8s linear infinite}.container{max-width:1240px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.glass-card{background:linear-gradient(135deg,#280808b3,#14040499);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-lg);box-shadow:var(--shadow-card),inset 0 1px #ff64640f;transition:transform .5s var(--ease-fluid),box-shadow .5s var(--ease-fluid),border-color .5s var(--ease-fluid);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,100,100,.08),transparent 60%);opacity:0;transition:opacity .5s var(--ease-fluid);pointer-events:none}.glass-card:hover{border-color:#ef444459;box-shadow:var(--shadow-card),0 0 30px #dc1e1e26;transform:translateY(-4px)}.glass-card:active{transform:translateY(-1px) scale(.99);box-shadow:0 10px 20px #00000080}.glass-card:hover:before{opacity:1}.glass-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#ef44440d;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-full);font-size:.82rem;font-weight:600;letter-spacing:.04em;color:var(--text-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .4s var(--ease-fluid)}.glass-badge-interactive{cursor:default}.glass-badge-interactive:hover{color:#fff;border-color:#ef444473;background:#ef44441f;box-shadow:0 0 20px #ef444426;transform:translateY(-2px)}.glass-badge-cyan{background:#06b6d41a;border-color:#06b6d440;color:var(--secondary-light)}.glass-badge-green{background:#10b9811a;border-color:#10b98140;color:#34d399}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:var(--radius-full);font-size:.95rem;font-weight:650;cursor:pointer;transition:all .3s var(--ease-out-expo);border:none;outline:none;text-decoration:none;position:relative;overflow:hidden;will-change:transform}.btn:active{transform:scale(.96) translateY(0)!important;box-shadow:0 2px 10px #0006!important}.btn svg{transition:transform .3s var(--ease-bounce);will-change:transform}.btn:hover svg{transform:scale(1.15) rotate(-4deg)}.btn-secondary:hover svg{transform:scale(1.15) rotate(4deg)}.btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,transparent,rgba(255,255,255,.12),transparent);transform:rotate(30deg) translateY(-100%);transition:transform .65s ease}.btn:hover:after{transform:rotate(30deg) translateY(100%)}.btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 22px #ef444473}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 35px #ef4444a6;background:linear-gradient(135deg,#f87171,#ef4444)}.btn-secondary{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:var(--text-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff17;border-color:#ffffff40;transform:translateY(-3px)}.btn-cyan{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 4px 22px #06b6d473}.btn-cyan:hover{transform:translateY(-3px);box-shadow:0 10px 35px #06b6d4a6}.btn-lg{padding:18px 38px;font-size:1.08rem}.btn-sm{padding:9px 20px;font-size:.85rem}@keyframes glowPulse{0%,to{box-shadow:0 4px 22px #ef444466}50%{box-shadow:0 8px 45px #ef4444bf}}.btn-glow{animation:glowPulse 3s ease-in-out infinite}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:10px;cursor:pointer;background:#ffffff14;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.08)}input[type=range]::-webkit-slider-thumb{height:28px;width:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light),var(--secondary));cursor:pointer;-webkit-appearance:none;margin-top:-9px;box-shadow:0 0 18px var(--primary);transition:transform .2s var(--ease-out-expo)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.section{padding:110px 0;position:relative}@media (max-width: 768px){.section{padding:64px 0}}.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.5),rgba(200,30,30,.3),transparent);border:none;box-shadow:0 0 12px #ef444433}.reveal{opacity:0;transform:translateY(30px);transition:opacity 1.2s var(--ease-fluid),transform 1.2s var(--ease-fluid)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity 1.2s var(--ease-fluid),transform 1.2s var(--ease-fluid)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity 1.2s var(--ease-fluid),transform 1.2s var(--ease-fluid)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.95);transition:opacity 1.2s var(--ease-fluid),transform 1.2s var(--ease-fluid)}.reveal-scale.visible{opacity:1;transform:scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.marquee-track{display:flex;animation:marqueeScroll 35s linear infinite;width:max-content}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.animate-float{animation:floatAnimation 4.5s ease-in-out infinite}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1;filter:drop-shadow(0 0 2px rgba(16,185,129,.5))}50%{transform:scale(1.25);opacity:.5;filter:drop-shadow(0 0 0px transparent)}}.pulse-dot{width:8px;height:8px;background:var(--accent-green);border-radius:50%;display:inline-block;animation:pulseDot 3s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ef444440;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ef444480}@media (max-width: 992px){.hero-grid,.calc-grid,.creator-grid{grid-template-columns:1fr!important;gap:40px!important}.section{padding:80px 0!important}}@media (max-width: 900px){.desktop-nav{display:none!important}.mobile-toggle{display:flex!important;align-items:center}.portal-subgrid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr 1fr!important}}@media (max-width: 640px){html,body{overflow-x:hidden}.section{padding:60px 0!important}.footer-grid{grid-template-columns:1fr!important}.container{padding-left:16px!important;padding-right:16px!important}h1{font-size:clamp(1.8rem,7vw,2.6rem)!important;line-height:1.2!important;word-break:break-word!important;white-space:normal!important;overflow-wrap:break-word!important}h2{font-size:clamp(1.5rem,6vw,2rem)!important}h3{font-size:1.1rem!important}.navbar-cta-primary,.navbar-cta-secondary{display:none!important}.mobile-toggle{display:flex!important}.hero-btns{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.hero-btns .btn{width:100%!important;justify-content:center!important;padding:14px 20px!important;font-size:.95rem!important}.portal-subgrid{display:flex!important;flex-direction:column!important;gap:16px!important}}@media (max-width: 480px){.marquee-track{animation-duration:20s!important}}.custom-cursor{position:fixed;top:0;left:0;width:8px;height:8px;background-color:#fff;border-radius:50%;pointer-events:none;z-index:10000;mix-blend-mode:difference;transform:translate3d(-50%,-50%,0);transition:width .3s ease,height .3s ease,background-color .3s ease}.custom-cursor.hovering{width:60px;height:60px;background-color:#fff;mix-blend-mode:difference}.custom-cursor.hidden{opacity:0}.cursor-follower{position:fixed;top:0;left:0;width:32px;height:32px;border:1px solid rgba(255,255,255,.5);border-radius:50%;pointer-events:none;z-index:9999;transform:translate3d(-50%,-50%,0);transition:width .3s ease,height .3s ease,border-color .3s ease,opacity .3s ease;margin-top:-12px;margin-left:-12px}.cursor-follower.hovering{width:0;height:0;opacity:0}.cursor-follower.hidden{opacity:0}@media (max-width: 768px){.custom-cursor,.cursor-follower{display:none!important}body *{cursor:auto!important}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1!important;transform:none!important;transition:none!important}}@keyframes glitch-anim{0%{clip-path:inset(10% 0 80% 0);transform:translate(-2px,2px)}20%{clip-path:inset(80% 0 10% 0);transform:translate(2px,-2px)}40%{clip-path:inset(40% 0 50% 0);transform:translate(-2px,-2px)}60%{clip-path:inset(60% 0 20% 0);transform:translate(2px,2px)}80%{clip-path:inset(20% 0 60% 0);transform:translate(-2px,2px)}to{clip-path:inset(50% 0 30% 0);transform:translate(2px,-2px)}}.glitch-hover{position:relative}.glitch-hover:hover:before,.glitch-hover:hover:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-card)}.glitch-hover:hover:before{left:2px;text-shadow:-2px 0 #ef4444;animation:glitch-anim .4s infinite linear alternate-reverse}.glitch-hover:hover:after{left:-2px;text-shadow:2px 0 #06b6d4;animation:glitch-anim .3s infinite linear alternate-reverse}.peel-container{perspective:1200px;position:relative}.peel-card{position:sticky;top:120px;transform-origin:top center;transition:transform .1s linear,opacity .1s linear,filter .1s linear}