:root { color-scheme: dark; font-family: "Segoe UI", Arial, sans-serif; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: flex; flex-direction: column; background: radial-gradient(circle at 75% 20%, #1c3b36 0, #101820 45%); color: #f1f5f3; }
header, main, footer { width: min(900px, calc(100% - 40px)); margin-inline: auto; }
header { padding-top: 34px; font-size: 1.4rem; font-weight: 800; letter-spacing: -.04em; }
main { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 80px 0; }
.label { margin: 0 0 18px; color: #a9f1ce; font-size: .85rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
h1 { max-width: 780px; margin: 0 0 22px; font-size: clamp(3rem, 9vw, 6rem); line-height: 1.05; letter-spacing: -.06em; }
p { max-width: 590px; margin: 0; color: #b9c8c7; font-size: clamp(1.05rem, 2vw, 1.25rem); line-height: 1.6; }
footer { padding-bottom: 32px; color: #829593; font-size: .9rem; }
