body{font-family:Poppins,Arial;margin:0;padding:0;background:#0d0d0d;color:#fff}
header{background:#111;padding:16px;text-align:center;font-size:20px;font-weight:600}
.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px}
.card{background:#1a1a1a;border-radius:10px;padding:12px;display:flex;flex-direction:column}
.card img{width:100%;height:160px;object-fit:cover;border-radius:8px}
.card .title{font-weight:700;margin:8px 0}
.card button{margin-top:auto;padding:8px 12px;border:none;border-radius:6px;cursor:pointer}
.btn-primary{background:#00b894;color:#fff}
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);justify-content:center;align-items:center;z-index:10}
.modal.show{display:flex}
.modal-content{background:#1a1a1a;padding:20px;border-radius:10px;width:90%;max-width:420px;text-align:center}
input{width:100%;padding:10px;border-radius:6px;border:none;margin-top:10px}
button{cursor:pointer}
footer{padding:20px;text-align:center;background:#111;color:#999;margin-top:40px}