*{box-sizing:border-box}
body{background:#0b0b0c;color:#f4f7fb;font-family:system-ui,Segoe UI,Roboto,Arial}
.container{max-width:1220px;margin:0 auto;padding:20px}
a{color:#9ecbff}
.btn{display:inline-block;padding:10px 14px;border-radius:12px;border:1px solid #2a2d33;background:#171a1f;color:#fff;text-decoration:none;font-weight:800}
.btn.accent{background:#ffd54a;color:#111}
.tag{background:#ffd54a;color:#111;padding:4px 8px;border-radius:999px;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.card{background:#111216;border:1px solid #1e2126;border-radius:16px;overflow:hidden}
.card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.content{padding:12px}
.title{font-weight:800;margin:0 0 6px 0}
.meta{font-size:13px;color:#9aa0a6}
.price{font-weight:800;margin-top:8px}
.notice{background:#111216;border:1px solid #2a2d33;border-left:4px solid #ffd54a;padding:12px;border-radius:10px}
input,select,textarea{background:#0f1114;color:#fff;border:1px solid #22262c;border-radius:10px;padding:12px;min-height:44px;width:100%}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
table{width:100%;border-collapse:collapse;margin-top:18px}
th,td{border-bottom:1px solid #22262c;padding:10px;text-align:left}
@media(max-width:900px){.form-grid{grid-template-columns:1fr}}