:root{
  --bg:#040404;
  --panel:#090909;
  --muted:#bfb6a6;
  --gold:#c89a3f;
  --white:#ffffff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--bg);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.container{max-width:1100px;margin:0 auto;padding:36px}
header{display:flex;justify-content:space-between;align-items:center;padding:10px 0}
.brand{font-weight:800;letter-spacing:2px;font-size:20px}
nav a{color:var(--muted);margin-left:18px;text-decoration:none;font-weight:600}
.hero{margin-top:28px;padding:40px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center}
.hero .title{font-size:48px;letter-spacing:4px;font-weight:700;color:var(--white);margin:0 0 12px}
.lead{color:var(--muted);margin:0 0 18px}
.btn{display:inline-block;padding:12px 20px;border-radius:999px;border:2px solid var(--gold);color:var(--gold);text-decoration:none;font-weight:700}
.card{background:var(--panel);padding:18px;border-radius:12px}
.brands-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:22px}
.brand-card{background:linear-gradient(180deg,rgba(0,0,0,0.25),rgba(0,0,0,0.1));border-radius:12px;overflow:hidden;position:relative;text-decoration:none}
.brand-card img{width:100%;height:320px;object-fit:cover;display:block;filter:contrast(1.05) saturate(0.9)}
.brand-card .label{position:absolute;left:18px;bottom:18px;font-weight:700;color:var(--white);background:rgba(0,0,0,0.4);padding:8px 12px;border-radius:6px;letter-spacing:2px}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
input,textarea{width:100%;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:var(--white)}
textarea{min-height:140px;grid-column:1 / -1}
.submit-btn{grid-column:1 / -1;padding:12px;border-radius:10px;border:2px solid var(--gold);background:transparent;color:var(--gold);font-weight:700}
footer{margin-top:28px;color:var(--muted);text-align:center;padding-bottom:36px}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;padding:22px}
  .brands-grid{grid-template-columns:1fr}
  .contact-form{grid-template-columns:1fr}
}