:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; color: #172b40; background: #f5f7fa; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 48px 24px; }
main { width: min(100%, 720px); padding: 64px; background: #fff; border: 1px solid #e4e9ee; border-radius: 20px; }
.brand { margin: 0; font-size: 28px; font-weight: 700; letter-spacing: -.8px; }
.brand span { color: #167965; }
.line { width: 40px; height: 3px; margin: 48px 0 28px; background: #167965; }
h1 { margin: 0; font-size: clamp(26px, 4vw, 36px); line-height: 1.6; letter-spacing: .03em; }
.description { margin: 24px 0 64px; color: #536576; font-size: 15px; line-height: 2; }
footer { padding-top: 24px; border-top: 1px solid #e4e9ee; color: #536576; font-size: 12px; }
.mobile-break { display: none; }
@media (max-width: 560px) { main { padding: 36px 24px; } .mobile-break { display: initial; } .description { margin-bottom: 48px; } }