*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#263442;font:16px/1.7 Arial,sans-serif}.wrap{width:min(1080px,92%);margin:auto}a{color:#1769aa;text-decoration:none}a:hover{text-decoration:underline}header{background:#173b5b;color:#fff}.head{padding:26px 0}.brand{font-size:30px;font-weight:800;color:#fff;letter-spacing:.3px}.tag{color:#d8e5ef}nav{background:#0f2e49}nav .wrap{display:flex;gap:20px;flex-wrap:wrap;padding:12px 0}nav a{color:#fff;font-weight:600}main{padding:30px 0}.layout{display:grid;grid-template-columns:2fr 1fr;gap:22px}.panel,.card{background:#fff;border:1px solid #e1e8ef;border-radius:12px;padding:22px;box-shadow:0 5px 18px #15334a0a}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.card h3{margin:0 0 8px;color:#17466b;font-size:19px}h1,h2{color:#173b5b;line-height:1.3}h1{font-size:30px;margin-top:0}h2{font-size:22px}.muted{color:#697b89;font-size:14px}.btn{display:inline-block;background:#1769aa;color:#fff;padding:9px 16px;border-radius:6px;margin-top:8px}.crumb{font-size:13px;color:#7b8b99}.notice{background:#fff8e8;border-left:4px solid #d39a35;padding:14px;margin:18px 0}footer{background:#173b5b;color:#e5eef5;padding:25px 0;margin-top:30px}footer a{color:#fff}@media(max-width:760px){.layout,.cards{grid-template-columns:1fr}.brand{font-size:25px}h1{font-size:25px}}