:root { --bg:#0f1419; --card:#1a2330; --ink:#e8eef6; --muted:#93a4b8; --acc:#3db8ff; --line:#2a3a4d; }
* { box-sizing: border-box; }
body { margin:0; font-family: Segoe UI, system-ui, sans-serif; background:var(--bg); color:var(--ink); }
a { color:var(--acc); text-decoration:none; }
a:hover { text-decoration:underline; }
.mt-wrap { max-width:1080px; margin:0 auto; padding:0 20px; }
.mt-header { background:#0b1016; border-bottom:1px solid var(--line); }
.mt-header .mt-wrap { display:flex; align-items:center; justify-content:space-between; min-height:64px; gap:16px; }
.mt-logo { font-weight:700; color:var(--ink); letter-spacing:.02em; }
.mt-nav { display:flex; flex-wrap:wrap; gap:14px; }
.mt-main { padding:28px 20px 48px; }
.mt-footer { border-top:1px solid var(--line); color:var(--muted); padding:20px 0; font-size:14px; }
.hero { background:linear-gradient(160deg,#152033,#0f1419 60%); border:1px solid var(--line); border-radius:16px; padding:28px; margin-bottom:24px; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:16px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:16px; }
.card:hover { border-color:var(--acc); }
.price { color:#8ee0a8; font-weight:600; }
.muted { color:var(--muted); }
form input, form textarea, form select { background:#0b1016; color:var(--ink); border:1px solid var(--line); border-radius:8px; padding:8px 10px; }
button { background:var(--acc); color:#061018; border:0; border-radius:8px; padding:8px 14px; font-weight:700; cursor:pointer; }
table { width:100%; border-collapse:collapse; }
th, td { border-bottom:1px solid var(--line); padding:8px; text-align:left; }
@media (max-width:700px) { .mt-header .mt-wrap { flex-direction:column; padding:12px 20px; } }