html.jh-entering,html.jh-entering body{overflow:hidden!important}
html.jh-entering body>*:not(#jhEntry){filter:blur(12px) brightness(.5);transform:scale(1.07)}
html.jh-revealing body>*:not(#jhEntry){transition:filter 1.5s ease,transform 1.8s cubic-bezier(.16,.84,.24,1)}
#jhEntry{position:fixed;inset:0;z-index:2147483000;overflow:hidden;background:#000;font-family:Montserrat,system-ui,sans-serif;color:#f4f6fb;-webkit-tap-highlight-color:transparent}
#jhEntry.jh-clear{background:transparent}#jhEntry *{box-sizing:border-box}#jhStars{position:absolute;inset:0;width:100%;height:100%;display:block}
.jh-nebula{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(50% 40% at 50% 50%,rgba(47,91,255,.22),transparent 70%),radial-gradient(40% 35% at 75% 25%,rgba(168,60,255,.18),transparent 70%),radial-gradient(40% 35% at 25% 70%,rgba(24,224,255,.12),transparent 70%)}
.jh-door{position:absolute;top:0;bottom:0;width:50.5%;z-index:3;transition:transform 2.6s cubic-bezier(.68,0,.2,1)}
.jh-door.l{left:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 64px),linear-gradient(90deg,#05070c,#0b101c 70%,#111a2d)}
.jh-door.r{right:0;background:repeating-linear-gradient(270deg,rgba(255,255,255,.018) 0 1px,transparent 1px 64px),linear-gradient(270deg,#05070c,#0b101c 70%,#111a2d)}
.jh-door:before{content:"";position:absolute;top:0;bottom:0;width:4px;background:linear-gradient(#f6dc8a,#d4a53c 40%,#8f6420 70%,#d4a53c)}.jh-door.l:before{right:0}.jh-door.r:before{left:0}
.jh-door:after{content:"";position:absolute;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,rgba(24,224,255,.5),rgba(168,60,255,.5),transparent)}.jh-door.l:after{right:26px}.jh-door.r:after{left:26px}
#jhEntry.jh-open .jh-door.l{transform:translateX(-103%)}#jhEntry.jh-open .jh-door.r{transform:translateX(103%)}
.jh-seam{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;z-index:4;pointer-events:none;background:linear-gradient(#18e0ff,#2f5bff 55%,#a83cff);box-shadow:0 0 14px #18e0ff,0 0 34px #a83cff;opacity:.55}
.jh-stage{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,4vh,34px);pointer-events:none}.jh-logo{position:relative;width:min(80vw,560px);aspect-ratio:1230/780;transform-origin:56.91% 45.9%;opacity:0}.jh-logo svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;display:block}.jh-bloom{position:absolute;left:56.91%;top:45.9%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.4);border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(140,230,255,.55) 22%,rgba(168,60,255,.25) 45%,transparent 70%)}#jhDot{transform-box:fill-box;transform-origin:center}
.jh-enter{pointer-events:auto;opacity:0;display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:0;color:#f4f6fb;cursor:pointer;font:inherit;padding:6px}.jh-enter:focus-visible{outline:none}.jh-enter .ring{position:relative;display:inline-flex;align-items:center;gap:12px;padding:14px 26px;border-radius:999px;font-family:Orbitron,Montserrat,sans-serif;font-weight:800;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;border:1px solid transparent;background-image:linear-gradient(#070a12,#070a12),linear-gradient(135deg,#f6dc8a,#d4a53c 45%,#8f6420 75%,#d4a53c);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 24px rgba(212,165,60,.25)}.jh-enter .ring:after{content:"";position:absolute;inset:-6px;border-radius:inherit;border:1px solid rgba(24,224,255,.45);animation:jhPulse 2.2s ease-out infinite}.jh-enter .ring i{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff,0 0 20px #18e0ff}.jh-enter small{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:#9aa6c2;display:flex;align-items:center;gap:6px}.jh-enter small svg{width:13px;height:13px}.jh-enter:hover .ring,.jh-enter:focus-visible .ring{box-shadow:0 0 34px rgba(212,165,60,.45),0 0 50px rgba(24,224,255,.25)}@keyframes jhPulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.18)}}
.jh-white{position:absolute;inset:0;z-index:8;background:#fff;opacity:0;pointer-events:none}.jh-iris-ring{position:absolute;z-index:9;border-radius:50%;pointer-events:none;opacity:0;left:0;top:0}.jh-iris-ring.c{border:2px solid rgba(120,235,255,.95);box-shadow:0 0 28px #18e0ff,0 0 70px rgba(168,60,255,.8),inset 0 0 30px rgba(168,60,255,.6)}.jh-iris-ring.g{border:1px solid rgba(246,220,138,.9);box-shadow:0 0 18px rgba(212,165,60,.8)}
.jh-ctrl{position:absolute;z-index:10;bottom:calc(22px + env(safe-area-inset-bottom));background:rgba(5,7,8,.4);border:1px solid rgba(24,224,255,.3);color:#9aa6c2;font-family:Orbitron,Montserrat,sans-serif;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;padding:9px 14px;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .2s,border-color .2s}.jh-ctrl:hover,.jh-ctrl:focus-visible{color:#fff;border-color:#18e0ff;outline:none}.jh-ctrl svg{width:14px;height:14px}.jh-skip{right:18px}.jh-sound{left:18px}
@media(max-width:560px){.jh-logo{width:min(94vw,560px)}.jh-enter .ring{font-size:.62rem;letter-spacing:.2em;padding:13px 20px}.jh-ctrl{bottom:calc(14px + env(safe-area-inset-bottom));font-size:.56rem;letter-spacing:.14em;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){#jhEntry{display:none!important}}