:root{--smw-intensity:1}
#smw-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(60,0,90,.08),transparent 45%),#050505}
#smw-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.8}
.smw-aurora{position:absolute;width:55vw;height:55vw;border-radius:50%;filter:blur(80px);opacity:.18;mix-blend-mode:screen;animation:smwAurora 16s ease-in-out infinite alternate}
.smw-a1{left:-12vw;top:10vh;background:radial-gradient(circle,rgba(0,140,255,.95),rgba(255,0,140,.45),transparent 70%)}
.smw-a2{right:-14vw;bottom:-10vh;background:radial-gradient(circle,rgba(255,80,0,.9),rgba(255,0,180,.45),transparent 70%);animation-delay:-7s}
.smw-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 80%,transparent)}
@keyframes smwAurora{0%{transform:translate3d(-4%,0,0) scale(1)}100%{transform:translate3d(8%,-6%,0) scale(1.15)}}
#smw-cursor-glow{position:fixed;left:0;top:0;width:260px;height:260px;border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,0,130,.14),rgba(0,160,255,.08) 35%,transparent 70%);filter:blur(8px);opacity:0;transition:opacity .25s ease}
.smw-reveal{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.smw-reveal.smw-in{opacity:1;transform:none}
.smw-tilt{transform-style:preserve-3d;will-change:transform;transition:transform .18s ease}
.smw-float{animation:smwFloat 5.5s ease-in-out infinite}
@keyframes smwFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.smw-glass{background:rgba(10,10,10,.38)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.smw-sheen{position:relative;overflow:hidden}
.smw-sheen:after{content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);transform:translateX(-120%) rotate(6deg);transition:transform .8s ease;pointer-events:none}
.smw-sheen:hover:after{transform:translateX(120%) rotate(6deg)}
@media (prefers-reduced-motion:reduce){.smw-aurora,.smw-float{animation:none!important}.smw-reveal{opacity:1!important;transform:none!important}.smw-tilt{transform:none!important}#smw-cursor-glow{display:none!important}}
