main {
          max-width: 1200px;
          margin: 0 auto;
          padding: 2rem 1rem;
        }
        
        .breadcrumb {
          margin-bottom: 2rem;
          font-size: 0.9rem;
        }
        
        .breadcrumb a {
          color: #5c3317;
          text-decoration: none;
        }
        
        .breadcrumb a:hover {
          text-decoration: underline;
        }
        
        .hero {
          background: linear-gradient(135deg, rgba(26, 10, 0, 0.8), rgba(92, 51, 23, 0.8)), url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><rect fill="%235c3317" width="1200" height="600"/><circle cx="300" cy="200" r="150" fill="%23c9a96e" opacity="0.05"/><circle cx="900" cy="400" r="200" fill="%23c9a96e" opacity="0.05"/></svg>');
          background-size: cover;
          background-position: center;
          color: #faf6f0;
          padding: 4rem 2rem;
          text-align: center;
          border-bottom: 3px solid #c9a96e;
        }
        
        .hero h1 {
          font-family: Georgia, serif;
          font-size: 2.5rem;
          margin-bottom: 1rem;
          color: #c9a96e;
        }
        
        .hero p {
          font-size: 1.1rem;
          margin-bottom: 2rem;
          color : #d4a96a !important;
          max-width: 700px;
          margin-left: auto;
          margin-right: auto;
        }
        
        .hero-cta {
          display: inline-block;
          background: #c9a96e;
          color: #1a0a00;
          padding: 1rem 2.5rem;
          text-decoration: none;
          font-weight: bold;
          border-radius: 4px;
          transition: background 0.3s, transform 0.3s;
          font-size: 1rem;
        }
        
        .hero-cta:hover {
          background: #faf6f0;
          transform: translateY(-2px);
        }
        
        h2 {
          font-family: Georgia, serif;
          font-size: 2rem;
          color: #1a0a00;
          margin: 2rem 0 1.5rem;
          text-align: center;
          color: #5c3317;
          border-bottom: 2px solid #c9a96e;
          padding-bottom: 0.5rem;
        }
        
        h3 {
          font-family: Georgia, serif;
          font-size: 1.4rem;
          color: #1a0a00;
          margin: 1.5rem 0 0.75rem;
        }
    
        
        .section-intro {
          text-align: center;
          color: #2c1a0e;
          margin-bottom: 2rem;
        }
        
        .grid-3 {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
          gap: 2rem;
          margin: 2rem 0;
        }
        
        .card {
          background: white;
          border: 1px solid #e0d5c7;
          border-left: 4px solid #c9a96e;
          padding: 2rem;
          border-radius: 4px;
          text-align: center;
          transition: box-shadow 0.3s;
        }
        
        .card:hover {
          box-shadow: 0 4px 12px rgba(201, 169, 110, 0.2);
        }
        
        .card h3 {
          margin-top: 0;
          color: #5c3317;
        }
        
        .timeline {
          max-width: 600px;
          margin: 2rem auto;
          position: relative;
          padding: 2rem 0;
        }
        
        .timeline-item {
          background: white;
          border: 1px solid #e0d5c7;
          border-left: 4px solid #c9a96e;
          padding: 1.5rem;
          margin: 1.5rem 0;
          border-radius: 4px;
          position: relative;
        }
        
        .timeline-item:before {
          content: "";
          position: absolute;
          left: -14px;
          top: 20px;
          width: 12px;
          height: 12px;
          background: #c9a96e;
          border-radius: 50%;
          border: 3px solid #faf6f0;
        }
        
        .timeline-time {
          color: #c9a96e;
          font-weight: bold;
          font-size: 1.1rem;
        }
        
        .timeline-content {
          color: #2c1a0e;
          margin-top: 0.5rem;
        }
        
        .highlight {
          background: linear-gradient(135deg, #1a0a00 0%, #5c3317 100%);
          color: #faf6f0;
          padding: 2rem;
          border-radius: 4px;
          margin: 2rem 0;
          text-align: center;
        }
        
        .highlight p {
            color : #fff !important;
        }
        
        .highlight h3 {
          color: #c9a96e;
          margin-top: 0;
        }
        
        .faq-item {
          background: white;
          border: 1px solid #e0d5c7;
          margin: 1rem 0;
          border-radius: 4px;
          overflow: hidden;
        }
        
        .faq-question {
          background: #f5f0eb;
          padding: 1.5rem;
          cursor: pointer;
          font-weight: bold;
          color: #5c3317;
          transition: background 0.3s;
          display: flex;
          justify-content: space-between;
          align-items: center;
        }
        
        .faq-question:hover {
          background: #e8ddd2;
        }
        
        .faq-toggle {
          font-size: 1.2rem;
          color: #c9a96e;
        }
        
        .faq-answer {
          padding: 1.5rem;
          color: #2c1a0e;
          display: none;
        }
        
        .faq-answer.active {
          display: block;
        }