*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fa;color:#20242a;line-height:1.7}a{color:#0b5ea8;text-decoration:none}a:hover{text-decoration:underline}.top{background:#12263a;color:#fff}.nav{max-width:1180px;margin:auto;display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:15px 20px}.brand{font-weight:800;font-size:22px;margin-right:auto}.nav a{color:#fff}.hero{background:linear-gradient(135deg,#173f5f,#20639b);color:white;padding:55px 20px}.hero>div,.wrap{max-width:1100px;margin:auto}.hero h1{font-size:42px;margin:0 0 10px}.wrap{padding:35px 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card,.article{background:#fff;border-radius:14px;padding:24px;box-shadow:0 5px 20px #00000010}.card h2{margin-top:0}.article{max-width:850px;margin:auto}.article h1{font-size:38px;line-height:1.2}.meta{color:#68727c}.related{margin-top:35px;padding-top:22px;border-top:1px solid #ddd}.related a{display:inline-block;margin:5px 12px 5px 0}.footer{background:#12263a;color:#dbe5ee;margin-top:50px}.footer .nav{justify-content:center}.footer a{color:white}.contact input,.contact textarea{width:100%;padding:13px;margin:7px 0 16px;border:1px solid #ccd3da;border-radius:8px}.btn{display:inline-block;border:0;background:#137c3d;color:white;padding:13px 20px;border-radius:8px;cursor:pointer;font-weight:bold}@media(max-width:600px){.hero h1,.article h1{font-size:30px}.nav{gap:10px}.brand{width:100%}}