* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; display: flex; flex-direction: column; background: #f4f5f7; color: #1c2530; font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 32px 16px; }
.name { margin: 0 0 8px; font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #1f3a5f; }
h1 { margin: 0 0 8px; font-size: clamp(24px, 5vw, 36px); font-weight: 600; }
main p:last-child { margin: 0; color: #4d5a68; }
footer { padding: 16px; text-align: center; font-size: 13px; color: #6b7785; }