*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;color:#21303a;background:linear-gradient(180deg,#dff3e9 0,#f6f8f6 420px);line-height:1.6}
a{color:#29735c}main{max-width:760px;margin:0 auto;padding:32px 20px 64px}header{display:flex;align-items:center;gap:12px;margin-bottom:28px}header img{width:44px;height:44px;border-radius:11px}
header a{font-weight:600;font-size:20px;color:#21303a;text-decoration:none}header span{color:#63737a}h1{font-size:34px;line-height:1.15;margin:8px 0 12px;letter-spacing:-.5px}h2{font-size:20px;margin:28px 0 6px}
.card{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-radius:22px;padding:22px 24px;box-shadow:0 12px 30px rgba(33,48,58,.07);margin:18px 0}
.muted{color:#63737a;font-size:14px}footer{margin-top:40px;font-size:14px;color:#63737a}footer a{margin-right:14px}ul{padding-left:20px}
.hero{display:flex;gap:22px;align-items:center}.hero img{width:96px;height:96px;border-radius:22px;box-shadow:0 10px 24px rgba(41,115,92,.25)}@media(max-width:560px){.hero{flex-direction:column;align-items:flex-start}}