.oda-vortex-page{position:relative;overflow:hidden;min-height:100vh;background:#03040b;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;color:#fff}.oda-vortex-bg{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 50% 50%,rgba(40,140,255,.28),transparent 28%),radial-gradient(circle at 30% 20%,rgba(125,90,255,.22),transparent 35%),radial-gradient(circle at 80% 70%,rgba(0,220,255,.16),transparent 35%);filter:blur(55px);animation:odaAurora 12s ease-in-out infinite alternate}@keyframes odaAurora{0%{transform:scale(1) rotate(0)}to{transform:scale(1.15) rotate(12deg)}}.oda-vortex-shell{position:relative;z-index:5;text-align:center;width:min(900px,90vw)}.oda-vortex-label{display:inline-block;padding:10px 20px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:13px;letter-spacing:.25em;font-weight:900;color:#8dd9ff;margin-bottom:35px}.oda-vortex-shell h1{font-size:clamp(48px,8vw,96px);line-height:.95;letter-spacing:-.06em;font-weight:950;margin-bottom:60px}.oda-vortex-stage{position:relative;width:420px;height:420px;margin:0 auto}.oda-vortex-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(70,170,255,.18);box-shadow:0 0 80px #38bdf82e,inset 0 0 80px #38bdf81f;animation:odaSpin 12s linear infinite}.ring2{transform:scale(.78);animation-duration:8s;animation-direction:reverse}.ring3{transform:scale(.56);animation-duration:5s}@keyframes odaSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.oda-vortex-core{position:absolute;left:50%;top:50%;width:46px;height:46px;margin-left:-23px;margin-top:-23px;border-radius:50%;background:#38bdf8;box-shadow:0 0 80px #38bdf8,0 0 160px #38bdf899;animation:odaPulse 1.8s infinite}@keyframes odaPulse{50%{transform:scale(1.45)}}.oda-vortex-answer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:8px;text-align:center}.oda-vortex-answer strong{font-size:26px;letter-spacing:.14em;font-weight:950}.oda-vortex-answer span{font-size:18px;color:#ffffffb8}.oda-vortex-status{margin-top:70px}#odaVortexStatusText{font-size:22px;font-weight:800;margin-bottom:18px;color:#8dd9ff}.oda-vortex-bar{width:min(600px,90vw);height:10px;margin:auto;border-radius:999px;background:#ffffff14;overflow:hidden}#odaVortexProgress{width:0%;height:100%;background:linear-gradient(90deg,#8b5cf6,#2563eb,#38bdf8);box-shadow:0 0 35px #38bdf8cc;transition:width .4s ease}@media(max-width:700px){.oda-vortex-stage{width:300px;height:300px}.oda-vortex-shell h1{font-size:44px}}.oda-vortex-word{position:absolute;left:50%;top:50%;padding:7px 13px;border-radius:999px;background:#ffffff13;border:1px solid rgba(255,255,255,.12);color:#fffc;font-size:14px;font-weight:800;white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%,-50%);animation:odaVortexSpiral 5.8s cubic-bezier(.22,.95,.22,1) infinite;animation-delay:var(--delay);z-index:4}@keyframes odaVortexSpiral{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(310px) rotate(calc(-1 * var(--angle))) scale(.95)}12%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 460deg)) translate(0) rotate(calc(-1 * var(--angle))) scale(.12);filter:blur(3px)}}#odaVortexStatusText{transition:opacity .25s ease}.oda-particle{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#7dd3fc;box-shadow:0 0 14px #38bdf8,0 0 35px #38bdf8cc;animation:odaParticle 3.8s linear infinite;animation-delay:var(--delay);opacity:0}@keyframes odaParticle{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(340px) scale(.2)}10%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--angle) + 540deg)) translate(0) scale(2.2);filter:blur(2px)}}.oda-vortex-core{animation:odaPulse 1.8s infinite,odaCoreGlow 4s ease-in-out infinite}@keyframes odaCoreGlow{0%,to{box-shadow:0 0 60px #38bdf8,0 0 120px #38bdf88c}50%{box-shadow:0 0 120px #8b5cf6,0 0 260px #8b5cf6cc}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/oda-vortex.css.map */