.tilt-stage{--tilt-accent:#63eb9d;display:grid;place-items:center;perspective:700px;touch-action:pan-y;background:radial-gradient(ellipse at center,#173e35,#091716);overflow:hidden}
.tilt-stage:focus-visible{outline:2px solid #ff961f;outline-offset:3px}
.tilt-preview{position:relative;isolation:isolate;width:min(72%,240px);aspect-ratio:1.2;box-sizing:border-box;padding:26px;border:1px solid var(--tilt-accent);border-radius:22px;background:radial-gradient(circle at 85% 10%,var(--tilt-accent),transparent 65%),linear-gradient(140deg,#15382f,#091614);box-shadow:0 18px 30px #0005;transform-style:preserve-3d;transition:transform .12s ease-out;color:#fff;overflow:hidden}
.tilt-caption{position:relative;z-index:1;font-size:9px;font-weight:800;letter-spacing:.2em}
.tilt-preview strong{position:relative;z-index:1;display:block;margin-top:30px;font:800 27px/1.05 Inter,system-ui,sans-serif;letter-spacing:-.03em;text-align:left}
.tilt-orbit{position:absolute;right:-32px;top:32px;width:150px;height:90px;border:2px solid #ffffff80;border-radius:50%;transform:rotate(-35deg)}
.tilt-dot{position:absolute;top:35px;right:45px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 25px #ffffff90}
[data-theme="light"] .tilt-stage{background:radial-gradient(ellipse at center,#e8f8ed,#fff)}
@media(prefers-reduced-motion:reduce){.tilt-preview{transition:none}}