:root{--bg:#f6f1e7;--card:#fffdf8;--text:#163f38;--muted:#66756f;--line:#dce4da;--accent:#0e4b42;--accent2:#d6c28a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:#202725;line-height:1.65}header{background:linear-gradient(135deg,#0e4b42,#153f39);color:#fff;padding:28px 20px}.wrap{max-width:920px;margin:0 auto;padding-left:20px;padding-right:20px}.brand{display:flex;gap:14px;align-items:center}.logo{width:54px;height:54px;border-radius:14px;background:#0b3d36;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;color:#fff;position:relative}.logo:after{content:"";position:absolute;width:16px;height:9px;border-radius:80% 10% 80% 10%;background:#b9cc8b;right:7px;top:7px;transform:rotate(-18deg)}header h1{margin:0;font-size:28px;color:#fff}header p{margin:2px 0 0;color:#e6efe9}nav{background:#fffdf8;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}nav .wrap{display:flex;gap:18px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}nav a{color:var(--accent);text-decoration:none;font-weight:650}main{padding-top:28px;padding-bottom:54px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:20px;box-shadow:0 8px 28px rgba(22,63,56,.05)}h1,h2,h3{color:var(--text);line-height:1.2}h2{font-size:24px;margin-top:0}h3{font-size:18px;margin-top:28px}a{color:#0b6657}.button{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:700;margin:4px 8px 4px 0}.button.secondary{background:#e8eee9;color:var(--accent)}.notice{border-left:4px solid var(--accent2);padding:12px 14px;background:#fbf7e9;border-radius:8px}.small{color:var(--muted);font-size:.95rem}footer{padding:24px 0 40px;color:var(--muted);text-align:center}ul{padding-left:22px}@media(max-width:560px){header{padding:22px 14px}.wrap{padding-left:14px;padding-right:14px}.card{padding:19px}.brand{align-items:flex-start}.logo{width:48px;height:48px;font-size:30px}nav .wrap{gap:14px}}