:root{
  --brand:#0d90a0;
  --brand-dark:#0a6e7a;
  --cta:#e44734;
  --cta-dark:#c63b2c;
  --text:#222;
  --muted:#475569;
  --card:#fff;
  --bg:#f4f7f9;
  --shadow:0 10px 25px rgba(2,8,23,.08), 0 2px 6px rgba(2,8,23,.06);
  --radius:14px;
  --maxw:980px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--text);
  background:var(--bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.topbar{position:sticky; top:0; z-index:20; background:linear-gradient(0deg, #0e97a8, #0b7f8d); color:#fff; box-shadow:0 1px 0 rgba(255,255,255,.08) inset;}
.nav{max-width:var(--maxw); margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:14px 18px}
.logo{display:flex; align-items:center; gap:10px; text-decoration:none; color:#fff; font-weight:800; letter-spacing:.2px}
.logo-badge{width:40px; height:28px; border-radius:6px; background:#fff; display:grid; place-items:center; box-shadow:inset 0 0 0 2px #0f9aa9}
.logo-badge:before{content:""; width:16px; height:16px; border-radius:50%; background:#0f9aa9}
.logo-text{display:flex; gap:6px; align-items:baseline}
.logo-text .mind{opacity:.95}
.logo-text .health{background:#fff; color:#0c7f8d; border-radius:5px; padding:2px 6px; font-weight:900}
.links{display:flex; gap:28px}
.links a{color:#eaf6f8; text-decoration:none; font-weight:600; font-size:14.5px}
.links a:hover{color:#ffffff}
.wrap{max-width:var(--maxw); margin:28px auto 60px; padding:0 18px}
.card{background:var(--card); border-radius:20px; box-shadow:var(--shadow); padding:28px; border:1px solid #e7eef2}
@media (min-width:760px){ .card{padding:36px 38px} }
.headline{font-size:34px; line-height:1.15; margin:0 0 14px; font-weight:800}
@media (min-width:760px){ .headline{font-size:40px} }
.lead{font-size:18px; color:var(--muted); margin:0 0 18px}
.para{font-size:18px; color:var(--text); margin:18px 0}
.cta-wrap{margin-top:26px}
.cta{display:block; width:100%; text-align:center; text-decoration:none; background:var(--cta); color:#fff; font-weight:800; letter-spacing:.3px; border-radius:16px; padding:22px 18px; font-size:38px; line-height:1; box-shadow:inset 0 -4px 0 rgba(0,0,0,.08), 0 10px 24px rgba(228,71,52,.28); border:2px solid rgba(0,0,0,.04)}
.cta:hover{background:var(--cta-dark)}
.cta:active{transform:translateY(1px)}
.card p + p{margin-top:16px}