.l3d-host{--glow:0;--hx:0;--hy:0;--sp:0;position:relative;width:min(100%,460px);aspect-ratio:1/1;margin:0 auto}.l3d-dim,.l3d-floor,.l3d-halo,.l3d-rings i{position:absolute;pointer-events:none}.l3d-dim{left:50%;top:46%;width:190%;height:170%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(6,4,16,.94) 0,rgba(6,4,16,.8) 42%,rgba(6,4,16,0) 100%);opacity:calc(1 - var(--sp) * .8)}.l3d-halo{left:50%;top:47%;width:135%;height:135%;transform:translate(calc(-50% + var(--hx) * 3%),calc(-50% + var(--hy) * 3%));background:radial-gradient(closest-side,rgba(200,170,255,calc(.3 + var(--glow) * .22)) 0,rgba(150,100,255,calc(.14 + var(--glow) * .1)) 42%,rgba(110,70,230,.06) 68%,transparent 100%);filter:blur(8px);opacity:calc(1 - var(--sp) * .7)}.l3d-floor{left:50%;top:90%;width:70%;height:9%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(145,94,255,.55),rgba(145,94,255,.18) 55%,transparent 100%);filter:blur(5px);opacity:calc(1 - var(--sp) * .8)}.l3d-rings i{left:50%;top:84%;width:100%;height:26%;border:1px solid rgba(160,120,255,.5);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.35);animation:l3dRipple 6s ease-out infinite}.l3d-rings i:nth-child(2){animation-delay:2s}.l3d-rings i:nth-child(3){animation-delay:4s}@keyframes l3dRipple{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}15%{opacity:.45}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.l3d-move{transform:translateY(calc(var(--sp) * -34px)) scale(calc(1 - var(--sp) * .28));opacity:calc(1 - var(--sp) * .55);will-change:transform}.l3d-move,.l3d-stage{position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.l3d-rings{display:none}}@media (max-width:520px){.l3d-rings i{animation-duration:7s}}.l3d-tip{position:absolute;z-index:5;pointer-events:none;transform:translate(-50%,calc(-100% - 16px));padding:7px 14px;border-radius:999px;white-space:nowrap;font-size:.82rem;font-weight:600;color:#fff;background:rgba(20,14,38,.86);border:1px solid rgba(145,94,255,.55);backdrop-filter:blur(10px);box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 22px rgba(145,94,255,.25)}.l3d-tip span{color:#b99cff;margin-left:4px}.l3d-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.l3d-sr a:focus{outline:none}.l3d-host--cta{width:min(100%,240px);margin:-40px auto -28px}.l3d-host--cta .l3d-dim{display:none}.l3d-host--cta .l3d-halo{width:100%;height:100%;top:50%;filter:none}.l3d-hint{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);z-index:3;pointer-events:none;padding:7px 14px;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;color:#fff;background:rgba(20,12,40,.72);border:1px solid rgba(145,94,255,.55);backdrop-filter:blur(6px);animation:l3dHint 6s ease both}.l3d-hint span{color:#b79cff}@keyframes l3dHint{0%{opacity:0;transform:translate(-50%,6px)}8%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.l3d-hint{animation-duration:.01s}}