:root{--g:#0F7A63;--g2:#0B5E4C;--bg:#F3F7F5;--ink:#1d2b27;--mut:#5c6f69}
*{box-sizing:border-box}
body{margin:0;font-family:'Hind Siliguri',system-ui,sans-serif;background:var(--bg);color:var(--ink)}
.wrap{max-width:760px;margin:0 auto;padding:0 16px 40px}
.hero{text-align:center;padding:48px 16px 32px;background:linear-gradient(160deg,var(--g),var(--g2));color:#fff;border-radius:0 0 28px 28px;margin:0 -16px}
.logo{width:96px;height:96px;border-radius:24px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
h1{margin:14px 0 6px;font-size:32px}
.lead{max-width:520px;margin:0 auto 22px;opacity:.95;line-height:1.6}
.btn{display:inline-block;background:#FFC93C;color:#2a2000;font-weight:700;font-size:19px;padding:14px 34px;border-radius:40px;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.btn:active{transform:translateY(1px)}
.meta{margin-top:12px;font-size:14px;opacity:.85}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:24px 0}
.features div{background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.features b{display:block;margin-bottom:4px}
.features span{color:var(--mut);font-size:14px}
.card{background:#fff;border-radius:14px;padding:6px 20px 14px;margin:14px 0;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.card li{margin:6px 0}
.pre{white-space:pre-line}
footer{text-align:center;color:var(--mut);font-size:13px;margin-top:28px}