:root{--navy:#10213a;--blue:#24589a;--red:#c81e2b;--ink:#182233;--muted:#617087;--line:#dce5f0;--soft:#f3f7fc}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.7}.top{background:linear-gradient(120deg,var(--navy),var(--blue));color:#fff}.nav{max-width:1050px;margin:auto;padding:18px 22px;display:flex;align-items:center;gap:22px}.brand{font-weight:800;font-size:19px;margin-right:auto}.nav a{color:#dfeaff;text-decoration:none;font-size:14px}.nav a:hover{color:#fff}.hero{max-width:1050px;margin:auto;padding:55px 22px 65px}.hero h1{font-size:clamp(32px,5vw,52px);line-height:1.12;margin:0 0 13px}.hero p{max-width:680px;color:#dce8f7;margin:0;font-size:17px}.wrap{max-width:1050px;margin:-30px auto 45px;padding:0 22px}.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,40px);box-shadow:0 18px 45px rgba(16,33,58,.08)}h2{color:var(--navy);margin:30px 0 8px;font-size:22px}h2:first-child{margin-top:0}h3{color:var(--navy)}a{color:var(--blue)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:20px 0}.card{border:1px solid var(--line);border-radius:17px;padding:20px;background:#fff}.card strong{display:block;color:var(--navy);font-size:16px;margin-bottom:5px}.label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.notice{background:#edf5ff;border-left:4px solid var(--blue);padding:15px 17px;border-radius:10px;margin:18px 0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.button{display:inline-flex;padding:11px 16px;border-radius:11px;background:var(--blue);color:#fff;text-decoration:none;font-weight:700}.button.alt{background:#fff;color:var(--blue);border:1px solid #bfcfe3}footer{text-align:center;color:var(--muted);padding:0 20px 35px;font-size:13px}ul{padding-left:22px}@media(max-width:680px){.nav{flex-wrap:wrap;gap:12px}.brand{width:100%}.hero{padding-top:35px}.wrap{padding:0 12px}.panel{border-radius:19px;padding:20px}}