:root{--navy:#14213d;--ice:#dff3fb;--mint:#7fdcc0;--text:#14213d}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--text);background:var(--ice);line-height:1.6}
header{background:var(--navy);color:#fff;padding:1.2rem}header a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.2rem;max-width:760px;margin:auto}
main{max-width:760px;margin:auto;padding:2rem 1.2rem}.hero{text-align:center;padding:2rem 0}.hero h1{font-size:2.4rem;margin:.5rem 0}.tag{font-size:1.25rem;color:#2c4a7a;margin:0 0 1.5rem}
.btn{display:block;max-width:420px;margin:1rem auto;padding:1rem 1.5rem;border-radius:12px;font-size:1.2rem;font-weight:700;text-decoration:none;text-align:center}
.primary{background:var(--navy);color:#fff}.secondary{background:var(--mint);color:var(--navy)}.btn:hover{opacity:.9}
.card{background:#fff;border-radius:14px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 2px 10px rgba(20,33,61,.08)}
footer{background:var(--navy);color:#cfe3ef;font-size:.9rem;padding:1.5rem 1.2rem;text-align:center}footer a{color:var(--mint)}footer p{max-width:760px;margin:.5rem auto}
@media(max-width:500px){.hero h1{font-size:1.9rem}}
.carol{text-align:center}.carol h2{margin-top:0}.carol img{width:100%;height:auto;border-radius:12px;display:block}.carol-quote{font-size:1.15rem;font-style:italic;margin:1rem 0 .3rem}.caption{font-size:.85rem;color:#4a5f80;margin:0}