.elementor-kit-13{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-a8a6900:#F5F1E8;--e-global-color-d40423c:#8B9B7E;--e-global-color-565263d:#D4AF37;--e-global-color-f72e11c:#FFF8F0;--e-global-color-f10f6bc:#4A3728;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Inter", Sans-serif;font-weight:500;line-height:1.6em;letter-spacing:0px;}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-kit-13 h1{font-family:"Playfair Display", Sans-serif;font-size:40px;font-weight:700;}.elementor-kit-13 h2{font-family:"Playfair Display", Sans-serif;font-size:32px;font-weight:700;}.elementor-kit-13 h3{font-family:"Playfair Display", Sans-serif;font-size:24px;font-weight:700;}.elementor-kit-13 h4{font-family:"Playfair Display", Sans-serif;font-size:20px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-13 h1{font-size:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-13 h1{font-size:28px;}.elementor-kit-13 h2{font-size:32px;}.elementor-kit-13 h3{font-size:32px;}.elementor-kit-13 h4{font-size:32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root 
{
  --spiritual-beige: #F5F1E8; 
  --olive-green: #8B9B7E;
  --soft-gold: #D4AF37;
  --warm-cream: #FFF8F0;
  --deep-brown: #4A3728;
}

/* Reset & Base */
* {
  box-sizing: border-box;
}

body {
  font-family: 'Inter', sans-serif;
  background: var(--spiritual-beige);
  color: var(--deep-brown);
  line-height: 1.6;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  margin: 0 0 0.75rem;
}

/* HERO SECTION */
.hero {
  background: linear-gradient(135deg, rgba(139,155,126,.15), rgba(212,175,55,.1));
  padding: 80px 16px;
  text-align: center;
}

.hero .elementor-image {
  margin-bottom: 24px;
}

.hero-title {
  font-size: 40px !important;
  line-height: 1.2 !important;
  margin-bottom: 24px !important;
  background: linear-gradient(135deg, var(--soft-gold), var(--olive-green));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero p {
  font-size: 18px;
  color: #666;
  max-width: 600px;
  margin: 0 auto 32px;
  line-height: 1.6;
}

/* CTA BUTTON */
.cta-button,
.elementor-button.cta-button,
a.cta-button {
  display: inline-block !important;
  background: linear-gradient(135deg, var(--soft-gold), var(--olive-green)) !important;
  color: #fff !important;
  padding: 16px 40px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px -10px rgba(139,155,126,.4) !important;
  transition: all .3s ease !important;
  border: none !important;
  cursor: pointer;
  
}

.cta-button:hover,
.elementor-button.cta-button:hover,
a.cta-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 15px 40px -10px rgba(139,155,126,.6) !important;
  color: #fff !important;
}

/* SECTION TITLES */
.elementor-widget-heading .elementor-heading-title {
  color: var(--olive-green) !important;
  text-align: center;
  margin-bottom: 48px !important;
}

.elementor-widget-heading h2.elementor-heading-title {
  font-size: 32px !important;
}

/* CHAPTERS */
.chapter-card {
  background: #fff !important;
  padding: 32px !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.05) !important;
  text-align: center !important;
  height: 100%;
}

.chapter-number {
  color: var(--soft-gold) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
  display: block;
}

.chapter-card h3 {
  color: var(--olive-green) !important;
  font-size: 24px !important;
  margin: 0 0 16px !important;
}

.chapter-card p {
  color: #666 !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

/* TESTIMONIALS */
.testimonial-card {
  background: var(--warm-cream) !important;
  padding: 32px !important;
  border-radius: 16px !important;
  border-left: 4px solid var(--soft-gold) !important;
  height: 100%;
}

.testimonial-text {
  font-style: italic !important;
  color: #555 !important;
  margin-bottom: 24px !important;
  line-height: 1.8 !important;
}

.testimonial-author {
  font-weight: 600 !important;
  color: var(--olive-green) !important;
  margin: 0 !important;
}

.testimonial-role {
  font-size: 14px !important;
  color: #888 !important;
  margin: 0 !important;
}

/* BONUSES */
.bonus-card {
  background: #fff !important;
  padding: 32px !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.05) !important;
  text-align: center !important;
  height: 100%;
}

.bonus-icon {
  font-size: 48px !important;
  margin-bottom: 16px !important;
  display: block;
}

/* PRICING BOX */
.pricing-box {
  background: #fff !important;
  padding: 48px !important;
  border-radius: 16px !important;
  max-width: 500px !important;
  margin: 48px auto 0 !important;
  text-align: center !important;
  box-shadow: 0 10px 40px rgba(0,0,0,.1) !important;
}

.pricing-box h3 {
  font-size: 24px !important;
  margin-bottom: 16px !important;
}

.price {
  font-size: 48px !important;
  font-weight: 700 !important;
  color: var(--soft-gold) !important;
  margin: 16px 0 !important;
}

.pricing-box p {
  color: #666 !important;
  margin-bottom: 32px !important;
}

.pricing-box a.cta-button {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  display: block;
}

/* FAQ */
.faq-item {
  background: #fff !important;
  padding: 24px !important;
  border-radius: 8px !important;
  margin-bottom: 16px !important;
  border-left: 4px solid var(--olive-green) !important;
}

.faq-question {
  font-weight: 600 !important;
  color: var(--olive-green) !important;
  margin-bottom: 8px !important;
}

.faq-answer {
  color: #666 !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

/* FOOTER */
.elementor-section.footer,
.elementor-section[data-id*="footer"] {
  background: var(--olive-green) !important;
  color: #fff !important;
  padding: 48px 16px !important;
  text-align: center !important;
}

.elementor-section.footer .elementor-image,
.elementor-section[data-id*="footer"] .elementor-image {
  margin-bottom: 16px !important;
  opacity: 0.8;
}

.elementor-section.footer h4,
.elementor-section[data-id*="footer"] h4 {
  color: #fff !important;
  margin-bottom: 16px !important;
}

.elementor-section.footer p,
.elementor-section[data-id*="footer"] p {
  color: #fff !important;
  opacity: 0.8;
  margin: 0 0 16px !important;
  font-size: 14px;
}

.elementor-section.footer .elementor-widget-text-editor p:last-child,
.elementor-section[data-id*="footer"] .elementor-widget-text-editor p:last-child {
  font-size: 12px !important;
  opacity: 0.6 !important;
  margin-top: 24px !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .hero {
    padding: 60px 16px;
  }
  .hero-title {
    font-size: 32px !important;
  }
  .elementor-column-gap-wide {
    gap: 16px !important;
  }
  .elementor-section .elementor-container {
    flex-direction: column;
  }
  .pricing-box {
    margin: 32px auto 0;
    padding: 32px;
  }
}/* End custom CSS */