body{font-family:Arial,Helvetica,sans-serif;background:#f4f7ff;margin:0}
header{background:linear-gradient(90deg,#0b3cff,#1e63ff);color:#fff;padding:30px;text-align:center}
.container{max-width:1200px;margin:auto;padding:20px}
h2{color:#0b3cff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.card{background:#fff;border-radius:12px;padding:14px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.card a{display:block;margin-top:8px;color:#0b3cff;font-weight:bold;text-decoration:none}
.card a:hover{text-decoration:underline}
.btn{
 background:linear-gradient(135deg,#0b3cff,#1e63ff);
 color:#fff;
 padding:14px 26px;
 border-radius:30px;
 text-decoration:none;
 font-size:16px;
 font-weight:bold;
 box-shadow:0 6px 14px rgba(11,60,255,.35);
 display:inline-block;
}
.btn:hover{opacity:.9}
.home-link{display:inline-block;margin-top:20px;color:#0b3cff;text-decoration:none;font-weight:bold}
footer{text-align:center;padding:20px;color:#555}