*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f8fafc;color:#1e293b;line-height:1.7}header{background:linear-gradient(135deg,#2563eb,#10b981);color:#fff;padding:18px 0}.wrap{max-width:900px;margin:auto;padding:0 20px}.brand{font-size:1.45rem;font-weight:800;color:#fff;text-decoration:none}nav{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}nav a{color:#fff;text-decoration:none;font-weight:600;font-size:.9rem}nav a:hover{text-decoration:underline}.content{background:#fff;margin-top:28px;margin-bottom:28px;padding:32px;border-radius:14px;box-shadow:0 4px 20px rgba(15,23,42,.07)}h1{font-size:2rem;line-height:1.2;margin-top:0;color:#0f172a}h2{margin-top:28px;color:#0f172a}a{color:#2563eb}footer{background:#0f172a;color:#cbd5e1;padding:26px 0}footer a{color:#e2e8f0;text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:600px){.content{padding:22px}h1{font-size:1.65rem}}