/* :root { --pad: 14px; --radius: 14px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
body { margin: 0; background:#f6f7f9; color:#111; }
.container { max-width: 1000px; margin: 0 auto; padding: 24px; }
.header { display:flex; align-items:center; justify-content:space-between; margin-bottom: 16px; gap: 8px; flex-wrap: wrap; }
a { color:#0b57d0; text-decoration:none; }
.card { background:#fff; border-radius: var(--radius); padding: var(--pad); box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(240px,1fr)); gap:16px; }
.product img { width:100%; height:180px; object-fit:cover; border-radius:12px; }
.product h3 { margin: 8px 0 4px; font-size: 18px; }
.price { font-weight: 700; margin: 4px 0 8px; }
.row { display:flex; gap:8px; align-items:center; flex-wrap: wrap; }
input[type="number"], input[type="text"], input[type="email"], textarea {
  width:100%; padding:10px 12px; border:1px solid #d0d7de; border-radius:10px; font-size:14px; background:#fff;
}
button, .btn {
  padding:10px 14px; border:0; border-radius:10px; background:#0b57d0; color:#fff; font-weight:600; cursor:pointer;
}
.btn.secondary { background:#e9eef6; color:#0b57d0; }
.table { width:100%; border-collapse: collapse; }
.table th, .table td { padding:10px; border-bottom:1px solid #eee; vertical-align: top; text-align:left; }
.table img { width:70px; height:70px; object-fit:cover; border-radius:8px; }
.footer { margin-top: 28px; font-size: 13px; color:#555; }
.notice { background:#fff7cc; padding:10px 12px; border:1px solid #ffe58f; border-radius:10px; } */
a {
  color: rgb(253, 2, 2);
  text-decoration: none;;
}
#footer {
  background: rgba(7, 14, 39);
}
#footer a {
  color: rgb(255, 255, 255);
}