:root{color-scheme:dark;font-family:"IBM Plex Sans","Segoe UI",Arial,sans-serif;background:#0B1C2C;color:#F3F6F9}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;padding:clamp(1.5rem,5vw,4rem)}
.shell{max-width:72rem;margin:auto;min-height:calc(100svh - 8rem);display:flex;flex-direction:column}
header{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.logo{display:block;width:clamp(10rem,20vw,14rem);height:auto;object-fit:contain}
.brand-line{font-size:.95rem;color:#D5DDE4;max-width:15rem;line-height:1.5}
main{padding:clamp(3rem,8vw,7rem) 0;flex:1}
.status{display:flex;align-items:center;gap:.65rem;color:#D5DDE4;font-family:"Space Grotesk","Segoe UI",sans-serif;font-size:.85rem}
.status span{width:.5rem;height:.5rem;background:#6DB33F;border-radius:50%}
h1{font-family:Sora,"Segoe UI",Arial,sans-serif;font-size:clamp(4rem,14vw,9rem);font-weight:800;letter-spacing:-.055em;line-height:1.1;margin:1rem 0}
.dot{color:#6DB33F}
.message{font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.5;max-width:32rem;margin:1rem 0}
.support{color:#D5DDE4;font-size:1rem;line-height:1.6;max-width:38rem}
footer{border-top:1px solid #5A6B78;padding-top:1.5rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#D5DDE4;font-size:.85rem}
footer p{margin:0}
a{color:#F3F6F9;text-decoration:underline;text-underline-offset:.3em}
a:hover{color:#A4D17F}
a:focus-visible{outline:3px solid #6DB33F;outline-offset:5px}
@media(max-width:40rem){.shell{min-height:calc(100svh - 3rem)}header{gap:1rem}.brand-line{max-width:none;margin:0}footer{flex-direction:column}}