.kx-entrance{position:fixed;inset:0;color:#f5f8ff;z-index:100000;overflow:hidden;isolation:isolate;animation:kx-entrance-dismiss .01s 2.55s forwards}
.kx-entrance-curtain{position:absolute;inset:0;background:#060b15;z-index:-2;will-change:transform}
.kx-entrance .curtain-left{right:50%;animation:kx-curtain-left .8s 1.7s cubic-bezier(.76,0,.24,1) forwards}
.kx-entrance .curtain-right{left:50%;animation:kx-curtain-right .8s 1.7s cubic-bezier(.76,0,.24,1) forwards}
.kx-entrance-art{position:absolute;inset:0;display:grid;place-items:center;animation:kx-art-out .6s 1.65s ease-in forwards;pointer-events:none}
.kx-entrance-glow{position:absolute;width:min(90vw,850px);height:min(90vw,850px);border-radius:50%;background:radial-gradient(circle,#164f9f55,transparent 65%);animation:kx-glow-in 1.7s ease-out both}
.kx-entrance-ring{position:absolute;width:min(64vw,580px);aspect-ratio:1;border:1px solid #ccb58590;border-radius:50%;box-shadow:0 0 28px #3265aa20,inset 0 0 28px #3265aa20;animation:kx-ring-arrive 1.8s cubic-bezier(.16,1,.3,1) both}
.kx-entrance-ring:after{content:'';position:absolute;width:7px;height:7px;top:14%;left:14%;border-radius:50%;background:#eed9af;box-shadow:0 0 20px #d6b571}
.kx-entrance .ring-a{--angle:-28deg;--squash:.44}.kx-entrance .ring-b{--angle:40deg;--squash:.65;border-color:#598fe466;animation-delay:.08s}.kx-entrance .ring-c{--angle:100deg;--squash:.85;border-color:#ccb58530;animation-delay:.16s}
.kx-entrance-wordmark{position:relative;text-align:center;font:800 clamp(42px,8vw,110px)/1 Arial,sans-serif;letter-spacing:-.065em;animation:kx-word-arrive 1.1s .2s cubic-bezier(.16,1,.3,1) both;text-shadow:0 0 50px #679df333}
.kx-entrance-net{color:#ccb585}.kx-entrance-wordmark small{display:block;font:9px/1.6 Arial,sans-serif;letter-spacing:.48em;margin-top:26px;color:#aab6ca}
.kx-entrance-beam{position:absolute;width:1px;height:100%;background:linear-gradient(transparent,#ccb58599,transparent);animation:kx-beam-sweep 1.2s .2s both}
.kx-entrance-caption{position:absolute;top:calc(50% + min(36vw,270px));font-size:10px;letter-spacing:5px;color:#a6b4ca;animation:kx-word-arrive .8s .45s both}
.kx-entrance-line{position:absolute;bottom:10%;height:1px;width:100px;background:#ccb585;transform-origin:left;animation:kx-line-grow 1.6s ease-in-out both}
.kx-entrance-skip{position:absolute;right:5%;bottom:6%;background:transparent;border:1px solid #ccb58550;color:#ccb585;padding:10px 16px;font-size:11px;cursor:pointer;animation:kx-art-out .4s 1.8s forwards}
@keyframes kx-ring-arrive{from{opacity:0;transform:rotate(calc(var(--angle) - 100deg)) scale(1.7) scaleY(var(--squash))}35%{opacity:1}to{opacity:.8;transform:rotate(var(--angle)) scale(1) scaleY(var(--squash))}}
@keyframes kx-word-arrive{from{opacity:0;filter:blur(12px);transform:translateY(20px);letter-spacing:.08em}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes kx-glow-in{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1.1)}}
@keyframes kx-beam-sweep{from{opacity:0;transform:translateX(-45vw)}40%{opacity:.8}to{opacity:0;transform:translateX(45vw)}}
@keyframes kx-line-grow{from{transform:scaleX(0);opacity:.3}to{transform:scaleX(1);opacity:1}}
@keyframes kx-art-out{to{opacity:0;transform:scale(1.1);visibility:hidden}}
@keyframes kx-curtain-left{to{transform:translateX(-101%)}}
@keyframes kx-curtain-right{to{transform:translateX(101%)}}
@keyframes kx-entrance-dismiss{to{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.kx-entrance{display:none}}