body{margin:0;font-family:Inter,sans-serif;overflow-x:hidden}.noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.glass{background:#fff9;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f268712}.dark .glass{background:#0f172a99;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d}.hero-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6,#d946ef);background-size:200% 200%;animation:gradientMove 8s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-gradient{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:textShine 4s linear infinite}@keyframes textShine{to{background-position:200% center}}.blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.25;z-index:0;pointer-events:none;mix-blend-mode:multiply}.dark .blob{opacity:.15;mix-blend-mode:screen}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fadeIn 1.2s ease-out forwards}.bento-card{transition:all .5s cubic-bezier(.23,1,.32,1)}.bento-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px -10px #6366f133}.nav-3d-container{perspective:1200px}.nav-3d-item{position:relative;transition:all .5s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d;will-change:transform}.nav-3d-item:hover{transform:translateY(-8px) rotateX(15deg) rotateY(5deg);box-shadow:0 20px 40px -10px #6366f166,0 10px 20px -5px #0000001a}.nav-3d-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;transform:translateZ(-15px);filter:brightness(.7);border-radius:inherit;opacity:0;transition:opacity .5s;z-index:-1}.nav-3d-item:hover:after{opacity:1}.nav-active-3d{transform:translateY(-4px) translateZ(20px);background:linear-gradient(135deg,#6366f1,#8b5cf6,#d946ef);background-size:200% 200%;animation:gradientMove 4s ease infinite;color:#fff!important;border:none!important;box-shadow:0 15px 30px -5px #6366f180,0 0 0 4px #6366f126,inset 0 0 20px #fff3}