:root{--g:#0F5132;--g2:#22C55E;--cream:#FFFDF5;--ink:#24332d;--muted:#65736d;--line:#dce8e1;--orange:#FBBF24}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65}
a{color:var(--g);font-weight:700} .wrap{max-width:980px;margin:auto;padding:0 24px}
header{background:var(--g);color:white}.top{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:800}.mark{width:44px;height:44px;border-radius:13px;background:var(--orange);display:grid;place-items:center;color:var(--g);font-weight:900}
nav a{color:white;text-decoration:none;margin-left:18px;font-size:14px}.hero{padding:74px 0 80px}.hero h1{font-size:50px;line-height:1.08;margin:0 0 16px;color:white}.hero p{font-size:20px;max-width:700px;color:#eaf4ef}
.btn{display:inline-block;background:white;color:var(--g);padding:11px 16px;border-radius:11px;text-decoration:none;margin:8px 8px 0 0}
main{padding:44px 0 72px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;margin:18px 0;box-shadow:0 8px 24px rgba(15,81,50,.05)}
h1,h2,h3{color:var(--g)}.small{font-size:14px;color:var(--muted)}.notice{background:#fff4c9;border-left:4px solid var(--orange);padding:14px 16px;border-radius:8px}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:14px}
@media(max-width:720px){.hero h1{font-size:38px}nav{display:none}}