@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{overflow-x:hidden;background:linear-gradient(135deg,#e0e7ff,#f3e8ff,#fce7f3);color:#1f2937;transition:background .5s ease}body.dark{background:#0f172a;color:#e2e8f0}section{scroll-margin-top:80px}.glass-header{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}body.dark .glass-header{background:#1e293bb3;border:1px solid rgba(255,255,255,.1)}.gradient-text{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes gradientRotate{0%{background-position:0% 50%;transform:rotate(0)}50%{background-position:100% 50%}to{background-position:0% 50%;transform:rotate(360deg)}}.animate-spin-slow{animation:gradientRotate 8s linear infinite}@keyframes softFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(20px,-15px) rotate(3deg)}66%{transform:translate(-15px,-25px) rotate(-3deg)}}.animate-float{animation:softFloat 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.glass-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}body.dark .glass-card{background:#1e293bb3;border:1px solid rgba(255,255,255,.1)}.glass-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 16px 48px #00000026}.neuro-button{background:#e0e7ff;box-shadow:8px 8px 16px #a3b1c666,-8px -8px 16px #fffc,inset 2px 2px 4px #fff3;border:none;border-radius:16px;transition:all .3s ease}.neuro-button:hover{box-shadow:4px 4px 8px #a3b1c666,-4px -4px 8px #fffc,inset 4px 4px 8px #a3b1c633}.neuro-button:active{box-shadow:inset 4px 4px 8px #a3b1c666,inset -4px -4px 8px #fff3}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#7c3aed);background-clip:padding-box}::selection{background:#8b5cf64d;color:#1f2937}body.dark ::selection{background:#8b5cf680;color:#e2e8f0}input:focus,textarea:focus,button:focus{outline:none;box-shadow:0 0 0 3px #8b5cf64d}.gradient-button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;color:#fff;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.gradient-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8b5cf6,#ec4899);opacity:0;transition:opacity .3s ease}.gradient-button:hover:before{opacity:1}.gradient-button>*{position:relative;z-index:1}@media(max-width:768px){.glass-header{position:fixed!important;top:1rem!important;left:50%!important;transform:translate(-50%)!important;width:calc(100% - 2rem)!important;max-width:none!important}h1{font-size:2.5rem!important}h2{font-size:2rem!important}.text-4xl{font-size:1.875rem!important}.text-5xl{font-size:2.25rem!important}.text-6xl{font-size:3rem!important}}.typed-text{display:inline-block;min-width:20px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor{animation:blink 1s infinite}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:blobFloat 20s ease-in-out infinite}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);z-index:9999;transition:width .1s ease}.card-glow{position:relative;transition:all .3s ease}.card-glow:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#ec4899,#3b82f6);background-size:400% 400%;border-radius:inherit;opacity:0;transition:opacity .3s ease;z-index:-1;animation:gradientRotate 3s linear infinite}.card-glow:hover:before{opacity:.3;filter:blur(10px)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#fff0,#ffffff80,#fff0);background-size:1000px 100%;animation:shimmer 2s infinite}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.preload *{transition:none!important}.perspective-container{perspective:1000px;perspective-origin:center}.perspective-deep{perspective:1500px}.preserve-3d{transform-style:preserve-3d}.tilt-card{transform-style:preserve-3d;transition:transform .1s ease-out;will-change:transform}.tilt-card-smooth{transition:transform .3s cubic-bezier(.23,1,.32,1)}.layer-front{transform:translateZ(50px)}.layer-mid{transform:translateZ(30px)}.layer-back{transform:translateZ(-20px)}.layer-deep{transform:translateZ(80px)}.hover-3d{transform-style:preserve-3d;transition:transform .3s ease}.hover-3d:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg) scale3d(1.05,1.05,1.05)}.rotate-3d-x:hover{transform:perspective(1000px) rotateX(10deg)}.rotate-3d-y:hover{transform:perspective(1000px) rotateY(10deg)}.rotate-3d-both:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg)}.flip-card{perspective:1000px;position:relative;width:100%;height:100%}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg)}@keyframes float3d{0%,to{transform:translateZ(0) translateY(0) rotateX(0)}50%{transform:translateZ(30px) translateY(-20px) rotateX(5deg)}}.float-3d{animation:float3d 6s ease-in-out infinite;transform-style:preserve-3d}.parallax-3d{transform-style:preserve-3d;perspective:1200px}.parallax-layer-1{transform:translateZ(100px) scale(.9)}.parallax-layer-2{transform:translateZ(50px) scale(.95)}.parallax-layer-3{transform:translateZ(0) scale(1)}.parallax-layer-4{transform:translateZ(-50px) scale(1.05)}.shadow-3d-sm{box-shadow:0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a}.shadow-3d-md{box-shadow:0 4px 8px #0000001f,0 8px 16px #0000001f,0 16px 32px #0000001f}.shadow-3d-lg{box-shadow:0 8px 16px #00000026,0 16px 32px #00000026,0 32px 64px #00000026}.text-3d{text-shadow:1px 1px 0 rgba(0,0,0,.1),2px 2px 0 rgba(0,0,0,.1),3px 3px 0 rgba(0,0,0,.1),4px 4px 0 rgba(0,0,0,.1),5px 5px 10px rgba(0,0,0,.2)}.text-3d-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 4px rgba(102,126,234,.3),4px 4px 8px rgba(118,75,162,.2)}.button-3d{transform-style:preserve-3d;transition:all .3s ease;position:relative}.button-3d:before{content:"";position:absolute;inset:0;background:inherit;border-radius:inherit;transform:translateZ(-10px);opacity:.5;filter:blur(10px)}.button-3d:hover{transform:perspective(800px) translateZ(10px)}.button-3d:active{transform:perspective(800px) translateZ(5px)}.isometric-card{transform:perspective(1200px) rotateX(45deg) rotate(45deg);transform-style:preserve-3d;transition:transform .5s ease}.isometric-card:hover{transform:perspective(1200px) rotateX(40deg) rotate(40deg) scale(1.1)}.carousel-3d{perspective:1500px;transform-style:preserve-3d}.carousel-item{position:absolute;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .8s cubic-bezier(.4,0,.2,1)}.depth-blur-near{filter:blur(0px);transform:translateZ(50px)}.depth-blur-mid{filter:blur(2px);transform:translateZ(0)}.depth-blur-far{filter:blur(5px);transform:translateZ(-50px)}.stack-3d{position:relative;transform-style:preserve-3d}.stack-3d>*{position:absolute;transform-style:preserve-3d}.stack-3d>*:nth-child(1){transform:translateZ(0);z-index:3}.stack-3d>*:nth-child(2){transform:translateZ(-20px) scale(.95);z-index:2;opacity:.8}.stack-3d>*:nth-child(3){transform:translateZ(-40px) scale(.9);z-index:1;opacity:.6}.perspective-text{transform-style:preserve-3d;perspective:800px}.perspective-text span{display:inline-block;transform-style:preserve-3d;transition:transform .3s ease}.perspective-text:hover span:nth-child(odd){transform:translateZ(20px)}.perspective-text:hover span:nth-child(2n){transform:translateZ(-20px)}@keyframes orbit3d{0%{transform:perspective(1200px) rotateY(0) translateZ(100px) rotateY(0)}to{transform:perspective(1200px) rotateY(360deg) translateZ(100px) rotateY(-360deg)}}.orbit-3d{animation:orbit3d 20s linear infinite;transform-style:preserve-3d}@keyframes bounce3d{0%,to{transform:perspective(1000px) translateZ(0) translateY(0)}50%{transform:perspective(1000px) translateZ(50px) translateY(-30px)}}.bounce-3d{animation:bounce3d 2s ease-in-out infinite;transform-style:preserve-3d}.glow-3d{position:relative;transform-style:preserve-3d}.glow-3d:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#4facfe);border-radius:inherit;opacity:0;filter:blur(20px);transform:translateZ(-10px);transition:opacity .3s ease}.glow-3d:hover:after{opacity:.6}.transition-3d-smooth{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,filter .3s ease}.gpu-accelerated{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}@media(max-width:768px){.tilt-card,.hover-3d,.perspective-container{perspective:none!important;transform:none!important}.tilt-card:hover,.hover-3d:hover{transform:scale(1.05)!important}}body.dark .shadow-3d-sm,body.dark .shadow-3d-md,body.dark .shadow-3d-lg{box-shadow:0 4px 8px #0000004d,0 8px 16px #0000004d,0 16px 32px #0000004d}