body{margin:0;font-family:Arial,sans-serif;background:#f6f9ff;color:#1e293b}
.container{max-width:1200px;margin:auto;padding:20px}
.hero{background:linear-gradient(135deg,#eff6ff,#fff);padding:60px 20px;text-align:center}
.hero h1{font-size:54px;margin:10px 0}
.search{max-width:700px;margin:30px auto;display:flex;background:#fff;border-radius:50px;box-shadow:0 8px 25px rgba(0,0,0,.08)}
.search input{flex:1;border:none;padding:18px 24px;border-radius:50px;font-size:18px;outline:none}
.search button{border:none;background:#2563eb;color:#fff;padding:0 30px;border-radius:50px;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:#fff;padding:25px;border-radius:18px;box-shadow:0 8px 20px rgba(0,0,0,.08);transition:.3s}
.card:hover{transform:translateY(-8px)}
.card a{text-decoration:none;color:#2563eb;font-weight:bold}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}
.features div,.card{text-align:center}
footer{background:#08111f;color:#fff;text-align:center;padding:30px;margin-top:50px}