:root{--b:#0f172a;--a:#2563eb;--bg:#f8fafc}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:linear-gradient(#fff,#f8fafc);color:var(--b)}.top{display:flex;justify-content:space-between;align-items:center;padding:22px 7%;background:#fff;position:sticky;top:0;box-shadow:0 8px 30px rgba(0,0,0,.05)}.brand{display:flex;gap:16px;align-items:center}.hero{text-align:center;padding:90px 20px}.pill{display:inline-block;background:#eaf2ff;color:#2563eb;padding:10px 18px;border-radius:999px;font-weight:700}.hero h2{font-size:3rem;margin:20px 0 10px}.hero p{color:#555}.search{width:min(720px,92%);padding:18px;border-radius:16px;border:1px solid #ddd;font-size:1rem;margin:18px 0}.popular span{display:inline-block;margin:6px;padding:8px 14px;border-radius:999px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08)}.cta{display:inline-block;margin-top:28px;background:#2563eb;color:#fff;padding:16px 28px;border-radius:14px;text-decoration:none;font-weight:700}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;padding:60px 7%}.card{background:#fff;padding:28px;border-radius:22px;box-shadow:0 12px 30px rgba(0,0,0,.08);transition:.2s}.card:hover{transform:translateY(-6px)}footer{text-align:center;padding:40px;color:#666}nav a{margin-left:20px;color:#0f172a;text-decoration:none;font-weight:600}@media(max-width:800px){.top{flex-direction:column}.hero h2{font-size:2.2rem}}