.system-boot{min-height:100dvh;display:grid;place-content:center;text-align:center;background:#10233f;color:#fff;padding:32px;box-sizing:border-box}
.system-boot .loading-brand{font-size:clamp(30px,6vw,44px);font-weight:750;letter-spacing:.055em;line-height:1.2}
.system-boot .loading-product{font-size:12px;letter-spacing:.3em;color:#9eb8d8;margin:12px 0 42px}
.loading-orbit{display:block;width:26px;height:26px;border:2px solid #36516f;border-top-color:#d1e9ff;border-radius:50%;margin:0 auto 20px;animation:loading-turn 1s linear infinite}
.system-boot .loading-message{max-width:360px;color:#bdcee2;font-size:14px;line-height:1.7;margin:0 auto;min-height:48px}
.system-boot .loading-retry{justify-self:center;margin-top:20px;background:#203c5d;color:white;border:1px solid #57718e;border-radius:8px;padding:10px 20px;font:inherit;cursor:pointer}
.loading-retry[hidden]{display:none}.loading-retry:hover{background:#2c4c70}.loading-retry:focus-visible{outline:2px solid #c2e3ff;outline-offset:4px}
.content .boot:not(.system-boot){padding:28px 0;background:transparent;text-align:left;color:#61738b}
.loading-caption{display:block;font-size:14px;margin-bottom:24px}
.loading-skeleton{display:grid;gap:14px;width:100%;overflow:hidden}
.loading-skeleton i{display:block;height:52px;background:#e5ebf2;border-radius:7px;position:relative;overflow:hidden}
.loading-skeleton i:first-child{height:28px;width:38%;margin-bottom:12px}
.loading-skeleton i:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#f5f7fa,transparent);transform:translateX(-100%);animation:loading-sweep 1.6s ease-in-out infinite}
@keyframes loading-turn{to{transform:rotate(360deg)}}@keyframes loading-sweep{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.loading-orbit,.loading-skeleton i:after{animation:none}}