.maintenance-experience{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:clamp(18px,4vw,54px);overflow:auto;background:radial-gradient(circle at 50% 16%,rgba(104,213,167,.13),transparent 34%),#09100f;color:#e9f3ef;font-family:inherit}
.maintenance-experience[hidden]{display:none!important}
.maintenance-card{display:grid;width:min(620px,100%);justify-items:center;padding:clamp(30px,5vw,58px);border:1px solid #365347;border-radius:30px;background:linear-gradient(150deg,#13211d,#0d1514 72%);box-shadow:0 28px 90px rgba(0,0,0,.42);text-align:center;outline:0}
.maintenance-symbol{position:relative;width:88px;height:88px;margin-bottom:24px}
.maintenance-symbol>i{position:absolute;inset:0;border:2px solid #46745f;border-top-color:#86dfb8;border-radius:28px;animation:maintenance-turn 2.4s linear infinite}
.maintenance-symbol>i:nth-child(2){inset:13px;border-color:#304f42;border-right-color:#68c99f;border-radius:21px;animation-direction:reverse;animation-duration:1.8s}
.maintenance-symbol>span{position:absolute;inset:31px;border-radius:10px;background:#75d9af;box-shadow:0 0 28px rgba(105,218,171,.3)}
.maintenance-kicker{margin:0 0 10px;color:#75d9af;font-size:10px;font-weight:900;letter-spacing:2.2px}
.maintenance-card h1{margin:0;color:#f3f8f6;font-size:clamp(27px,5vw,44px);line-height:1.08;letter-spacing:-1.2px}
.maintenance-card>p:not(.maintenance-kicker):not(.maintenance-status){max-width:480px;margin:16px 0 0;color:#9aaca4;font-size:clamp(13px,2vw,16px);line-height:1.65}
.maintenance-progress{display:flex;gap:8px;margin:28px 0 12px}
.maintenance-progress i{width:8px;height:8px;border-radius:50%;background:#73d7ac;animation:maintenance-pulse 1.3s ease-in-out infinite}
.maintenance-progress i:nth-child(2){animation-delay:.16s}.maintenance-progress i:nth-child(3){animation-delay:.32s}
.maintenance-status{margin:0;color:#78aa94;font-size:11px;font-weight:800;letter-spacing:.5px}
.maintenance-refresh{min-height:52px;margin-top:26px;padding:12px 26px;border:1px solid #8be5bd;border-radius:16px;background:#76d9af;color:#0b2118;font:inherit;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 13px 34px rgba(41,154,109,.24);transition:background .16s ease,transform .16s ease}
.maintenance-refresh:hover{background:#91e8c3;transform:translateY(-1px)}
.maintenance-refresh:focus-visible{outline:3px solid rgba(137,228,190,.42);outline-offset:4px}
.maintenance-experience.is-ready{background:radial-gradient(circle at 50% 18%,rgba(105,220,171,.2),transparent 38%),#09100f}
.maintenance-experience.is-ready .maintenance-symbol>i{animation:none;border-color:#579b7c}
.maintenance-experience.is-ready .maintenance-symbol>i:nth-child(2){border-color:#74d6ac}
.maintenance-experience.is-ready .maintenance-symbol>span::after{content:'\2713';display:grid;height:100%;place-items:center;color:#0d2d20;font-size:18px;font-weight:950}
.maintenance-experience.is-ready .maintenance-progress{display:none}
.maintenance-experience.is-ready .maintenance-status{margin-top:20px;color:#85dbb5}
body.maintenance-active{overflow:hidden}
@keyframes maintenance-turn{to{transform:rotate(360deg)}}
@keyframes maintenance-pulse{0%,100%{opacity:.28;transform:scale(.76)}50%{opacity:1;transform:scale(1)}}
@media(max-width:600px){.maintenance-experience{align-items:start;padding:12px}.maintenance-card{margin-block:auto;padding:32px 22px 26px;border-radius:24px}.maintenance-symbol{width:72px;height:72px;margin-bottom:20px}.maintenance-symbol>i:nth-child(2){inset:11px}.maintenance-symbol>span{inset:26px}.maintenance-card h1{font-size:29px}.maintenance-card>p:not(.maintenance-kicker):not(.maintenance-status){font-size:13px}.maintenance-refresh{width:100%}}
@media(prefers-reduced-motion:reduce){.maintenance-symbol>i,.maintenance-progress i{animation:none}.maintenance-refresh{transition:none}}