body{margin:0;font-family:Arial,sans-serif;background:#f8fafc;color:#0f172a}header{background:#0f172a;color:#fff;padding:20px}.container{max-width:1200px;margin:auto;padding:40px 20px}.hero{padding:80px 20px;background:linear-gradient(to right,#0f172a,#334155);color:#fff;text-align:center}.section-title{font-size:2rem;margin-bottom:20px}.grid{display:grid;gap:20px}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014}.card img{width:100%;height:220px;object-fit:cover}.tag{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:6px 10px;border-radius:20px;font-size:12px}.image-wrap{position:relative}.card-content{padding:20px}footer{background:#0f172a;color:#fff;padding:40px 20px;text-align:center}