:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #173a3a; background: #eefbf6; }
* { box-sizing: border-box; }
body { margin: 0; }
header, main, footer { width: min(760px, calc(100% - 32px)); margin: 0 auto; }
header { padding: 54px 0 28px; display: flex; gap: 18px; align-items: center; justify-content: space-between; }
h1 { margin: 0; font-size: clamp(2rem, 7vw, 3.4rem); letter-spacing: -.04em; }
h2 { margin-top: 34px; }
p, li { line-height: 1.65; }
.card { background: white; border: 1px solid #cde9de; border-radius: 24px; padding: 28px; box-shadow: 0 18px 50px rgba(28, 95, 78, .08); }
.bubble { width: 64px; height: 64px; border-radius: 24px; background: linear-gradient(145deg,#8fe8c6,#58c8d4); display:grid; place-items:center; font-size:34px; }
nav { display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }
a { color:#087f70; font-weight:650; }
nav a { background:#dbf5eb; padding:10px 14px; border-radius:999px; text-decoration:none; }
select { border:1px solid #9bcdbd; border-radius:12px; padding:10px; background:white; color:inherit; }
footer { padding:24px 0 50px; color:#52706a; font-size:.9rem; }
@media (max-width:560px){ header{align-items:flex-start; flex-direction:column;} .card{padding:22px;} }