.jetle-opening{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#050505;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .7s ease,visibility .7s ease}
.jetle-opening.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.jetle-opening-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(250,204,21,.18),transparent 27%),radial-gradient(circle at 50% 100%,rgba(245,158,11,.12),transparent 42%),linear-gradient(180deg,#030303 0%,#0a0a0a 58%,#111 100%)}
.jetle-opening-bg:before,.jetle-opening-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.45;animation:jetleOpeningGlow 2.5s ease-in-out infinite alternate}
.jetle-opening-bg:before{width:300px;height:300px;top:10%;left:10%;background:rgba(250,204,21,.17)}
.jetle-opening-bg:after{width:340px;height:340px;right:8%;bottom:7%;background:rgba(245,158,11,.13);animation-delay:.7s}
.jetle-opening-content{position:relative;z-index:2;width:min(760px,92vw);min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;perspective:900px}
.jetle-opening-brand{margin-bottom:54px;padding:10px 20px;border:1px solid rgba(250,204,21,.35);border-radius:999px;color:#facc15;background:rgba(250,204,21,.07);font-size:clamp(13px,2vw,17px);font-weight:1000;letter-spacing:.16em;text-shadow:0 0 18px rgba(250,204,21,.28);box-shadow:0 0 28px rgba(250,204,21,.08)}
.jetle-cube-scene{width:150px;height:150px;perspective:800px;margin-bottom:60px;filter:drop-shadow(0 25px 32px rgba(0,0,0,.55))}
.jetle-cube{position:relative;width:150px;height:150px;transform-style:preserve-3d;animation:jetleCubeSpin 3.2s linear infinite}
.jetle-cube-face{position:absolute;width:150px;height:150px;display:flex;align-items:center;justify-content:center;border:2px solid #facc15;background:linear-gradient(145deg,rgba(255,222,89,.96),rgba(245,158,11,.92));color:#090909;font-size:18px;line-height:1.2;font-weight:1000;letter-spacing:.04em;text-align:center;box-shadow:inset 0 0 24px rgba(255,255,255,.28),0 0 22px rgba(250,204,21,.16);backface-visibility:visible}
.jetle-cube-face.front{transform:translateZ(75px)}.jetle-cube-face.back{transform:rotateY(180deg) translateZ(75px)}.jetle-cube-face.right{transform:rotateY(90deg) translateZ(75px)}.jetle-cube-face.left{transform:rotateY(-90deg) translateZ(75px)}.jetle-cube-face.top{transform:rotateX(90deg) translateZ(75px)}.jetle-cube-face.bottom{transform:rotateX(-90deg) translateZ(75px)}
.jetle-opening-title{color:#fff;font-size:clamp(20px,3.5vw,31px);font-weight:950;letter-spacing:-.02em;text-shadow:0 5px 22px rgba(0,0,0,.5)}
.jetle-opening-loader{width:min(310px,72vw);height:5px;margin-top:24px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.12)}
.jetle-opening-loader span{display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#fff3a6,#facc15);box-shadow:0 0 18px rgba(250,204,21,.7);animation:jetleLoading 1.45s linear infinite}
.jetle-opening-dots{display:flex;gap:7px;margin-top:14px}.jetle-opening-dots i{width:6px;height:6px;border-radius:50%;background:#facc15;animation:jetleDots .8s infinite alternate}.jetle-opening-dots i:nth-child(2){animation-delay:.2s}.jetle-opening-dots i:nth-child(3){animation-delay:.4s}
@keyframes jetleCubeSpin{0%{transform:rotateX(-16deg) rotateY(0deg)}50%{transform:rotateX(16deg) rotateY(180deg)}100%{transform:rotateX(-16deg) rotateY(360deg)}}
@keyframes jetleLoading{from{transform:translateX(-110%)}to{transform:translateX(230%)}}@keyframes jetleDots{from{transform:translateY(0);opacity:.35}to{transform:translateY(-5px);opacity:1}}@keyframes jetleOpeningGlow{from{transform:scale(.85);opacity:.25}to{transform:scale(1.12);opacity:.5}}
@media(max-width:600px){.jetle-opening-content{min-height:430px}.jetle-opening-brand{margin-bottom:45px;font-size:12px}.jetle-cube-scene,.jetle-cube,.jetle-cube-face{width:120px;height:120px}.jetle-cube-scene{margin-bottom:52px}.jetle-cube-face{font-size:15px}.jetle-cube-face.front{transform:translateZ(60px)}.jetle-cube-face.back{transform:rotateY(180deg) translateZ(60px)}.jetle-cube-face.right{transform:rotateY(90deg) translateZ(60px)}.jetle-cube-face.left{transform:rotateY(-90deg) translateZ(60px)}.jetle-cube-face.top{transform:rotateX(90deg) translateZ(60px)}.jetle-cube-face.bottom{transform:rotateX(-90deg) translateZ(60px)}.jetle-opening-title{padding:0 18px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.jetle-cube,.jetle-opening-loader span,.jetle-opening-dots i{animation:none!important}}