:root { color-scheme: light; font-family: "Segoe UI", Arial, sans-serif; color: #183044; background: #fff; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; }
main { width: 100%; max-width: 780px; margin: auto; padding: 80px 24px 56px; text-align: center; }
.logo { display: block; width: 104px; height: auto; margin: 0 auto 24px; }
.brand { margin: 0; font-size: clamp(24px, 5vw, 32px); font-weight: 600; letter-spacing: -.025em; }
.brand span { font-weight: 350; }
.rule { height: 2px; width: 44px; background: #3584b8; margin: 40px auto; }
h1 { margin: 0 0 20px; font-size: clamp(40px, 8vw, 64px); line-height: 1.15; font-weight: 500; letter-spacing: -.04em; }
.message { margin: 0; color: #536775; font-size: 18px; line-height: 1.7; }
footer { padding: 28px 24px; color: #677783; text-align: center; font-size: 13px; }
@media (max-height: 600px) { main { padding-top: 32px; padding-bottom: 24px; } .rule { margin: 24px auto; } }