:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #202027; background: #fff; letter-spacing: 0; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; grid-template-rows: auto 1fr auto; padding: 0 40px; }
header, footer { width: 100%; max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 13px; color: #6b6b75; }
header { min-height: 88px; border-bottom: 1px solid #ebebef; }
header a { color: #13102f; font-weight: 700; text-decoration: none; }
header a:focus-visible { outline: 2px solid #13102f; outline-offset: 6px; }
main { text-align: center; width: 100%; max-width: 720px; margin: auto; padding: 76px 0 88px; animation: appear .7s ease-out both; }
.brand { display: block; width: 355px; max-width: 88%; height: auto; margin: 0 auto 64px; object-fit: contain; }
.eyebrow { margin: 0 0 16px; font-size: 13px; font-weight: 700; color: #13102f; }
h1 { margin: 0 0 24px; font-size: 52px; line-height: 1.12; font-weight: 600; }
.message { margin: 0; font-size: 17px; line-height: 1.8; color: #6b6b75; }
.status { display: inline-flex; align-items: center; gap: 10px; margin-top: 42px; font-size: 13px; color: #6b6b75; }
.status span { width: 6px; height: 6px; background: #e39549; border-radius: 50%; }
footer { min-height: 72px; border-top: 1px solid #ebebef; }
footer span:first-child { font-weight: 700; color: #13102f; }
@keyframes appear { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 600px) { body { padding: 0 24px; } header { min-height: 72px; } header span { max-width: 145px; text-align: right; line-height: 1.5; } main { padding: 64px 0; } .brand { margin-bottom: 48px; } h1 { font-size: 40px; } .message { font-size: 16px; } footer { min-height: 64px; } }
@media (prefers-reduced-motion: reduce) { main { animation: none; } }