:root { font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif; color: #242135; background: #f6f3ff; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; }
header, footer { padding: 22px max(24px, calc((100vw - 900px) / 2)); }
header a { color: #4633bb; text-decoration: none; font-weight: 750; }
main { width: min(900px, 100%); margin: auto; padding: 50px 24px; }
.hero { text-align: center; max-width: 600px; margin: auto; }
h1 { font-size: clamp(2.5rem, 8vw, 4.5rem); line-height: 1.18; margin: 0 0 20px; }
h2 { margin-top: 40px; }
p, li { line-height: 1.8; }
.lead { font-size: 1.2rem; }
.button { display: inline-block; color: white; background: #5b45d3; border-radius: 18px; padding: 14px 24px; text-decoration: none; font-weight: 700; margin: 10px 5px; }
.button.secondary { background: white; color: #5b45d3; border: 1px solid #a99bed; }
.card { background: white; border-radius: 26px; padding: 30px; box-shadow: 0 12px 32px #5035a41a; }
.avatar { width: 84px; height: 84px; border-radius: 50%; background: #ddd5ff; object-fit: cover; display: inline-grid; place-items: center; font-size: 2rem; color: #4633bb; }
footer { color: #676276; font-size: .9rem; }
footer a { color: inherit; margin-right: 16px; }