:root{
  --teal1:#3AD9C4; --teal2:#16A89E; --blue:#2E86E6; --ink:#0E2233; --muted:#4a6b7a;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  color:var(--ink); line-height:1.6;
  background:linear-gradient(160deg,#bff4ec 0%,#8fe8dd 40%,#7fd0ff 100%);
  min-height:100vh;
}
.wrap{max-width:820px;margin:0 auto;padding:28px 20px 60px}
header.hero{text-align:center;padding:40px 16px 10px}
header.hero img.logo{max-width:340px;width:80%;height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
.tag{font-size:18px;color:#0b5; font-weight:600; color:#0e6b62; margin-top:6px}
.card{background:rgba(255,255,255,.92);border-radius:22px;padding:26px 28px;margin:18px 0;
  box-shadow:0 10px 30px rgba(13,40,60,.12)}
h1{font-size:30px;margin-bottom:10px;color:var(--ink)}
h2{font-size:22px;margin:18px 0 8px;color:var(--blue)}
p{margin:8px 0;color:#234}
ul{margin:8px 0 8px 22px}
li{margin:5px 0}
a{color:var(--blue);text-decoration:none;font-weight:600}
a:hover{text-decoration:underline}
.btnrow{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.btn{display:inline-block;background:linear-gradient(180deg,#A6E84F,#6FB81F);color:#fff;
  padding:12px 22px;border-radius:18px;font-weight:800;box-shadow:0 6px 14px rgba(0,0,0,.18)}
.btn.blue{background:linear-gradient(180deg,#4AA8FF,#2E78E0)}
nav{display:flex;gap:18px;justify-content:center;margin:14px 0 0;flex-wrap:wrap}
nav a{color:#0e6b62}
footer{text-align:center;color:#0e5b53;font-size:14px;margin-top:24px}
.muted{color:var(--muted);font-size:14px}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:10px}
.feat div{background:#f3fbff;border-radius:14px;padding:14px}