body{margin:0;font-family:Inter,Arial,sans-serif;background:#f6f7fb;color:#111827}main{max-width:1180px;margin:auto;padding:32px}.hero{display:grid;grid-template-columns:1fr 280px;gap:24px;background:linear-gradient(135deg,#111827,#334155);color:white;border-radius:28px;padding:32px;box-shadow:0 18px 50px rgba(15,23,42,.18)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#bae6fd;font-size:12px}.hero h1{font-size:44px;line-height:1;margin:8px 0}.hero p{color:#dbeafe}.heroCard,.cards article,.panel{background:white;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.heroCard{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);padding:24px;display:flex;flex-direction:column;gap:10px}.heroCard strong{font-size:32px}.heroCard a{color:#bae6fd}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.cards article{padding:22px}.cards span{display:block;color:#64748b}.cards strong{font-size:24px}.panel{padding:24px;margin-bottom:20px}.links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.links a{padding:16px;border-radius:16px;background:#eff6ff;color:#1d4ed8;text-decoration:none}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){main{padding:14px}.hero,.grid{grid-template-columns:1fr}.cards,.links{grid-template-columns:1fr}.hero h1{font-size:34px}}