/* Lawyer Theme – Navy & Gold */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: 'Playfair Display', serif;
  background: #0a0e17;
  color: #e0e0e0;
  line-height: 1.8;
  overflow-x: hidden;
}

header {
  position: fixed;
  top: 0; width: 100%;
  padding: 1.5rem 5%;
  background: rgba(10, 14, 23, 0.95);
  backdrop-filter: blur(12px);
  z-index: 1000;
  border-bottom: 1px solid rgba(212, 175, 55, 0.3);
  transition: all 0.4s;
}

nav { display: flex; justify-content: space-between; align-items: center; max-width: 1400px; margin: 0 auto; }

.logo {
  font-family: 'Cinzel Decorative', cursive;
  font-size: 2.4rem;
  color: #d4af37;
  text-decoration: none;
}

.nav-links a {
  color: #e0e0e0;
  text-decoration: none;
  font-weight: 500;
  margin: 0 1.5rem;
  position: relative;
  transition: color 0.3s;
}

.nav-links a::after {
  content: ''; position: absolute; bottom: -8px; left: 0; width: 0; height: 2px;
  background: #d4af37; transition: width 0.4s;
}

.nav-links a:hover, .nav-links a.active { color: #d4af37; }
.nav-links a:hover::after, .nav-links a.active::after { width: 100%; }

.hamburger { display: none; cursor: pointer; }
.hamburger span { display: block; width: 30px; height: 3px; background: #d4af37; margin: 6px 0; transition: 0.3s; }

.mobile-menu { /* same as before, just gold accents */ }

.btn-primary {
  background: #d4af37;
  color: #0a0e17;
  padding: 1rem 2rem;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.4s;
}

.btn-primary:hover {
  background: #e0c060;
  transform: translateY(-4px);
  box-shadow: 0 15px 30px rgba(212, 175, 55, 0.3);
}

.btn-secondary {
  border: 2px solid #d4af37;
  color: #d4af37;
  padding: 1rem 2rem;
  border-radius: 4px;
  text-decoration: none;
}

.btn-secondary:hover {
  background: #d4af37;
  color: #0a0e17;
}

footer { background: #050811; padding: 4rem 5% 2rem; text-align: center; border-top: 1px solid rgba(212,175,55,0.2); }
.social-links a { background: rgba(212,175,55,0.2); color: #d4af37; }
.social-links a:hover { background: #d4af37; color: #0a0e17; transform: translateY(-8px); }

@media (max-width: 768px) {
  .nav-links, .hamburger { display: none; }
  .hamburger { display: block; }
}