:root{color-scheme:light}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1a1a1a;background:#fff;-webkit-font-smoothing:antialiased;line-height:1.7}
main{max-width:720px;margin:0 auto;padding:40px 24px 72px}
.back{margin-bottom:28px;font-size:14px}
.back a{color:#25D366;text-decoration:none;font-weight:600}
.back a:hover{text-decoration:underline}
h1{font-size:clamp(26px,5vw,36px);font-weight:800;letter-spacing:-.5px;margin-bottom:6px}
.updated{font-size:13px;color:#aaa;margin-bottom:28px}
h2{font-size:17px;font-weight:700;margin:32px 0 10px}
p{font-size:15px;color:#444;margin-bottom:12px}
ul{margin:0 0 14px 20px}
li{font-size:15px;color:#444;margin-bottom:6px}
a{color:#25D366}
code{background:#f5f3ef;padding:1px 5px;border-radius:4px;font-size:13px}
.todo{background:#fff8e1;border:1px solid #ffe08a;color:#6b5500;border-radius:12px;padding:14px 16px;font-size:14px;margin-bottom:8px}
.contact{margin-top:36px;padding-top:20px;border-top:1px solid #eee;font-size:14px;color:#888}
label{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#999;margin:18px 0 7px}
input,textarea,select{width:100%;padding:13px;border:1.5px solid #e0e0e0;border-radius:10px;font-size:16px;font-family:inherit;outline:none}
input:focus,textarea:focus,select:focus{border-color:#25D366}
button{margin-top:22px;background:#25D366;color:#fff;border:none;border-radius:12px;padding:15px 28px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer}
button:hover{background:#1fb857}