.nsi-intro{position:fixed;inset:0;z-index:200;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,#0d4266 0,#061f32 38%,#02131f 76%);color:#fff;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}.nsi-intro.is-visible{opacity:1;visibility:visible}.nsi-intro.is-leaving{opacity:0}.intro-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(94,194,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(94,194,255,.15) 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(circle,#000,transparent 75%)}.intro-content{position:relative;text-align:center;padding:30px}.intro-symbol{position:relative;width:112px;height:112px;margin:0 auto 25px}.intro-symbol:before{content:"";position:absolute;inset:-18px;border:1px solid rgba(82,190,255,.24);border-radius:50%;animation:intro-orbit 5s linear infinite}.intro-symbol:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(255,255,255,.14);border-radius:50%}.intro-symbol img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.3));animation:intro-spin 2.2s cubic-bezier(.45,.05,.25,1) both}.intro-content h2{margin:0;font-size:clamp(52px,8vw,82px);letter-spacing:-3px}.intro-content>p{margin:8px 0 0;font-size:13px;font-weight:650;letter-spacing:3.2px;color:#c5e4f5}.intro-message{display:block;margin-top:29px;color:#83c9ed;font-size:12px;letter-spacing:1.5px}.intro-progress{width:230px;height:2px;margin:23px auto 0;overflow:hidden;background:rgba(255,255,255,.12)}.intro-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#775be6,#06a7f5);transform-origin:left;animation:intro-progress 2.15s ease forwards}.intro-skip{position:absolute;right:27px;bottom:25px;padding:8px 13px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:transparent;color:#dcecf5;font-size:12px;cursor:pointer}.intro-skip:hover{background:rgba(255,255,255,.08)}
@keyframes intro-spin{0%{transform:scale(.62) rotate(-140deg);opacity:0}55%{transform:scale(1.08) rotate(18deg);opacity:1}100%{transform:scale(1) rotate(0)}}@keyframes intro-orbit{to{transform:rotate(360deg)}}@keyframes intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:560px){.intro-symbol{width:88px;height:88px}.intro-content h2{font-size:58px}.intro-content>p{font-size:10px;letter-spacing:2.4px}.intro-message{font-size:10px}.intro-skip{right:18px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.intro-symbol img,.intro-symbol:before,.intro-progress span{animation:none}.nsi-intro{transition:none}}