/* Smooth scrolling */
   html {
       scroll-behavior: smooth;
   }

   /* Custom scrollbar */
   ::-webkit-scrollbar {
       width: 8px;
   }

   ::-webkit-scrollbar-track {
       background: var(--neutral-200);
   }

   ::-webkit-scrollbar-thumb {
       background: var(--primary);
       border-radius: 4px;
   }

   ::-webkit-scrollbar-thumb:hover {
       background: var(--primary-hover);
   }



   /* Page Title Section */
   .page-title {
       padding: 120px 0 var(--space-6);
       background: linear-gradient(135deg, var(--neutral-100) 0%, var(--neutral-200) 100%);
       position: relative;
       overflow: hidden;
   }

   .page-title::before {
       content: '';
       position: absolute;
       top: 20%;
       right: 10%;
       width: 200px;
       height: 200px;
       background: var(--primary);
       border-radius: 50%;
       opacity: 0.1;
       animation: float 6s ease-in-out infinite;
   }

   .page-title::after {
       content: '';
       position: absolute;
       bottom: 30%;
       left: 15%;
       width: 150px;
       height: 150px;
       background: var(--accent);
       border-radius: 50%;
       opacity: 0.1;
       animation: float 6s ease-in-out infinite 2s;
   }

   @keyframes float {

       0%,
       100% {
           transform: translateY(0px) rotate(0deg);
       }

       50% {
           transform: translateY(-30px) rotate(180deg);
       }
   }

   .page-title h1 {
       font-size: 3.5rem;
       font-weight: 700;
       color: var(--neutral-800);
       text-align: center;
       position: relative;
   }

   .page-title .text-accent {
       color: var(--accent);
       position: relative;
   }

   .page-title .text-accent::after {
       content: '';
       position: absolute;
       bottom: -5px;
       left: 0;
       width: 100%;
       height: 3px;
       background: linear-gradient(90deg, var(--accent) 0%, var(--primary) 100%);
       border-radius: 2px;
   }

   /* About Section */
   .about-section {
       padding: var(--space-6) 0;
       background: white;
   }

   .about-image {
       position: relative;
   }

   .about-image img {
       box-shadow: 0 20px 60px rgba(166, 123, 91, 0.15);
       transition: var(--transition);
       border-radius: var(--border-radius);
   }

   .about-image img:hover {
       transform: translateY(-10px);
       box-shadow: 0 30px 80px rgba(166, 123, 91, 0.2);
   }

   .about-image::before {
       content: '';
       position: absolute;
       top: -20px;
       left: -20px;
       width: 100px;
       height: 100px;
       background: var(--primary);
       border-radius: 50%;
       opacity: 0.3;
       z-index: -1;
   }

   .about-content {
       padding-left: var(--space-4);
   }

   .about-content h2 {
       font-size: 2.5rem;
       color: var(--neutral-800);
       margin-bottom: var(--space-3);
       position: relative;
   }

   .about-content h2::after {
       content: '';
       position: absolute;
       bottom: -10px;
       left: 0;
       width: 80px;
       height: 4px;
       background: linear-gradient(90deg, var(--primary), var(--accent));
       border-radius: 2px;
   }

   .coach-bio p {
       font-size: 1.1rem;
       color: var(--neutral-700);
       margin-bottom: var(--space-3);
       line-height: 1.7;
   }

   .credentials-section {
       margin-top: var(--space-4);
       padding: var(--space-4);
       background: var(--neutral-200);
       border-radius: var(--border-radius);
       border-left: 4px solid var(--accent);
   }

   .credential-item {
       display: flex;
       align-items: center;
       margin-bottom: var(--space-2);
       font-weight: 500;
       color: var(--neutral-800);
   }

   .credential-item i {
       color: var(--accent);
       margin-right: var(--space-2);
       font-size: 1.2rem;
       width: 20px;
   }

   /* Section Styling */
   .section-header {
       margin-bottom: var(--space-5);
   }

   .icon-badge {
       width: 60px;
       height: 60px;
       background: linear-gradient(135deg, var(--primary), var(--accent));
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       margin: 0 auto var(--space-3) auto;
       color: white;
       font-size: 1.5rem;
   }

   .section-title {
       font-size: 2.5rem;
       color: var(--neutral-800);
       margin-bottom: var(--space-2);
       position: relative;
       text-align: center;
   }

   /* Testimonials Section */
   .expert-testimonials {
       padding: var(--space-6) 0;
       background: var(--neutral-200);
   }

   .testimonial-card {
       background: white;
       padding: var(--space-4);
       border-radius: var(--border-radius);
       box-shadow: 0 15px 50px rgba(166, 123, 91, 0.1);
       position: relative;
       height: 100%;
       transition: var(--transition);
       margin-bottom: var(--space-3);
   }

   .testimonial-card:hover {
       transform: translateY(-10px);
       box-shadow: 0 25px 70px rgba(166, 123, 91, 0.15);
   }

   .testimonial-content {
       position: relative;
       margin-bottom: var(--space-3);
   }

   .testimonial-content::before {
       content: '"';
       font-size: 4rem;
       color: var(--primary);
       position: absolute;
       top: -20px;
       left: -10px;
       font-family: var(--heading-font);
       line-height: 1;
   }

   .testimonial-content p {
       font-style: italic;
       color: var(--neutral-700);
       font-size: 1.05rem;
       line-height: 1.7;
       margin: 0;
       padding-left: var(--space-3);
   }

   .testimonial-author h5 {
       color: var(--neutral-800);
       margin-bottom: 0.2rem;
       font-weight: 600;
       font-size: 1.1rem;
   }

   .testimonial-author p {
       color: var(--neutral-600);
       margin: 0;
       font-size: 0.9rem;
       font-weight: 500;
   }

   /* Contact CTA Section */
   .contact-cta {
       padding: var(--space-6) 0;
       background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
       color: white;
       text-align: center;
       position: relative;
       overflow: hidden;
   }

   .contact-cta::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="50" cy="10" r="1" fill="rgba(255,255,255,0.03)"/><circle cx="10" cy="60" r="1" fill="rgba(255,255,255,0.03)"/><circle cx="90" cy="40" r="1" fill="rgba(255,255,255,0.03)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
       pointer-events: none;
   }

   .contact-cta h2 {
       font-size: 2.5rem;
       margin-bottom: var(--space-4);
       text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
       color: white !important;
       position: relative;
       z-index: 2;
   }

   .contact-cta .btn {
       background: white !important;
       color: var(--neutral-800) !important;
       border: none !important;
       padding: var(--space-2) var(--space-5) !important;
       font-size: 1.1rem !important;
       font-weight: 600 !important;
       border-radius: 50px !important;
       transition: var(--transition) !important;
       box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2) !important;
       position: relative;
       z-index: 2;
   }

   .contact-cta .btn:hover {
       background: var(--neutral-100) !important;
       transform: translateY(-3px) scale(1.05) !important;
       box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3) !important;
   }

   .video-placeholder {
       margin-top: var(--space-4);
       position: relative;
       z-index: 2;
   }

   .video-placeholder video {
       border-radius: var(--border-radius);
       box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
       max-width: 600px;
       width: 100%;
   }

   /* Footer */
   .footer {
       background: var(--neutral-800);
       color: var(--neutral-300);
       padding: var(--space-6) 0 var(--space-3) 0;
   }

   .footer h5,
   .footer h6 {
       color: white;
       margin-bottom: var(--space-2);
   }

   .footer-info {
       margin-bottom: var(--space-3);
   }

   .footer-info p {
       margin-bottom: var(--space-1);
       color: var(--neutral-400);
   }

   .footer-info a {
       color: var(--primary);
       text-decoration: none;
   }

   .footer-info a:hover {
       color: var(--primary-hover);
   }

   .footer-links {
       margin-top: var(--space-2);
   }

   .footer-links a {
       color: var(--neutral-400);
       text-decoration: none;
       margin-right: var(--space-3);
       transition: var(--transition);
   }

   .footer-links a:hover {
       color: var(--primary);
   }

   .social-links {
       margin-top: var(--space-2);
   }

   .social-icon {
       display: inline-flex;
       width: 40px;
       height: 40px;
       background: var(--primary);
       color: var(--neutral-800);
       border-radius: 50%;
       align-items: center;
       justify-content: center;
       margin-right: var(--space-1);
       text-decoration: none;
       transition: var(--transition);
   }

   .social-icon:hover {
       background: var(--primary-hover);
       transform: translateY(-3px);
       color: var(--neutral-800);
   }

   .copyright {
       color: var(--neutral-400);
       margin: 0;
       font-size: 0.9rem;
       text-align: center;
       padding-top: var(--space-3);
       border-top: 1px solid var(--neutral-700);
   }

   /* Responsive Design */
   @media (max-width: 1199px) {
       .page-title h1 {
           font-size: 3rem;
       }

       .section-title {
           font-size: 2.2rem;
       }
   }

   @media (max-width: 991px) {
       .page-title h1 {
           font-size: 2.5rem;
       }

       .section-title {
           font-size: 2rem;
       }

       .about-content {
           padding-left: 0;
           margin-top: var(--space-4);
       }

       .about-content h2 {
           font-size: 2rem;
       }
   }

   @media (max-width: 767px) {
       :root {
           --space-6: 2.5rem;
           --space-5: 2rem;
       }

       .page-title h1 {
           font-size: 2rem;
       }

       .section-title {
           font-size: 1.8rem;
       }

       .about-content h2 {
           font-size: 1.8rem;
       }

       .contact-cta h2 {
           font-size: 2rem;
       }

   }


   .animate-fade-up {
       opacity: 0;
       transform: translateY(30px);
       animation: fadeInUp 0.6s ease-out forwards;
   }

   @keyframes fadeInUp {
       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   .testimonial-card:nth-child(1) {
       animation-delay: 0.1s;
   }

   .testimonial-card:nth-child(2) {
       animation-delay: 0.2s;
   }

   .testimonial-card:nth-child(3) {
       animation-delay: 0.3s;
   }