:root{--page-transition-speed:220ms}
html{background:#121318}
body{opacity:1}
main{animation:pageEnter 480ms cubic-bezier(.22,.8,.25,1) both;transform-origin:center top}
body.page-leaving{pointer-events:none;overflow:hidden}
body.page-leaving main{animation:none;transform:scale(.992);filter:blur(4px);opacity:.22;transition:transform 320ms ease,filter 320ms ease,opacity 260ms ease}
.page-progress{position:fixed;z-index:2501;top:0;right:0;width:0;height:3px;opacity:0;background:linear-gradient(90deg,#e3a900,#ffd23f,#ffea87,#e3a900);box-shadow:0 0 14px #ffd23f;transition:width 400ms ease,opacity 150ms ease}
body.page-leaving .page-progress{width:88%;opacity:1}
body.page-arrived .page-progress{width:100%;opacity:0;transition:width 160ms ease,opacity 300ms 120ms ease}
.page-loader{position:fixed;z-index:2500;inset:0;display:grid;place-items:center;visibility:hidden;opacity:0;background:rgba(18,19,24,.9);backdrop-filter:blur(13px);transition:opacity 220ms ease,visibility 220ms ease}
body.page-leaving .page-loader{visibility:visible;opacity:1}
.page-loader-inner{display:flex;flex-direction:column;align-items:center;gap:16px;transform:translateY(12px) scale(.96);opacity:0;transition:transform 300ms cubic-bezier(.2,.8,.2,1),opacity 250ms ease}
body.page-leaving .page-loader-inner{transform:none;opacity:1}
.loader-logo-wrap{position:relative;width:104px;height:104px;display:grid;place-items:center}
.loader-orbit{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:#ffd23f;border-right-color:#9f7800;filter:drop-shadow(0 0 8px #ffd23f66);animation:loaderSpin 1.05s linear infinite}
.loader-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;top:5px;right:16px;background:#fff1a6;box-shadow:0 0 15px #ffd23f}
.loader-mark{width:72px;height:72px;display:grid;place-items:center;border-radius:22px;background:#fffffff2;color:#fff;font-size:31px;box-shadow:0 15px 38px #ffd23f35,inset 0 1px #ffffff44;animation:loaderPulse 1.45s ease-in-out infinite}
.loader-mark img{display:block;width:56px;height:56px;object-fit:contain}.loader-brand{font-size:21px;font-weight:950;letter-spacing:.5px;color:#ffd23f;direction:ltr}.loader-brand b{color:#ffd23f}.loader-caption{font-size:12px;color:#858ba6;letter-spacing:.2px}.loader-dots{display:flex;gap:5px;direction:ltr}.loader-dots i{width:5px;height:5px;border-radius:50%;background:#ffd23f;animation:loaderDot 1s ease-in-out infinite}.loader-dots i:nth-child(2){animation-delay:.15s}.loader-dots i:nth-child(3){animation-delay:.3s}
html[data-theme="dark"] .page-loader{background:rgba(18,19,24,.94)}html[data-theme="dark"] .loader-brand{color:#ffd23f}html[data-theme="dark"] .loader-brand b{color:#ffd23f}html[data-theme="dark"] .loader-caption{color:#7f8aa5}html[data-theme="dark"] .loader-mark{box-shadow:0 17px 48px #ffd23f35,inset 0 1px #ffffff3d}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .page-loader{background:rgba(18,19,24,.94)}html:not([data-theme="light"]) .loader-brand{color:#ffd23f}html:not([data-theme="light"]) .loader-brand b{color:#ffd23f}}
@keyframes pageEnter{from{opacity:0;transform:translateY(9px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes loaderSpin{to{transform:rotate(360deg)}}@keyframes loaderPulse{0%,100%{transform:scale(.96) rotate(-2deg)}50%{transform:scale(1.04) rotate(2deg)}}@keyframes loaderDot{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-5px);opacity:1}}
@media(prefers-reduced-motion:reduce){body,main,body.page-leaving main,.page-progress,.page-loader,.page-loader-inner,.loader-orbit,.loader-mark,.loader-dots i{animation:none!important;transition:none!important;transform:none!important;filter:none!important}}