body{margin:0;font-family:"Yu Gothic","Helvetica Neue",sans-serif;background:#f5f7fb;color:#1f2937}
.wrap{max-width:1100px;margin:auto;padding:40px 20px}.hero{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;padding:70px 0}
.hero h1{margin:0;font-size:2.4rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:-40px}
.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.08);text-align:center}
.card h2{color:#1d4ed8}.accent{background:#1d4ed8;color:#fff}.accent h2{color:#fff}.panel{background:#fff;border-radius:16px;padding:30px;margin:30px 0;box-shadow:0 8px 20px rgba(0,0,0,.06)}
footer{text-align:center;padding:30px;color:#666}