:root { color-scheme: light; font-family: system-ui, sans-serif; color: #172033; background: #f4f7fb; }
* { box-sizing: border-box; }
body { margin: 0; }
header, main, footer { width: min(68rem, calc(100% - 2rem)); margin-inline: auto; }
header { padding-block: 1.25rem; }
header a { color: #103a70; font-weight: 700; text-decoration: none; }
main { min-height: 70vh; display: grid; place-content: center; }
.card { max-width: 44rem; padding: clamp(2rem, 6vw, 4rem); border-radius: 1rem; background: white; box-shadow: 0 .5rem 2rem rgb(16 58 112 / 10%); }
h1 { margin-top: 0; color: #103a70; font-size: clamp(2rem, 5vw, 3.5rem); }
p { line-height: 1.7; }
.button { display: inline-block; padding: .75rem 1rem; border-radius: .4rem; background: #1264b0; color: white; text-decoration: none; }
footer { padding-block: 2rem; color: #586174; }