*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#1f2937}header{background:#172033;color:white;padding:18px 8%}nav a{color:#cbd5e1;text-decoration:none;margin-right:18px}nav a:hover{color:white}main{max-width:900px;margin:55px auto;padding:0 22px}.card{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:28px;box-shadow:0 5px 20px #0000000a}h1{margin-top:0;color:#0f172a}footer{text-align:center;color:#64748b;padding:35px}code{background:#eef2ff;padding:3px 6px;border-radius:4px}