:root{--background: #030712;--foreground: #f1f5f9;--card-bg: rgba(10, 16, 32, .75);--card-border: rgba(56, 189, 248, .2);--nav-text: #94a3b8;--nav-active-text: #00d2ff;--primary: #00d2ff;--secondary: #a855f7;--success: #10b981;--accent: #38bdf8;--primary-glow: rgba(0, 210, 255, .45);--secondary-glow: rgba(168, 85, 247, .35)}[data-theme=dark],html.dark{--background: #030712;--foreground: #f1f5f9;--card-bg: rgba(10, 16, 32, .8);--card-border: rgba(56, 189, 248, .2);--nav-text: #94a3b8;--nav-active-text: #00d2ff;--primary-glow: rgba(0, 210, 255, .45);--secondary-glow: rgba(168, 85, 247, .35)}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100vw;-webkit-text-size-adjust:100%;background-color:#030712;color:#f1f5f9}body{background-color:#030712;color:#f1f5f9;overflow-x:hidden;max-width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-feature-settings:"cv02","cv03","cv04","cv11"}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(hover:none)and (pointer:coarse){.tilt-card:hover,.hover-lift:hover{transform:none!important}.hover-lift:active{transform:scale(.98)}}.bg-gradient-primary{background:linear-gradient(135deg,#00f2fe,#0284c7 45%,#1e40af);position:relative}.bg-gradient-secondary{background:linear-gradient(135deg,#a855f7,#6366f1,#4338ca)}.bg-gradient-dark{background:linear-gradient(145deg,#0d1527,#060a16)}.bg-gradient-mesh,.bg-gradient-mesh-light,.bg-infinity-space{background-color:#030712;background-image:radial-gradient(ellipse 90% 50% at 50% -15%,rgba(0,210,255,.16) 0%,transparent 70%),radial-gradient(circle 700px at 85% 20%,rgba(168,85,247,.13) 0%,transparent 60%),radial-gradient(circle 600px at 15% 65%,rgba(37,99,235,.14) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(6,182,212,.1) 0%,transparent 70%)}.stars-overlay{background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#00f2fecc,#0000),radial-gradient(1.5px 1.5px at 90px 40px,#fff,#0000),radial-gradient(1px 1px at 160px 120px,#a855f7cc,#0000),radial-gradient(1.5px 1.5px at 230px 190px,#fff,#0000),radial-gradient(1px 1px at 310px 80px,#38bdf8cc,#0000);background-repeat:repeat;background-size:350px 350px}.text-gradient-animated{background:linear-gradient(90deg,#f8fafc,#00f2fe,#818cf8,#c084fc,#00f2fe);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 5s linear infinite}.text-gradient-silver{background:linear-gradient(180deg,#fff,#cbd5e1 55%,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes shimmer{to{background-position:200% center}}.glass-panel,.glass-panel-light{background:linear-gradient(145deg,#0d1526d1,#060b18e6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.22);box-shadow:0 10px 30px -10px #0009,inset 0 1px #ffffff1f}.glass-panel:hover,.glass-panel-light:hover{border-color:#00d2ff59;box-shadow:0 12px 35px -8px #00d2ff26,inset 0 1px #fff3}.glow-primary{box-shadow:0 0 25px #00d2ff59,0 0 50px #00d2ff26}.glow-primary:hover{box-shadow:0 0 35px #00d2ff8c,0 0 70px #00d2ff40}.glow-secondary:hover{box-shadow:0 0 30px #a855f773}.glow-text{text-shadow:0 0 25px rgba(0,210,255,.6)}.infinity-halo{position:relative}.infinity-halo:before{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;background:radial-gradient(circle,rgba(0,242,254,.25) 0%,rgba(168,85,247,.15) 50%,transparent 70%);filter:blur(20px);z-index:-1;pointer-events:none;animation:pulse-halo 6s ease-in-out infinite}@keyframes pulse-halo{0%,to{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1.05)}}.grid-bg{background-image:linear-gradient(rgba(0,210,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,210,255,.05) 1px,transparent 1px);background-size:60px 60px}.grid-bg-animated{background-image:linear-gradient(rgba(0,210,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,210,255,.07) 1px,transparent 1px);background-size:60px 60px;animation:grid-move 25s linear infinite}@keyframes grid-move{0%{background-position:0 0}to{background-position:60px 60px}}.dot-pattern{background-image:radial-gradient(circle,rgba(0,210,255,.15) 1.2px,transparent 1.2px);background-size:28px 28px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-slow{animation:float 9s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00d2ff66,inset 0 1px #fff6}50%{box-shadow:0 0 35px #00d2ffa6,0 0 60px #a855f740,inset 0 1px #fff9}}.animate-pulse-glow{animation:pulse-glow 3.5s ease-in-out infinite}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .6s ease-out forwards}.metallic-border{border:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(0,0,0,.6);box-shadow:inset 0 1px #ffffff26,0 10px 30px #00000080}.metallic-border:hover{border-color:#00d2ff73;border-top-color:#ffffff73;box-shadow:inset 0 1px #ffffff4d,0 14px 40px -10px #00d2ff38}.gradient-border{position:relative;background:linear-gradient(145deg,#0d1526e6,#060b18f2);border-radius:1rem}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem;padding:1px;background:linear-gradient(135deg,#ffffff4d,#00d2ff80 40%,#a855f759 75%,#ffffff1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tilt-card{transition:transform .3s ease,box-shadow .3s ease;transform-style:preserve-3d}.tilt-card:hover{transform:perspective(900px) rotateX(2deg) rotateY(-2deg) translateY(-4px)}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#00f2fe,#3b82f6,#a855f7);z-index:100;transition:width .1s ease;box-shadow:0 0 10px #00f2feb3}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor-blink:after{content:"|";animation:blink 1s step-end infinite;color:#00d2ff;font-weight:300}@keyframes flow-dash{to{stroke-dashoffset:-20}}.flow-line{stroke-dasharray:6 4;animation:flow-dash 1s linear infinite}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.hover-lift{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 18px 40px -10px #00d2ff38,0 0 20px #a855f71f;border-color:#00d2ff73}.btn-neon{position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.4);box-shadow:0 4px 20px #00d2ff59,inset 0 1px #ffffff59}.btn-neon:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .6s ease}.btn-neon:hover:after{left:100%}.btn-neon:hover{box-shadow:0 6px 28px #00d2ff8c,0 0 15px #a855f74d}@keyframes conic-spin{to{transform:rotate(360deg)}}.conic-spin{animation:conic-spin 8s linear infinite}