.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.color-orb{position:absolute;width:min(48vw,620px);aspect-ratio:1;border-radius:50%;filter:blur(70px);opacity:.075;animation:ambient-drift 24s ease-in-out infinite alternate}.orb-pink{background:var(--pink);left:-20%;top:12%}.orb-teal{background:var(--teal);right:-20%;bottom:0;animation-delay:-12s;animation-direction:alternate-reverse}.pointer-glow{position:absolute;width:460px;height:460px;left:0;top:0;border-radius:50%;background:radial-gradient(circle,#ed146012,#308e8c0b 40%,transparent 70%);opacity:0;transform:translate3d(-800px,-800px,0);transition:opacity .7s;will-change:transform}.corner{transition:transform 1.2s ease-out}body:before{z-index:3}main{z-index:1}.color-ripple{position:fixed;width:22px;height:22px;border:1px solid #ed146035;border-radius:50%;pointer-events:none;z-index:0;animation:color-ripple 1.8s ease-out forwards}.color-ripple:after{content:"";position:absolute;inset:-10px;border:1px solid #308e8c25;border-radius:50%}@keyframes ambient-drift{to{transform:translate3d(20vw,-10vh,0) scale(1.18)}}@keyframes color-ripple{to{transform:scale(13);opacity:0}}@media(max-width:600px){.color-orb{width:85vw;filter:blur(55px)}.pointer-glow{display:none}}@media(prefers-reduced-motion:reduce){.color-orb,.color-ripple{animation:none}.pointer-glow{display:none}.corner{transition:none}}