:root {

  --gold: linear-gradient(90deg,#ffd700,#b8860b);

  --dark:#0d0d0d;

  --text:#f0f0f0;

  --accent:#ffaa00;

}



* { margin:0; padding:0; box-sizing:border-box; }

body { font-family:'Inter',sans-serif; background:var(--dark); color:var(--text); line-height:1.6; }



a { text-decoration:none; }

ul { list-style:none; }



.navbar { display:flex; justify-content:space-between; align-items:center; background:#000; padding:1rem 2rem; position:sticky; top:0; z-index:1000; }

.logo { font-size:1.5rem; background:var(--gold); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:700; }

.nav-links { display:flex; gap:1.5rem; }

.nav-links a { color:#fff; font-weight:600; }

.burger { display:none; font-size:1.5rem; color:#fff; background:none; border:none; }



.hero { background:url('../assets/hero-bg.jpg') center/cover no-repeat; height:70vh; display:flex; align-items:center; justify-content:center; position:relative; }

.hero::before { content:""; position:absolute; inset:0; background:rgba(0,0,0,0.6); }

.hero-text { position:relative; z-index:1; text-align:center; max-width:700px; }

.btn { display:inline-block; margin-top:1rem; padding:.75rem 1.5rem; background:var(--gold); color:#000; font-weight:bold; border-radius:5px; transition:transform .2s; }

.btn:hover { transform:scale(1.05); }

.btn.outline { background:none; border:2px solid var(--accent); color:var(--accent); }



.section, .intro, .services-preview, .trust-bar { padding:4rem 2rem; text-align:center; }

.service-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:2rem; margin-top:2rem; }

.card { background:#1a1a1a; padding:2rem; border-radius:8px; box-shadow:0 0 10px #000; }



.trust-bar img { height:50px; margin:1rem; }

footer { background:#000; color:#aaa; padding:1rem; text-align:center; font-size:.9rem; }



input, textarea { width:100%; padding:.75rem; margin-top:.5rem; margin-bottom:1rem; border:1px solid #333; border-radius:4px; background:#111; color:#fff; }

label { font-weight:600; }

form { max-width:600px; margin:0 auto;text-align:left; }



@media(max-width:768px) {

  .burger { display:block; }

  .nav-links { display:none; flex-direction:column; background:#111; position:absolute; top:100%; right:0; width:200px; }

  .nav-links.active { display:flex; }

}