@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--background: 222 47% 4%;--foreground: 210 40% 98%;--primary: 180 100% 50%;--primary-glow: 180 100% 70%;--primary-dark: 180 100% 35%;--secondary: 270 91% 65%;--secondary-glow: 270 100% 75%;--accent: 322 93% 57%;--accent-glow: 322 100% 70%;--surface-1: 222 47% 6%;--surface-2: 222 47% 8%;--surface-3: 222 47% 12%;--surface-glass: 222 47% 10%;--text-primary: 210 40% 98%;--text-secondary: 215 20% 65%;--text-muted: 215 15% 45%;--border: 215 20% 15%;--border-glow: 180 100% 50%;--gradient-primary: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--secondary)));--gradient-secondary: linear-gradient(135deg, hsl(var(--secondary)), hsl(var(--accent)));--gradient-hero: linear-gradient(180deg, hsl(var(--background)) 0%, hsl(222 47% 2%) 100%);--gradient-glow: radial-gradient(ellipse at center, hsl(var(--primary) / .15) 0%, transparent 70%);--gradient-text: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--secondary)), hsl(var(--accent)));--shadow-sm: 0 2px 8px -2px hsl(var(--primary) / .2);--shadow-md: 0 8px 24px -8px hsl(var(--primary) / .3);--shadow-lg: 0 16px 48px -12px hsl(var(--primary) / .4);--shadow-glow: 0 0 40px hsl(var(--primary) / .5);--shadow-glow-sm: 0 0 20px hsl(var(--primary) / .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:hsl(var(--background));color:hsl(var(--foreground));min-height:100vh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:hsl(var(--surface-1))}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,hsl(var(--primary)),hsl(var(--secondary)));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary-glow))}::selection{background:hsl(var(--primary) / .3);color:hsl(var(--foreground))}.glass{background:hsl(var(--surface-glass) / .6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsl(var(--border) / .5)}.glass-strong{background:hsl(var(--surface-glass) / .8);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid hsl(var(--border))}.glow-text{text-shadow:0 0 20px hsl(var(--primary) / .5),0 0 40px hsl(var(--primary) / .3)}.glow-box{box-shadow:0 0 30px hsl(var(--primary) / .3),inset 0 0 30px hsl(var(--primary) / .05)}.gradient-text{background:var(--gradient-text);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease-in-out infinite}.gradient-text-static{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-20px) rotate(0)}75%{transform:translateY(-10px) rotate(-1deg)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px hsl(var(--primary) / .3),0 0 40px hsl(var(--primary) / .1);transform:scale(1)}50%{box-shadow:0 0 40px hsl(var(--primary) / .5),0 0 80px hsl(var(--primary) / .2);transform:scale(1.02)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes border-rotate{0%{--angle: 0deg}to{--angle: 360deg}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes counter-glow{0%,to{text-shadow:0 0 10px hsl(var(--primary) / .5)}50%{text-shadow:0 0 30px hsl(var(--primary) / .8),0 0 60px hsl(var(--primary) / .4)}}@keyframes particle-float{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(20px);opacity:0}}@keyframes orbit{0%{transform:rotate(0) translate(150px) rotate(0)}to{transform:rotate(360deg) translate(150px) rotate(-360deg)}}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 50% 60% 40%}75%{border-radius:60% 40% 60% 30%/70% 30% 50% 60%}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 20s linear infinite}.animate-shimmer{animation:shimmer 2s linear infinite}.animate-fade-in-up{animation:fade-in-up .8s ease-out forwards}.animate-fade-in-scale{animation:fade-in-scale .6s ease-out forwards}.animate-slide-in-left{animation:slide-in-left .8s ease-out forwards}.animate-slide-in-right{animation:slide-in-right .8s ease-out forwards}.animate-counter-glow{animation:counter-glow 2s ease-in-out infinite}.animate-morph{animation:morph 8s ease-in-out infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.interactive-card{transition:all var(--transition-base);transform-style:preserve-3d;perspective:1000px}.interactive-card:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:var(--shadow-lg)}.animated-border{position:relative;background:hsl(var(--surface-2));border-radius:16px}.animated-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;background:conic-gradient(from var(--angle, 0deg),hsl(var(--primary)),hsl(var(--secondary)),hsl(var(--accent)),hsl(var(--primary)));animation:border-rotate 4s linear infinite;z-index:-1}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.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='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}.grid-background{background-image:linear-gradient(hsl(var(--border) / .1) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--border) / .1) 1px,transparent 1px);background-size:60px 60px}.text-display{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:1.1;letter-spacing:-.02em}.text-headline{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2;letter-spacing:-.01em}.text-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.3}.text-body-lg{font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}*:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}