:root{
  --bg:#000; --fg:#f2f2f2; --muted:#c5c5c5;
  --gold1:#ffe8a3; --gold2:#d4af37; --blue:#2da8ff;
  --silver1:#dcdcdc; --silver2:#a8a8a8;
  --card:#0c0c0c; --stroke:rgba(255,255,255,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font-family:'Poppins',sans-serif;font-size:18px;line-height:1.6}
h1,h2,h3,h4,h5,h6,.btn{font-family:'Playfair Display',serif}
a{color:inherit}
.container{width:95%;max-width:1280px;margin:0 auto}
header{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.8);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--stroke)}
.nav{display:flex;justify-content:flex-end;gap:1.6rem;padding:.9rem 0}
.nav a{text-decoration:none;font-weight:600}
.nav a:hover{color:var(--gold2)}
.hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;padding:clamp(2rem,4vw,4rem) 0}
.card{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:1.5rem}
.btn{display:inline-block;padding:1rem 1.4rem;border-radius:12px;font-weight:700;text-decoration:none;border:none;background:linear-gradient(180deg,var(--gold1),var(--gold2));color:#1a1a1a;text-align:center;min-width:200px}
.btn:hover{opacity:.92}
.btn-call{background:linear-gradient(180deg,var(--silver1),var(--silver2));color:#000;white-space:nowrap}
form{display:grid;gap:.8rem}
label{font-size:1rem;color:var(--muted)}
input,select,textarea{width:100%;background:#0b0b0b;color:var(--fg);border:1px solid var(--stroke);border-radius:10px;padding:.8rem 1rem}
textarea{resize:vertical;max-height:240px}
section{padding:clamp(1rem,2vw,2rem) 0}
.section-title{font-size:clamp(1.6rem,1.4rem + 1.2vw,2.2rem);text-align:center;margin-bottom:1.2rem;color:var(--gold2)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;justify-items:center}
.card.tight{display:flex;flex-direction:column;justify-content:space-between;text-align:center}
footer{border-top:1px solid var(--stroke);padding:2rem 0;color:var(--muted);font-size:16px;text-align:center}
.contact-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;text-align:left;margin-top:1rem}
.contact-grid>div{flex:1 1 45%;background:var(--card);border:1px solid var(--stroke);border-radius:12px;padding:.75rem 1rem;font-size:.95rem}
.alert{border:1px solid var(--stroke);border-left:4px solid var(--gold2);background:#0b0b0b;padding:.8rem 1rem;border-radius:10px;margin-bottom:1rem}
.alert.ok{border-left-color:#2ecc71}
.alert.err{border-left-color:#ff3b30}
.hp-wrap{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
@media (max-width: 1024px){ .grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 640px){ .grid{grid-template-columns:1fr} .nav{justify-content:center} }