:root { color-scheme: light; font-family: Arial, sans-serif; color: #172033; background: #f7f9fc; }
* { box-sizing: border-box; }
body { margin: 0; }
header, main, footer { width: min(960px, calc(100% - 32px)); margin: auto; }
header { display: flex; align-items: center; justify-content: space-between; padding: 18px 0; }
.brand { color: #174ea6; font-size: 1.2rem; font-weight: 800; text-decoration: none; }
.home { color: #174ea6; font-weight: 700; }
.hero, .card { border: 1px solid #dce4ef; border-radius: 12px; background: #fff; padding: 24px; }
.hero { margin-top: 20px; background: linear-gradient(135deg, #eff6ff, #fff); }
h1 { font-size: clamp(1.8rem, 4vw, 2.7rem); margin: 0 0 12px; }
h2 { margin-top: 0; }
p, li { line-height: 1.65; }
.cta { display: inline-block; margin-top: 10px; border-radius: 8px; padding: 12px 18px; color: #fff; background: #2563eb; font-weight: 800; text-decoration: none; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin: 20px 0; }
.note { color: #526174; font-size: .92rem; }
footer { padding: 24px 0; color: #526174; }