:root{--bg-void: #050507;--bg-surface: #0E0D13;--bg-elevated: #16151E;--bg-card: #1A1927;--electric: #6C63FF;--electric-light: #9B94FF;--electric-dark: #4B44CC;--hot-pink: #FF2D6B;--cyber-teal: #00D9C4;--gold: #FFD166;--text-primary: #F7F5FF;--text-body: #9B99B4;--text-muted: #4A4861;--glass-border: rgba(108, 99, 255, .12);--glow-electric: 0 0 40px rgba(108, 99, 255, .4), 0 0 80px rgba(108, 99, 255, .15);--glow-pink: 0 0 40px rgba(255, 45, 107, .4), 0 0 80px rgba(255, 45, 107, .15);--glow-teal: 0 0 40px rgba(0, 217, 196, .4), 0 0 80px rgba(0, 217, 196, .15)}@layer base{body{background-color:var(--bg-void);background-image:radial-gradient(ellipse at 15% 20%,rgba(108,99,255,.06) 0%,transparent 50%),radial-gradient(ellipse at 85% 70%,rgba(255,45,107,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,217,196,.02) 0%,transparent 60%);background-attachment:fixed;color:var(--text-primary)}}.neon-glow{box-shadow:var(--glow-electric)}.neon-glow-pink{box-shadow:var(--glow-pink)}.neon-glow-teal{box-shadow:var(--glow-teal)}.electric-text{background:linear-gradient(135deg,var(--electric-light) 0%,var(--cyber-teal) 50%,var(--hot-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:electricShift 4s ease infinite}@keyframes electricShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{color:var(--cyber-teal);animation:glitch1 3s infinite;clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%)}.glitch:after{color:var(--hot-pink);animation:glitch2 3s infinite;clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%)}@keyframes glitch1{0%,90%,to{transform:translate(0);opacity:0}91%{transform:translate(-3px);opacity:.6}93%{transform:translate(3px);opacity:.6}95%{transform:translate(0);opacity:0}}@keyframes glitch2{0%,93%,to{transform:translate(0);opacity:0}94%{transform:translate(3px);opacity:.5}96%{transform:translate(-3px);opacity:.5}98%{transform:translate(0);opacity:0}}.neon-dot{width:8px;height:8px;border-radius:50%;background:var(--hot-pink);box-shadow:0 0 8px var(--hot-pink),0 0 16px var(--hot-pink);animation:neonPulse 1.5s ease-in-out infinite}@keyframes neonPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px var(--hot-pink),0 0 16px var(--hot-pink)}50%{opacity:.6;transform:scale(.85);box-shadow:0 0 4px var(--hot-pink)}}.electric-border{border:1px solid rgba(108,99,255,.3);box-shadow:0 0 0 1px #6c63ff1a,inset 0 0 20px #6c63ff08}.electric-border:hover{border-color:#6c63ff99;box-shadow:0 0 20px #6c63ff33,inset 0 0 20px #6c63ff0d}.glass-premium{background:#0e0d13b3;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border)}.cyber-badge{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:6px}.cyber-badge-electric{background:#6c63ff26;color:var(--electric-light);border:1px solid rgba(108,99,255,.3)}.cyber-badge-pink{background:#ff2d6b26;color:#ff6b99;border:1px solid rgba(255,45,107,.3)}.cyber-badge-teal{background:#00d9c41f;color:var(--cyber-teal);border:1px solid rgba(0,217,196,.3)}.cyber-badge-gold{background:#ffd1661f;color:var(--gold);border:1px solid rgba(255,209,102,.3)}.scanline-loader{position:relative;overflow:hidden}.scanline-loader:after{content:"";position:absolute;top:-100%;left:0;right:0;height:40%;background:linear-gradient(to bottom,transparent,rgba(108,99,255,.06) 40%,rgba(108,99,255,.1) 50%,rgba(108,99,255,.06) 60%,transparent);animation:scanline 2.5s linear infinite}@keyframes scanline{0%{top:-100%}to{top:200%}}.film-card{position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.2,1,.3,1),box-shadow .4s ease}.film-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--electric);transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(.2,1,.3,1);z-index:10;box-shadow:0 0 20px var(--electric),0 0 40px #6c63ff80}.film-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 24px 60px -12px #000000b3,0 0 0 1px #6c63ff40}.film-card:hover:before{transform:scaleY(1)}.section-label{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--electric-light);display:flex;align-items:center;gap:10px}.section-label:before{content:"";display:inline-block;width:3px;height:16px;background:linear-gradient(to bottom,var(--electric),var(--cyber-teal));border-radius:2px;box-shadow:0 0 10px #6c63ff99}.mask-fade-bottom{-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%);mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}.mask-fade-right{-webkit-mask-image:linear-gradient(to right,black 80%,transparent 100%);mask-image:linear-gradient(to right,black 80%,transparent 100%)}.shimmer-dark{position:relative;overflow:hidden;background:var(--bg-elevated)}.shimmer-dark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(108,99,255,.04),rgba(108,99,255,.08),rgba(108,99,255,.04),transparent);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .7s cubic-bezier(.22,1,.36,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s ease forwards}.hover-lift{transition:transform .4s cubic-bezier(.2,1,.3,1),box-shadow .4s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 20px 50px -10px #00000080}.btn-electric{background:var(--electric);color:#fff;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.05em;border:none;border-radius:12px;box-shadow:0 8px 32px #6c63ff66,0 2px 8px #6c63ff4d;transition:all .3s ease;position:relative;overflow:hidden}.btn-electric:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.btn-electric:hover{background:var(--electric-light);box-shadow:0 12px 40px #6c63ff8c,0 4px 12px #6c63ff66;transform:translateY(-1px)}.btn-electric:active{transform:translateY(1px) scale(.98)}.gradient-text-white{background:linear-gradient(to bottom,#fff,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.noise-overlay{position:relative}.noise-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;border-radius:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .45s cubic-bezier(.2,1,.3,1) both}.shimmer-dark{background:linear-gradient(90deg,#16151ecc 25%,#282637cc,#16151ecc 75%);background-size:200% 100%;animation:shimmer 1.6s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cyber-badge{display:inline-flex;align-items:center;gap:4px;font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;padding:5px 10px;border-radius:8px}.cyber-badge-pink{background:#ff2d6b1f;border:1px solid rgba(255,45,107,.35);color:#ff6b99}.cyber-badge-teal{background:#00d9c41a;border:1px solid rgba(0,217,196,.3);color:#00d9c4}.cyber-badge-gold{background:#ffd1661f;border:1px solid rgba(255,209,102,.3);color:#ffd166}.glass-card{background:#0e0d13bf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(108,99,255,.12)}