:root {
  --bg: #0d0d0d;
  --text: #fff;
  --primary: #6b21a8;
  --accent: #38bdf8;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: 'Cairo', sans-serif;
  background: var(--bg);
  color: var(--text);
}
.container { max-width: 1100px; margin: auto; padding: 20px; }
.site-header { background: #000; padding: 10px 0; position: sticky; top: 0; z-index: 10; }
.header-flex { display: flex; justify-content: space-between; align-items: center; }
.logo { max-height: 50px; }
.nav a { color: var(--text); margin: 0 10px; text-decoration: none; font-weight: 600; }
.nav a:hover { color: var(--accent); }
.hero { background: #111; padding: 20px 0; text-align: center; }
.video-container { max-width: 800px; margin: auto; }
.services-section h2, .gallery-section h2 { color: var(--accent); margin-bottom: 20px; text-align: center; }
.grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(250px,1fr)); }
.card { background: #1a1a1a; padding: 20px; border-radius: 12px; text-align: center; }
.card .price { margin-top: 10px; color: var(--accent); font-weight: bold; font-size: 18px; }
.gallery img { width: 100%; border-radius: 12px; }
.site-footer { background: #000; text-align: center; padding: 20px; margin-top: 30px; }
.site-footer a { color: var(--accent); }
.van-img { max-width: 400px; margin: 20px auto; display: block; border-radius: 12px; }