.site-intro{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,#063b41 0,#031619 32%,#01090b 72%);color:#fff;isolation:isolate;transition:opacity .7s ease,visibility .7s ease}.intro-seen .site-intro{display:none}.site-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.site-intro:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#20f3ff0d 45%,transparent 70%);animation:introSweep 2.8s ease-in-out infinite}.intro-glow{position:absolute;width:min(68vw,760px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#20f3ff26,transparent 64%);filter:blur(18px);animation:introGlow 2s ease-in-out infinite alternate}.intro-orbit{position:absolute;border:1px solid #20f3ff28;border-radius:50%;animation:introOrbit 12s linear infinite}.intro-orbit:before,.intro-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#20f3ff;box-shadow:0 0 22px #20f3ff}.intro-orbit:before{top:12%;left:18%}.intro-orbit:after{right:8%;bottom:24%}.intro-orbit-one{width:min(72vw,720px);aspect-ratio:1}.intro-orbit-two{width:min(52vw,520px);aspect-ratio:1;animation-direction:reverse;animation-duration:9s}.intro-content{position:relative;z-index:2;width:min(680px,86vw);text-align:center}.intro-logo{width:min(190px,38vw);height:min(190px,38vw);margin:0 auto 22px;object-fit:contain;filter:drop-shadow(0 0 30px #20f3ff50);animation:introLogo 1.25s cubic-bezier(.2,.8,.2,1) both}.intro-mark{display:grid;place-items:center;width:138px;height:138px;margin:0 auto 22px;border:1px solid #20f3ff;border-radius:32px;background:#20f3ff0c;color:#20f3ff;font-size:5rem;font-weight:950;box-shadow:0 0 55px #20f3ff32;animation:introLogo 1.25s cubic-bezier(.2,.8,.2,1) both}.intro-line{width:0;height:1px;margin:0 auto 19px;background:linear-gradient(90deg,transparent,#20f3ff,transparent);box-shadow:0 0 12px #20f3ff;animation:introLine 1.2s .35s ease forwards}.intro-content h1{margin:0;font-size:clamp(2.5rem,7vw,5.8rem);font-weight:950;letter-spacing:.13em;color:#f3ffff;text-shadow:0 0 32px #20f3ff25;opacity:0;transform:translateY(18px);animation:introText .8s .55s ease forwards}.intro-content p{margin:15px 0 0;color:#20f3ff;font-size:clamp(.72rem,1.7vw,1rem);font-weight:800;letter-spacing:.28em;opacity:0;animation:introText .8s .8s ease forwards}.intro-progress{width:min(320px,70vw);height:3px;margin:34px auto 0;overflow:hidden;border-radius:99px;background:#ffffff13}.intro-progress span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#20f3ff,#00aeb9);box-shadow:0 0 14px #20f3ff;animation:introProgress var(--intro-duration,3600ms) linear forwards}.intro-skip{position:absolute;z-index:4;right:28px;bottom:25px;padding:10px 15px;border:1px solid #20f3ff36;border-radius:99px;background:#041316a8;color:#b8d8db;font:inherit;cursor:pointer;transition:.25s}.rtl .intro-skip{right:auto;left:28px}.intro-skip:hover{border-color:#20f3ff;color:#fff}.intro-playing{overflow:hidden}
@keyframes introLogo{0%{opacity:0;transform:scale(.62) rotate(-8deg);filter:blur(12px)}60%{opacity:1;transform:scale(1.05) rotate(1deg)}100%{opacity:1;transform:none}}@keyframes introLine{to{width:min(430px,72vw)}}@keyframes introText{to{opacity:1;transform:none}}@keyframes introOrbit{to{transform:rotate(360deg)}}@keyframes introGlow{to{transform:scale(1.15);opacity:.65}}@keyframes introSweep{0%,100%{transform:translateX(-45%)}50%{transform:translateX(45%)}}@keyframes introProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:650px){.intro-orbit-one{width:108vw}.intro-orbit-two{width:78vw}.intro-content h1{font-size:2.55rem;letter-spacing:.08em}.intro-content p{line-height:1.7;letter-spacing:.13em}.intro-skip{right:18px;bottom:18px}.rtl .intro-skip{left:18px}}
@media(prefers-reduced-motion:reduce){.site-intro *{animation-duration:.01ms!important;animation-iteration-count:1!important}}