body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f8fc;color:#0e2340;line-height:1.6}a{color:#0a63d8;text-decoration:none}.wrap{max-width:980px;margin:auto;padding:0 20px}header{background:#071b35;color:#fff}.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}.brand{font-weight:800;font-size:22px}.nav a{color:#dceafe;margin-left:18px}.hero{background:#0a2345;color:#fff;padding:76px 0}.hero h1{font-size:56px;margin:0 0 14px}.hero p{font-size:20px;max-width:760px}.section{padding:52px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #dbe5f1;border-radius:18px;padding:24px}.content{max-width:820px}.content h1{font-size:42px}.content h2{margin-top:34px}.note{background:#eef6ff;border-left:4px solid #0a63d8;padding:14px 18px;border-radius:10px}.footer{border-top:1px solid #dbe5f1;padding:28px 0 40px;color:#5d6f86}.footer a{margin-right:16px}@media(max-width:760px){.grid{grid-template-columns:1fr}.nav{display:block}.nav nav{margin-top:10px}.nav a{margin:0 14px 0 0}.hero h1{font-size:42px}}