@tailwind base;@tailwind components;@tailwind utilities;html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background-color:#030305;color:#fff}.sci-panel{@apply bg-neutral-950/40 border border-white/10 backdrop-blur-3xl relative overflow-hidden transition-all hover:bg-neutral-900/60 shadow-[0_8px_32px_rgba(0,0,0,.4)];border-radius:2.5rem}.scanlines{background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000000f 50%,#0000000f);background-size:100% 4px;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;opacity:.4;mix-blend-mode:overlay}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.8) 120%)}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.5}to{transform:scale(2.2);opacity:0}}.loader-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid white;animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}.bg-aurora{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;opacity:.7;animation:auroraMove 14s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,rgba(147,51,234,.35),transparent 45%),radial-gradient(circle at 80% 30%,rgba(88,28,135,.35),transparent 50%),radial-gradient(circle at 50% 80%,rgba(124,58,237,.25),transparent 55%)}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background-image:linear-gradient(rgba(168,85,247,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.1) 1px,transparent 1px);background-size:52px 52px,52px 52px;animation:gridDrift 18s linear infinite}.bg-code-sheen{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.14;background-image:repeating-linear-gradient(90deg,rgba(168,85,247,.1) 0px,rgba(168,85,247,.1) 1px,transparent 1px,transparent 22px),repeating-linear-gradient(0deg,rgba(99,102,241,.08) 0px,rgba(99,102,241,.08) 1px,transparent 1px,transparent 28px);animation:codeSheen 9s ease-in-out infinite;mix-blend-mode:screen}.bg-scan{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.14;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0px,rgba(255,255,255,.07) 1px,transparent 1px,transparent 18px);animation:scanSweep 8s ease-in-out infinite;mix-blend-mode:screen}.bg-noise{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;opacity:.1;background-image:radial-gradient(rgba(255,255,255,.2) 1px,transparent 1px);background-size:3px 3px;animation:noiseShift 4s steps(2) infinite;mix-blend-mode:overlay}.bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0%,rgba(3,0,20,.55) 70%,rgba(3,0,20,.85) 100%)}.interactive-glow{position:relative}.interactive-glow:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:24px;background:radial-gradient(600px circle at var(--mx, 50%) var(--my, 50%),rgba(168,85,247,.18),transparent 45%);opacity:0;transition:opacity .25s ease;pointer-events:none}.glass-card{@apply rounded-3xl border border-white/10 bg-white/5 transition-all duration-300;}.glass-card:hover{@apply bg-white/7 border-purple-400/30 shadow-[0_18px_55px_-25px_rgba(168,85,247,.55)];}.glass-blur{@apply backdrop-blur-md bg-[#030014]/80;}.glass{@apply backdrop-blur-sm bg-white/5 border border-white/10;}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{@apply bg-purple-600/20 rounded-full hover:bg-purple-600/40 transition-colors;}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}