html[data-boot-state=loading] body{background:#4b2583}
.site-splash{--splash-purple:#4b2583;position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:var(--splash-purple);color:#fff;isolation:isolate;font-family:Cairo,'Segoe UI',sans-serif;min-height:100svh}
.splash-blueprint{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.35}
.splash-blueprint::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(135deg,#000,transparent 65%)}
.splash-blueprint>span{position:absolute;width:120%;height:60%;border:1px solid #ffffff16;transform:rotate(-24deg);inset-inline-start:-10%;bottom:-20%;border-radius:48% 48% 0 0}
.splash-blueprint>span:nth-child(2){bottom:-8%;border-color:#40b5c22b}
.splash-blueprint>span:nth-child(3){bottom:4%;border-color:#ffffff0d}
.splash-content{position:relative;display:flex;flex-direction:column;align-items:center;width:min(460px,calc(100% - 48px));padding-block:28px;text-align:center;transform:translateY(-12px)}
.splash-logo{position:relative;width:176px;max-width:65%;aspect-ratio:1;margin:0 0 38px;animation:splash-icon-arrive .65s cubic-bezier(.16,1,.3,1) both}
.splash-logo img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.splash-logo-complete{opacity:1;transform-origin:center;animation:splash-icon-float 3.4s .65s ease-in-out infinite}
.splash-logo-fallback{display:block;font-size:28px;line-height:1.6;overflow-wrap:anywhere}.splash-logo-fallback[hidden]{display:none}
.splash-logo.logo-unavailable{width:100%;max-width:100%;aspect-ratio:auto;animation:none}.splash-logo.logo-unavailable>img{display:none}
.splash-wait{display:grid;justify-items:center;gap:18px}
.splash-progress{width:96px;height:3px;background:#ffffff26;overflow:hidden;border-radius:2px;direction:ltr}
.splash-progress>span{display:block;width:36px;height:100%;background:var(--splash-teal,#40b5c2);animation:splash-progress 1.4s ease-in-out infinite}
.site-splash [data-splash-status]{font-size:13px;line-height:1.9;color:#eee4fa;margin:0;letter-spacing:0;max-width:340px}
.splash-retry{margin-top:22px;min-height:44px;padding:10px 22px;border:1px solid #ffffff60;border-radius:6px;background:transparent;color:#fff;font:600 14px Cairo,sans-serif}
.splash-retry:hover{background:#ffffff14}.splash-retry:focus-visible{outline:3px solid #40b5c2;outline-offset:5px}.splash-retry[hidden]{display:none}
.site-splash.is-leaving{pointer-events:none;animation:splash-exit .42s cubic-bezier(.65,0,.35,1) both}
.splash-noscript{min-height:100svh;display:grid;align-content:center;justify-items:center;gap:16px;padding:24px;background:#4b2583;color:#fff;text-align:center}.splash-noscript h1{font-size:28px;max-width:100%;overflow-wrap:anywhere}.splash-noscript p{font-size:16px;color:#fff}
@keyframes splash-icon-arrive{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes splash-icon-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-1.5deg)}}
@keyframes splash-progress{0%{transform:translateX(-38px)}100%{transform:translateX(98px)}}
@keyframes splash-exit{to{transform:translateY(-100%);opacity:.15}}
@media(max-width:480px){.splash-content{width:calc(100% - 56px)}.splash-logo{width:140px;margin-bottom:32px}.splash-blueprint::before{background-size:48px 48px}.splash-logo-fallback{font-size:24px}}
@media(max-height:430px){.splash-content{padding-block:16px;transform:none}.splash-logo{width:104px;margin-bottom:22px}.splash-wait{gap:10px}.splash-retry{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.site-splash *,.site-splash.is-leaving{animation:none!important;transition:none!important}.splash-progress>span{width:100%;transform:none}}
@media print{.site-splash{display:none!important}}
