.cinzel-decorative { font-family: 'Cinzel Decorative', serif; }
    .cinzel-regular { font-family: 'Cinzel Decorative', serif; font-weight: 400; }
    .cinzel-bold { font-family: 'Cinzel Decorative', serif; font-weight: 700; }
    .cinzel-black { font-family: 'Cinzel Decorative', serif; font-weight: 900; }
    
    html, body { height: 100%; margin: 0; }
    .app-wrapper { min-height: 100%; width: 100%; }
    
    :root {
      --gold: #F2CD5C;
      --cream: #F5F5DC;
      --purple: #863A6F;
      --dark-text: #1a1a1a;
    }
    
    .gold-accent { color: var(--gold); }
    .gold-bg { background-color: var(--gold); }
    .purple-accent { color: var(--purple); }
    .purple-bg { background-color: var(--purple); }
    .cream-bg { background-color: var(--cream); }
    
    .btn-primary {
      background: var(--gold);
      color: var(--purple);
      transition: all 0.3s ease;
      font-family: 'Cinzel Decorative', serif;
      font-weight: 700;
    }
    .btn-primary:hover {
      background: #e8b846;
      transform: translateY(-2px);
      box-shadow: 0 10px 30px rgba(242, 205, 92, 0.3);
    }
    
    .btn-secondary {
      background: transparent;
      color: var(--purple);
      border: 2px solid var(--purple);
      transition: all 0.3s ease;
      font-family: 'Cinzel Decorative', serif;
      font-weight: 700;
    }
    .btn-secondary:hover {
      background: var(--purple);
      color: white;
    }
    
    .input-field {
      border: 2px solid var(--purple);
      background: white;
      color: var(--dark-text);
      transition: all 0.3s ease;
      font-family: 'Lato', sans-serif;
    }
    .input-field:focus {
      outline: none;
      box-shadow: 0 0 0 4px rgba(134, 58, 111, 0.1);
      border-color: var(--gold);
    }
    
    .service-card {
      border: 2px solid transparent;
      transition: all 0.4s ease;
      background: white;
    }
    .service-card:hover {
      border-color: var(--purple);
      box-shadow: 0 20px 50px rgba(134, 58, 111, 0.15);
      transform: translateY(-8px);
    }
    
    .case-study-card {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
    }
    .case-study-card img {
      transition: transform 0.6s ease;
    }
    .case-study-card:hover img {
      transform: scale(1.08);
    }
    .case-study-overlay {
      position: absolute;
      inset: 0;
      background: rgba(134, 58, 111, 0.85);
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 2rem;
      opacity: 0;
      transition: opacity 0.4s ease;
    }
    .case-study-card:hover .case-study-overlay {
      opacity: 1;
    }
    
    .stat-number {
      font-family: 'Cinzel Decorative', serif;
      font-weight: 900;
      font-size: 3.5rem;
      color: var(--gold);
      line-height: 1;
    }
    
    .testimonial-card {
      background: var(--gold);
      border-radius: 12px;
      padding: 2rem;
    }
    .testimonial-card p {
      color: var(--dark-text);
      font-style: italic;
      margin-bottom: 1rem;
    }
    
    .page { display: none; }
    .page.active { display: block; }
    
    .fade-in {
      animation: fadeIn 0.6s ease forwards;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
    
    .stagger-1 { animation-delay: 0.1s; }
    .stagger-2 { animation-delay: 0.2s; }
    .stagger-3 { animation-delay: 0.3s; }
    .stagger-4 { animation-delay: 0.4s; }
    .stagger-5 { animation-delay: 0.5s; }
    
    .gold-divider {
      height: 4px;
      background: var(--gold);
    }
    
    .navbar-shadow {
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }
    
    .hero-gradient {
      background: linear-gradient(135deg, var(--gold) 0%, #f9e5a8 100%);
    }
    
    .section-divider {
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--gold), transparent);
    }