#site-intro{display:none}html.intro #site-intro{z-index:200;background:var(--background);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:fixed;inset:0}html.intro.intro-out #site-intro{animation:.4s cubic-bezier(.7,0,.3,1) forwards siteIntroOut}html.intro body{overflow:hidden}html.intro.intro-done #site-intro{display:none}html.intro.intro-done body{overflow:auto}#site-intro .si-logo{width:min(340px,72vw);position:relative}#site-intro img{transform-origin:50% 80%;width:100%;height:auto;animation:.7s cubic-bezier(.2,1.4,.4,1) both siteIntroDrop,.6s ease-in-out .75s siteIntroWiggle;display:block}#site-intro .si-dark,html.dark #site-intro .si-light{display:none}html.dark #site-intro .si-dark{display:block}#site-intro .si-spark{opacity:0;width:22px;height:22px;animation:1.2s ease-out forwards siteIntroSpark;position:absolute}#site-intro .si-spark svg{width:100%;height:100%;display:block}#site-intro .s1{color:#f5a01e;animation-delay:.45s;top:-22%;right:4%}#site-intro .s2{color:#5f9bbe;width:16px;height:16px;animation-delay:.6s;top:-4%;right:-7%}#site-intro .s3{color:#0c2d55;width:14px;height:14px;animation-delay:.75s;bottom:-14%;left:-6%}#site-intro .s4{color:#f5a01e;width:12px;height:12px;animation-delay:.85s;top:-18%;left:14%}html.dark #site-intro .s3{color:#5f9bbe}#site-intro .si-charge{opacity:0;border:2px solid #0c2d55;border-radius:9999px;width:min(220px,50vw);height:12px;padding:2px;animation:.3s .3s forwards siteIntroUp;position:relative}#site-intro .si-charge:after{content:"";background:#0c2d55;border-radius:2px;width:4px;height:4px;position:absolute;top:2px;left:-7px}#site-intro .si-charge span{background:linear-gradient(270deg,#0c2d55,#5f9bbe,#f5a01e);border-radius:9999px;width:0;height:100%;transition:width 2.3s cubic-bezier(.25,.4,.3,1);display:block}html.intro-go #site-intro .si-charge span{width:85%}html.intro-out #site-intro .si-charge span{width:100%;transition-duration:.2s}html.dark #site-intro .si-charge{border-color:#5f9bbe}html.dark #site-intro .si-charge:after{background:#5f9bbe}#site-intro .si-caption{letter-spacing:.04em;color:#0c2d55;opacity:0;font-size:14px;font-weight:700;line-height:1.2;animation:.4s .6s forwards siteIntroUp}html.dark #site-intro .si-caption{color:#cfe0ec}@keyframes siteIntroDrop{0%{opacity:0;transform:translateY(-60px)scale(.4)rotate(-10deg)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes siteIntroWiggle{25%{transform:rotate(-4deg)scale(1.03)}50%{transform:rotate(3deg)}75%{transform:rotate(-2deg)}}@keyframes siteIntroSpark{0%{opacity:0;transform:scale(.2)rotate(0)}40%{opacity:1;transform:scale(1.25)rotate(60deg)}to{opacity:.85;transform:scale(1)rotate(90deg)}}@keyframes siteIntroUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes siteIntroOut{to{opacity:0;visibility:hidden;transform:translateY(-24px)}}