/* Sprint 4 - Premium UX */
:root{--ux-tilt-x:0deg;--ux-tilt-y:0deg;--ux-glow-x:50%;--ux-glow-y:50%}
.ux-tilt{position:relative;transform-style:preserve-3d;will-change:transform;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease;isolation:isolate}
.ux-tilt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--ux-glow-x) var(--ux-glow-y),rgba(95,180,255,.14),transparent 64%);transition:opacity .25s ease;z-index:0}
.ux-tilt:hover::after{opacity:1}.ux-tilt>*{position:relative;z-index:1}
.ux-magnetic{will-change:transform;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background-color .28s ease,border-color .28s ease}
.ux-icon-animate svg,.ux-icon-animate img,.ux-icon-animate i{transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s ease;transform-origin:center}
.ux-icon-animate:hover svg,.ux-icon-animate:hover img,.ux-icon-animate:hover i{transform:translateY(-3px) scale(1.06) rotate(-2deg)}
.ux-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.ux-reveal.ux-visible{opacity:1;transform:none}
.ux-stagger>*{transition-delay:calc(var(--ux-index,0) * 65ms)}
.site-header{transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease,backdrop-filter .3s ease}
.site-header.ux-scrolled{background:rgba(7,12,24,.88)!important;backdrop-filter:blur(18px);box-shadow:0 14px 34px rgba(0,0,0,.18);border-bottom-color:rgba(255,255,255,.08)!important}
.btn,.tech-item,.quick-contact a,.footer-links a,.footer-contact a,.main-nav a{transition:transform .25s ease,color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease}
.btn:hover{box-shadow:0 14px 34px rgba(47,129,247,.2)}
@media (max-width:1024px),(pointer:coarse){.ux-tilt{transform:none!important}.ux-tilt::after{display:none}.ux-magnetic{transform:none!important}}
@media (prefers-reduced-motion:reduce){.ux-tilt,.ux-magnetic,.ux-reveal,.site-header,.btn,.tech-item{transition:none!important;animation:none!important}.ux-reveal{opacity:1;transform:none}}