:root { color-scheme: light; font-family: "Segoe UI", "Malgun Gothic", sans-serif; color: #22272d; background: #faf9f7; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; align-items: center; }
main { flex: 1; width: min(100%, 820px); padding: clamp(72px, 17vh, 180px) 24px 64px; text-align: center; }
.logo { display: block; width: 220px; height: 100px; margin: 0 auto 44px; object-fit: contain; }
.eyebrow { margin: 0 0 20px; color: #777b83; font-size: 11px; font-weight: 600; letter-spacing: .23em; }
h1 { margin: 0; font-size: clamp(24px, 3.5vw, 34px); font-weight: 500; line-height: 1.6; letter-spacing: -.055em; word-break: keep-all; }
.description { margin: 16px 0 34px; color: #7a7d83; font-size: 14px; line-height: 1.9; word-break: keep-all; }
.status { display: inline-flex; gap: 8px; align-items: center; padding: 9px 15px; border: 1px solid #e4e3e2; border-radius: 999px; color: #636770; font-size: 11px; background: #fff; }
.status span { width: 5px; height: 5px; border-radius: 50%; background: #8c7fa3; }
footer { padding: 24px; color: #a1a1a4; font-size: 10px; letter-spacing: .06em; }
@media (max-width: 420px) { .logo { margin-bottom: 32px; } main { padding-top: 80px; } }