:root{--h-indigo:242;--h-purple:275;--h-teal:178;--h-pink:325;--bg-dark:#050506;--bg-card:hsla(var(--h-purple), 20%, 8%, .65);--accent-primary:hsl(var(--h-indigo), 100%, 65%);--accent-secondary:hsl(var(--h-purple), 100%, 65%);--accent-teal:hsl(var(--h-teal), 100%, 50%);--accent-pink:hsl(var(--h-pink), 100%, 60%);--text-main:#fff;--text-muted:#fff;--glass-border:#ffffff26;--glass-glow:inset 0 0 0 1px #ffffff1f, inset 0 10px 20px #ffffff08;--glass-shadow:0 40px 100px -20px #000c}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:75%}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Outfit,Inter,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}a,a:link,a:visited{color:inherit;text-decoration:none;transition:all .3s}a:hover{opacity:.7}body:before{content:"";z-index:-2;background:radial-gradient(circle at 10% 20%, hsla(var(--h-teal), 100%, 50%, .15) 0%, transparent 45%), radial-gradient(circle at 90% 10%, hsla(var(--h-purple), 100%, 50%, .18) 0%, transparent 45%), radial-gradient(circle at 50% 90%, hsla(var(--h-indigo), 100%, 50%, .14) 0%, transparent 55%), radial-gradient(circle at 20% 80%, hsla(var(--h-pink), 100%, 50%, .12) 0%, transparent 45%);filter:blur(90px)saturate(2);width:100%;height:100%;animation:22s ease-in-out infinite alternate meshMove;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;opacity:.04;pointer-events:none;mix-blend-mode:overlay;background: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");width:100%;height:100%;position:fixed;top:0;left:0}@keyframes meshMove{0%{transform:scale(1)translate(0)rotate(0)}50%{transform:scale(1.15)translate(30px,-40px)rotate(2deg)}to{transform:scale(1.05)translate(-30px,30px)rotate(-2deg)}}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(24px)saturate(180%)contrast(110%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-glow);border-radius:24px;transition:all .5s cubic-bezier(.16,1,.3,1)}.gradient-text{background:linear-gradient(135deg, var(--accent-teal), var(--accent-primary), var(--accent-secondary), var(--accent-pink));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:800}.gradient-bg{background:linear-gradient(135deg, var(--accent-teal), var(--accent-primary), var(--accent-secondary), var(--accent-pink))}.glow-teal{box-shadow:0 0 20px -5px var(--accent-teal)}.glow-pink{box-shadow:0 0 20px -5px var(--accent-pink)}.container{max-width:1300px;margin:0 auto;padding:0 2.5rem}section{padding:8rem 0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp}.btn-premium{text-transform:uppercase;letter-spacing:.05em;border-radius:50px;align-items:center;gap:.7rem;padding:.9rem 2.2rem;font-size:.85rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--accent-teal), var(--accent-primary), var(--accent-pink));color:#fff;box-shadow:0 10px 30px -10px hsla(var(--h-teal), 100%, 50%, .3);border:none}.btn-primary:hover{box-shadow:0 20px 40px -5px hsla(var(--h-pink), 100%, 60%, .5), 0 0 20px hsla(var(--h-teal), 100%, 50%, .3);transform:scale(1.05)translateY(-3px)}.btn-outline{border:1px solid var(--glass-border);color:var(--text-main);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d}.btn-outline:hover{border-color:var(--accent-teal);color:var(--accent-teal);background:#ffffff1a;transform:translateY(-3px);box-shadow:0 10px 20px -5px #00000080}.glass:hover{box-shadow:0 20px 50px -10px #0009, var(--glass-glow);border-color:#fff3;transform:translateY(-5px)}.tech-pill-container{-webkit-backdrop-filter:blur(12px);z-index:10;background:#0a0a0cbf;border:1px solid #ffffff1a;border-radius:20px;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:15px;right:15px;box-shadow:0 4px 15px #00000080}
