*{box-sizing:border-box;margin:0;padding:0}body{color:#0f172a;background:#f8fafc;font-family:Segoe UI,sans-serif}.nav{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:25px 60px;display:flex}.nav h2{font-weight:600}.nav a{color:#475569;margin-left:25px;text-decoration:none;transition:all .3s}.nav a:hover{color:#000}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:30px;padding:40px 60px;display:grid}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:15px;transition:all .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.card img{object-fit:cover;border-radius:10px;width:100%;height:180px}.card h3{margin:10px 0;font-size:15px}.card p{margin-bottom:10px;font-weight:600}button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;width:100%;padding:10px;transition:all .3s}button:hover{background:#334155}.center{text-align:center;margin-top:60px}