:root { color-scheme:dark; --background:#050a07; --text:#f3f7f3; --muted:#96a49a; --green:#4bb16d; --gold:#d8a733; --line:rgba(102,190,127,.18); }
* { box-sizing:border-box; }
html,body { min-height:100%; }
body { margin:0; background:radial-gradient(circle at 50% 34%,rgba(31,112,59,.14),transparent 28rem),var(--background); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.maintenance-shell { display:flex; width:min(100% - 2rem,54rem); min-height:100vh; margin:auto; padding:8vh 1rem 3rem; align-items:center; flex-direction:column; justify-content:center; text-align:center; }
.domain { display:flex; margin:0 0 3.25rem; align-items:center; gap:.55rem; color:#acb8b0; font-size:.78rem; letter-spacing:.12em; }
.domain span { width:.48rem; height:.48rem; border-radius:50%; background:var(--gold); box-shadow:0 0 0 .42rem rgba(216,167,51,.09); }
.maintenance-motion { position:relative; display:grid; width:8.4rem; height:8.4rem; margin-bottom:2.65rem; place-items:center; }
.maintenance-motion::before,.maintenance-motion::after,.orbit { position:absolute; border:1px solid var(--line); border-radius:48% 52% 55% 45%; content:""; }
.maintenance-motion::before { inset:.35rem; animation:orbit 13s linear infinite; }
.maintenance-motion::after { inset:1.85rem; animation:orbit 9s linear infinite reverse; }
.orbit { inset:.35rem; animation:orbit 13s linear infinite; }
.orbit i,.orbit b { position:absolute; width:.62rem; height:.62rem; border-radius:50%; }
.orbit i { top:.28rem; left:.55rem; background:var(--green); box-shadow:0 0 1rem rgba(75,177,109,.58); }
.orbit b { right:.55rem; bottom:.3rem; background:var(--gold); box-shadow:0 0 1rem rgba(216,167,51,.48); }
.maintenance-motion svg { width:3.5rem; height:3.5rem; padding:.65rem; border:1px solid rgba(255,255,255,.08); border-radius:50%; background:rgba(255,255,255,.018); }
.maintenance-motion path { fill:none; stroke:var(--gold); stroke-width:2.5; stroke-linecap:round; }
.maintenance-motion circle { fill:var(--green); }
h1 { max-width:49rem; margin:0; font-size:clamp(2.7rem,6vw,4.4rem); letter-spacing:-.055em; line-height:.99; }
.message { max-width:40rem; margin:1.75rem auto 0; color:var(--muted); font-size:clamp(1rem,2vw,1.12rem); line-height:1.65; }
.support { margin-top:2.3rem; color:#9ce0ac; font-size:1rem; text-underline-offset:.42rem; }
.support:focus-visible { border-radius:.2rem; outline:3px solid var(--gold); outline-offset:.35rem; }
.status { display:flex; margin:auto 0 0; padding-top:5rem; align-items:center; flex-direction:column; gap:.35rem; color:#536158; font-size:.77rem; }
.status small { color:#718078; font-size:.67rem; letter-spacing:.02em; }
@keyframes orbit { to { transform:rotate(360deg); } }
@media(max-width:520px) { .maintenance-shell { padding-inline:0; } .domain { margin-bottom:2.5rem; } .maintenance-motion { margin-bottom:2.1rem; } h1 { font-size:clamp(2.45rem,11vw,3.2rem); } .message { text-align:left; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; } }