*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f7f8fb;color:#20242a;line-height:1.7}
.container{width:min(900px,92%);margin:0 auto}
header{background:#111827;color:#fff;padding:28px 0}
header a{color:#fff;text-decoration:none}
.brand{font-size:25px;font-weight:700}
nav{margin-top:10px;display:flex;gap:16px;flex-wrap:wrap}
nav a{font-size:14px;opacity:.9}
main{padding:45px 0}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:35px;box-shadow:0 5px 20px rgba(0,0,0,.04)}
h1{margin-top:0;font-size:34px;line-height:1.25;color:#111827}
h2{font-size:22px;color:#111827;margin-top:30px}
p,li{font-size:16px}
footer{margin-top:35px;padding:25px 0;background:#111827;color:#d1d5db}
footer a{color:#fff;text-decoration:none;margin-right:14px}
.note{background:#fff7ed;border-left:4px solid #f97316;padding:14px 16px;margin:20px 0}
@media(max-width:600px){.card{padding:22px}h1{font-size:28px}nav{gap:10px}}