:root{--primary:#1769aa;--dark:#12344d;--bg:#f5f7fa;--text:#263238;--muted:#607d8b;--white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
header{background:linear-gradient(135deg,var(--dark),var(--primary));color:white;padding:18px 0}
.container{max-width:1050px;margin:auto;padding:0 22px}
nav{display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-size:20px;font-weight:700}nav a{color:#fff;text-decoration:none;margin-left:18px;font-size:14px}
.hero{padding:72px 0;background:#fff}.hero h1{font-size:42px;margin:0 0 14px;color:var(--dark)}.hero p{font-size:19px;color:var(--muted);max-width:760px}
.btn{display:inline-block;background:var(--primary);color:white;text-decoration:none;padding:12px 20px;border-radius:7px;margin-top:12px}
section{padding:48px 0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.card{background:#fff;padding:26px;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.06)}h2{color:var(--dark);margin-top:0}
.info{display:grid;grid-template-columns:180px 1fr;gap:8px;margin:0}.info dt{font-weight:700}.info dd{margin:0}
footer{background:var(--dark);color:#dce8ef;padding:28px 0;margin-top:30px}footer a{color:#fff}
.notice{padding:14px 16px;background:#eef6fc;border-left:4px solid var(--primary);margin:20px 0}
@media(max-width:700px){.grid{grid-template-columns:1fr}.hero h1{font-size:32px}nav{align-items:flex-start;flex-direction:column}nav a{margin:0 12px 0 0}.info{grid-template-columns:1fr}}