*{box-sizing:border-box}
:root{--navy:#0b2d55;--blue:#0d4f8b;--gold:#f5a400;--text:#17324f;--muted:#65758a;--line:#e7edf4;--bg:#f5f8fc}
html,body{min-height:100%}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 50% -20%,rgba(13,79,139,.13),transparent 40%),var(--bg);display:flex;flex-direction:column}
.page{flex:1;display:grid;place-items:center;padding:40px 20px 24px}
.card{width:min(100%,620px);padding:48px 44px;text-align:center;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 55px rgba(11,45,85,.10)}
.logo{display:block;width:min(290px,82%);height:auto;margin:0 auto 10px}
.tagline{margin:0;color:var(--blue);font-size:15px;font-weight:500}
.construction-icon{width:72px;height:72px;margin:34px auto 24px;border-radius:50%;display:grid;place-items:center;background:#fff7df;color:var(--gold);font-size:36px;border:1px solid #f6df9e}
h1{margin:0;color:var(--navy);font-size:clamp(29px,5vw,40px);line-height:1.15;letter-spacing:-.025em}
.message{max-width:480px;margin:16px auto 25px;color:var(--muted);font-size:16px;line-height:1.65}
.status{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border-radius:999px;background:#f5f8fc;color:var(--blue);font-size:13px;font-weight:600}
.dot{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.home{display:block;width:max-content;margin:30px auto 0;color:var(--blue);font-size:14px;font-weight:600;text-decoration:none}
.home:hover{text-decoration:underline}
footer{padding:0 20px 24px;color:#7c8a9b;text-align:center;font-size:12px}
@media(max-width:560px){.page{padding-top:24px}.card{padding:34px 22px;border-radius:20px}.logo{width:min(270px,88%)}}