*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#191717;color:#fff}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.wrap{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 32px;background:#191717;overflow:hidden}
.overlay{position:absolute;inset:0;opacity:.5;background:url(/assets/maintenance-cover.jpg) no-repeat scroll 37% 15%/cover;mix-blend-mode:screen;pointer-events:none}
.inner{position:relative;max-width:947px;width:100%;padding:24px;text-align:center}
h1{font-family:Barlow,"Arial Narrow",Arial,sans-serif;font-weight:800;text-transform:uppercase;font-size:80px;line-height:1.1;margin:0 0 40px}
.lead{font-weight:400;font-size:27px;line-height:1.5;margin:0 0 40px}
.social{list-style:none;margin:0 0 32px;padding:0;display:flex;justify-content:center;gap:16px}
.social a{color:#fff;display:inline-flex;animation:bounce 1s 1s both}
.social svg{fill:currentColor}
.logo{width:100px;height:37px}
@keyframes bounce{0%,20%,53%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}
@media (prefers-reduced-motion:reduce){.social a{animation:none}}
@media (max-width:960px){.wrap{padding:64px 24px}h1{font-size:60px}.lead{font-size:20px}}
@media (max-width:600px){.wrap{padding:40px 20px}.inner{padding:16px}h1{font-size:32px}.lead{font-size:18px}}