.logo-stage{position:relative;isolation:isolate;display:grid;place-items:center;min-width:0;height:270px;perspective:900px;overflow:visible}
.logo-float{width:260px;height:260px;position:relative;transform-style:preserve-3d;animation:diamond-float 7s ease-in-out infinite}
.logo-spin{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:diamond-turn 15s cubic-bezier(.35,0,.25,1) infinite;will-change:transform}
.logo-spin img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;backface-visibility:hidden}
.diamond-depth{transform:translateZ(var(--depth));filter:brightness(.45) saturate(1.6);backface-visibility:visible!important}
.diamond-front{transform:translateZ(6px);filter:drop-shadow(0 0 8px #7cbfff25)}
.diamond-back{transform:rotateY(180deg) translateZ(6px)}
.logo-halo{position:absolute;width:290px;height:240px;border-radius:50%;background:radial-gradient(ellipse,#328ff128,transparent 68%);z-index:-1;animation:diamond-halo 7s ease-in-out infinite}
.logo-ground{position:absolute;bottom:2px;width:130px;height:15px;border-radius:50%;background:radial-gradient(ellipse,#07101da0,transparent 72%);z-index:-1;animation:diamond-shadow 7s ease-in-out infinite}
.logo-spark{position:absolute;width:3px;height:3px;background:#bdeaff;box-shadow:0 0 8px #80caff;border-radius:50%;opacity:.3;animation:diamond-spark 6s ease-in-out infinite}
.spark-one{left:18%;top:30%}.spark-two{right:17%;bottom:25%;animation-delay:-3s}
@keyframes diamond-float{0%,100%{transform:translateY(2px)}50%{transform:translateY(-5px)}}
@keyframes diamond-turn{0%,81%{transform:rotateY(-9deg) rotateX(4deg) rotateZ(-2deg)}91%,100%{transform:rotateY(351deg) rotateX(4deg) rotateZ(-2deg)}}
@keyframes diamond-halo{0%,100%{opacity:.6;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}
@keyframes diamond-shadow{0%,100%{opacity:.6;transform:scaleX(1)}50%{opacity:.4;transform:scaleX(.87)}}
@keyframes diamond-spark{0%,100%{opacity:.15;transform:translateY(4px)}50%{opacity:.65;transform:translateY(-6px)}}
@media(max-width:1150px) and (min-width:761px){.logo-stage{height:245px;width:250px}.logo-float{width:235px;height:235px}}
@media(max-width:760px){.logo-stage{height:240px;width:100%;margin-top:12px}.logo-float{width:235px;height:235px}.logo-halo{width:270px;height:220px}.logo-ground{bottom:0}.welcome-panel{gap:5px}}
@media(prefers-reduced-motion:reduce){.logo-stage *{animation:none!important;will-change:auto}.logo-spin{transform:rotateY(-9deg) rotateX(4deg) rotateZ(-2deg)}}