@charset "UTF-8";
@font-face {
  font-family: "Helvetica Neue LT Pro";
  src: url("../fonts/HelveticaNeueLTPro-Bd.woff2") format("woff2"), url("../fonts/HelveticaNeueLTPro-Bd.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue LT Pro";
  src: url("../fonts/HelveticaNeueLTPro-Md.woff2") format("woff2"), url("../fonts/HelveticaNeueLTPro-Md.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue LT Pro";
  src: url("../fonts/HelveticaNeueLTPro-Roman.woff2") format("woff2"), url("../fonts/HelveticaNeueLTPro-Roman.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue LT Pro";
  src: url("../fonts/HelveticaNeueLTPro-Lt.woff2") format("woff2"), url("../fonts/HelveticaNeueLTPro-Lt.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue LT Pro";
  src: url("../fonts/HelveticaNeueLTPro-Th.woff2") format("woff2"), url("../fonts/HelveticaNeueLTPro-Th.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
:root {
  /* Colors */
  --color-primary: #1a1a1a;
  --color-secondary: #3a3a3a;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-silver: #c0c0c0;
  --color-bg-light: #f7f7f7;
  --color-text-body: #555555;
  --color-border: #e0e0e0;
  --color-glass-white: rgba(255, 255, 255, 0.1);
  --color-glass-border: rgba(255, 255, 255, 0.2);
  /* Fluid Spacing */
  --section-padding: clamp(50px, calc(2.941vw + 37.647px), 80px);
  --container-padding: clamp(15px, 4vw, 30px);
  --spacing-xs: clamp(6px, calc(0.392vw + 4.353px), 10px);
  --spacing-sm: clamp(12px, calc(0.392vw + 10.353px), 16px);
  --spacing-md: clamp(18px, calc(0.98vw + 13.882px), 28px);
  --spacing-lg: clamp(28px, calc(1.569vw + 21.412px), 44px);
  --spacing-xl: clamp(40px, calc(2.941vw + 27.647px), 70px);
  /* Fluid Typography */
  --font-size-h1: clamp(36px, calc(3.529vw + 21.176px), 72px);
  --font-size-h2: clamp(26px, calc(2.157vw + 16.941px), 48px);
  --font-size-h3: clamp(20px, calc(1.176vw + 15.059px), 32px);
  --font-size-h4: clamp(18px, calc(0.588vw + 15.529px), 24px);
  --font-size-h5: clamp(16px, calc(0.476vw + 13.258px), 20px);
  --font-size-h6: clamp(14px, calc(0.476vw + 11.258px), 18px);
  --font-size-body: clamp(15px, calc(0.098vw + 14.588px), 16px);
  --font-size-lg: clamp(16px, calc(0.196vw + 15.176px), 18px);
  --font-size-xl: clamp(18px, calc(0.196vw + 17.176px), 20px);
  --font-size-sm: clamp(14px, calc(0.476vw + 11.258px), 14px);
  --font-size-xs: clamp(12px, calc(0.392vw + 9.353px), 12px);
  --font-size-meta: 13px;
  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 50px;
  /* Shadows */
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 15px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.1);
  --shadow-button: 0 4px 0px #cccccc, 0 10px 20px rgba(0, 0, 0, 0.1);
  --shadow-button-hover: 0 6px 0px #bbbbbb, 0 12px 24px rgba(0, 0, 0, 0.15);
  --shadow-button-active: 0 2px 0px #aaaaaa, 0 4px 8px rgba(0, 0, 0, 0.1);
  /* Transitions */
  --transition-base: all 0.3s ease;
  --transition-bounce: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Typography */
  --font-heading: 'Helvetica Neue LT Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Helvetica Neue LT Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  /* Font Weights */
  --weight-thin: 100;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --weight-bold: 500;
}

@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: var(--font-body);
  font-weight: var(--weight-regular);
  color: var(--color-primary);
  line-height: 1.6;
  background-color: #e8e8e8;
  font-size: var(--font-size-body);
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  color: var(--color-primary);
  font-weight: var(--weight-bold);
  line-height: 1.3;
}

h1 {
  font-size: var(--font-size-h1);
  font-weight: var(--weight-thin);
  margin-bottom: var(--spacing-sm);
  line-height: 1.1;
  letter-spacing: 0.5px;
  -webkit-animation: slideDown 0.8s ease-out;
          animation: slideDown 0.8s ease-out;
}

h2 {
  font-size: var(--font-size-h2);
  letter-spacing: 0.5px;
  margin-bottom: var(--spacing-sm);
}

h3 {
  font-size: var(--font-size-h3);
  margin-bottom: var(--spacing-sm);
}

h4 {
  font-size: var(--font-size-h4);
  margin-bottom: var(--spacing-xs);
}

h5 {
  font-size: var(--font-size-h5);
  margin-bottom: var(--spacing-xs);
}

h6 {
  font-size: var(--font-size-h6);
  margin-bottom: var(--spacing-xs);
}

p {
  color: var(--color-text-body);
  margin-bottom: var(--spacing-sm);
}

a {
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
  text-decoration: none;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slideDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slideDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes pulse {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@keyframes pulse {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@-webkit-keyframes rotate-gradient {
  0% {
    --gradient-angle: 0deg;
  }
  100% {
    --gradient-angle: 360deg;
  }
}
@keyframes rotate-gradient {
  0% {
    --gradient-angle: 0deg;
  }
  100% {
    --gradient-angle: 360deg;
  }
}
/* Buttons */
.button,
.cta-button {
  display: inline-block;
  background: var(--color-white);
  color: var(--color-black);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-pill);
  text-decoration: none;
  font-weight: var(--weight-bold);
  font-size: clamp(14px, 0.392vw + 12.353px, 18px);
  -webkit-box-shadow: var(--shadow-button);
          box-shadow: var(--shadow-button);
  cursor: pointer;
  border: 1px solid var(--color-border);
  -webkit-transition: var(--transition-bounce);
  transition: var(--transition-bounce);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.button:hover,
.cta-button:hover {
  background: #f8f8f8;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: var(--shadow-button-hover);
          box-shadow: var(--shadow-button-hover);
}
.button:active,
.cta-button:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  -webkit-box-shadow: var(--shadow-button-active);
          box-shadow: var(--shadow-button-active);
}

.center-button {
  text-align: center;
  margin-top: var(--spacing-lg);
}

.cta-button-secondary {
  padding: 15px 30px;
  font-size: var(--font-size-h6);
  font-weight: var(--weight-bold);
  color: var(--color-primary);
  -webkit-box-shadow: var(--shadow-button);
          box-shadow: var(--shadow-button);
  cursor: pointer;
  border: 1px solid var(--color-border);
  -webkit-transition: var(--transition-bounce);
  transition: var(--transition-bounce);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.cta-button-secondary:hover {
  background: #f8f8f8;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: var(--shadow-button-hover);
          box-shadow: var(--shadow-button-hover);
}
.cta-button-secondary:active {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  -webkit-box-shadow: var(--shadow-button-active);
          box-shadow: var(--shadow-button-active);
}

.center-button {
  text-align: center;
  margin-top: var(--spacing-lg);
}

.cta-button-secondary {
  background: transparent;
  border: 2px solid white;
  color: white;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.cta-button-secondary:hover {
  background: rgba(255, 255, 255, 0.1);
  color: white;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
          box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
}

.cta-button-dark {
  background: var(--color-primary);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0 4px 0px #000000, 0 10px 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 0px #000000, 0 10px 20px rgba(0, 0, 0, 0.3);
}
.cta-button-dark:hover {
  background: #2a2a2a;
  -webkit-box-shadow: 0 6px 0px #000000, 0 12px 24px rgba(0, 0, 0, 0.4);
          box-shadow: 0 6px 0px #000000, 0 12px 24px rgba(0, 0, 0, 0.4);
}
.cta-button-dark:active {
  -webkit-box-shadow: 0 2px 0px #000000, 0 4px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 0px #000000, 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Feature Cards */
.feature-card {
  background: var(--color-white);
  padding: var(--spacing-md);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 8px solid var(--color-primary);
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
  -webkit-box-shadow: var(--shadow-sm);
          box-shadow: var(--shadow-sm);
}
.feature-card:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: var(--shadow-lg);
          box-shadow: var(--shadow-lg);
}
.feature-card .feature-number {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 2;
  background: var(--color-primary);
  color: white;
  border-radius: 50%;
  text-align: center;
  font-weight: var(--weight-bold);
  margin-bottom: var(--spacing-xs);
  font-size: var(--font-size-xl);
}
.feature-card h3 {
  font-size: var(--font-size-xl);
  margin-bottom: var(--spacing-xs);
}
.feature-card p {
  font-size: var(--font-size-lg);
}

/* Curriculum Cards */
.curriculum-card {
  background: var(--color-white);
  padding: var(--spacing-md);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 5px solid var(--color-primary);
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
}
.curriculum-card:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.curriculum-card .curriculum-card-title {
  font-size: var(--font-size-h4);
  margin-bottom: var(--spacing-xs);
}
.curriculum-card ul {
  list-style: none;
  padding: 0;
}
.curriculum-card ul li {
  padding-left: 25px;
  position: relative;
  margin-bottom: 7px;
  font-size: var(--font-size-body);
}
.curriculum-card ul li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: var(--weight-bold);
}

/* FAQ Items */
.faq-grid {
  max-width: 900px;
  margin: var(--spacing-lg) auto 0;
}
.faq-grid .faq-item {
  background: var(--color-bg-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-sm);
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.faq-grid .faq-item.active .faq-question:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.faq-grid .faq-item.active .faq-answer {
  max-height: 1000px;
  padding: 0 30px var(--spacing-md);
  opacity: 1;
}
.faq-grid .faq-item .faq-question {
  padding: 15px 30px;
  font-size: var(--font-size-h6);
  font-weight: var(--weight-bold);
  color: var(--color-primary);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}
.faq-grid .faq-item .faq-question:after {
  content: "+";
  font-size: 24px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.faq-grid .faq-item .faq-answer {
  max-height: 0;
  padding: 0 30px;
  font-size: var(--font-size-h6);
  color: var(--color-text-body);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.faq-grid .faq-item .faq-answer p:last-child {
  margin-bottom: 0;
}

/* Hero */
.hero {
  padding: var(--section-padding) 0;
  background-color: #000000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 16 32'%3E%3Cg fill='%23232323' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M0 24h4v2H0v-2zm0 4h6v2H0v-2zm0-8h2v2H0v-2zM0 0h4v2H0V0zm0 4h2v2H0V4zm16 20h-6v2h6v-2zm0 4H8v2h8v-2zm0-8h-4v2h4v-2zm0-20h-6v2h6V0zm0 4h-4v2h4V4zm-2 12h2v2h-2v-2zm0-8h2v2h-2V8zM2 8h10v2H2V8zm0 8h10v2H2v-2zm-2-4h14v2H0v-2zm4-8h6v2H4V4zm0 16h6v2H4v-2zM6 0h2v2H6V0zm0 24h2v2H6v-2z'/%3E%3C/g%3E%3C/svg%3E");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  min-height: 90vh;
  color: white;
  -webkit-animation: fadeIn 1s ease-in;
          animation: fadeIn 1s ease-in;
  position: relative;
}
.hero h1 {
  color: white;
  margin-bottom: var(--spacing-md);
}
.hero .logo-container {
  margin-bottom: var(--spacing-sm);
}
.hero .logo-container .logo {
  max-width: clamp(75px, 7.353vw + 44.118px, 150px);
  height: auto;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.hero .subtitle {
  font-size: clamp(16px, 2.5vw, 21px);
  color: var(--color-silver);
  margin-bottom: var(--spacing-md);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* Sections Base */
.different,
.curriculum,
.faq,
.testimonials-section,
.lead-tutor,
.final-cta {
  padding: var(--section-padding) 0;
}

.section-header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto var(--spacing-lg);
}
.section-header .section-title,
.section-header h2 {
  margin-bottom: var(--spacing-sm);
}
.section-header .intro-text {
  margin-bottom: 0;
  font-size: clamp(16px, 2.5vw, 21px);
  color: var(--color-secondary);
  font-weight: var(--weight-medium);
}

/* Grids */
.features-grid,
.curriculum-grid,
.credentials-grid {
  display: -ms-grid;
  display: grid;
  gap: var(--spacing-md);
  margin-top: var(--spacing-lg);
}

.features-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.curriculum-grid {
  grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
}
@media (min-width: 768px) {
  .curriculum-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}

.credentials-grid {
  grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
}

/* Quick Start */
.quick-start {
  padding: var(--section-padding) 0;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  background-color: #0a0a0a;
  background-image: radial-gradient(circle at 25% 25%, #222222 0.5px, transparent 1px), radial-gradient(circle at 75% 75%, #111111 0.5px, transparent 1px);
  background-size: 10px 10px;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: pixelated;
  color: white;
  text-align: center;
}
.quick-start h2 {
  color: white;
  margin-bottom: var(--spacing-md);
}
.quick-start .highlight-box {
  background: var(--color-glass-white);
  border: 2px solid var(--color-glass-border);
  border-radius: var(--radius-xl);
  padding: var(--spacing-lg);
  max-width: 700px;
  margin: 0 auto;
}
.quick-start .highlight-box p {
  font-size: clamp(18px, 2vw, 22px);
  color: var(--color-silver);
  margin-bottom: 0;
}
.quick-start .highlight-box strong {
  color: white;
  font-size: clamp(19px, 2.5vw, 26px);
  display: block;
  margin-top: var(--spacing-xs);
}

/* Lead Tutor Section */
.lead-tutor {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  background-color: #232323;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%23232323'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23121212'/%3E%3Cstop offset='1' stop-color='%23232323'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.1' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3CradialGradient id='a' cx='800' cy='371' r='33.2%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23232323'/%3E%3Cstop offset='1' stop-color='%23232323'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='800' cy='371' r='0%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23232323' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23232323' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1600' height='900'/%3E%3Cg fill='none' stroke='%23000000' stroke-width='1.1' stroke-miterlimit='10' stroke-opacity='0.33'%3E%3Cpolygon points='2277.4 1152 800-1407-677.4 1152'/%3E%3Cpolygon points='800-1372.9-648.8 1136.5 2248.8 1136.5'/%3E%3Cpolygon points='800-1338.8-620.2 1121.1 2220.2 1121.1'/%3E%3Cpolygon points='800-1304.7-591.6 1105.6 2191.6 1105.6'/%3E%3Cpolygon points='800-1270.6-563 1090.2 2163 1090.2'/%3E%3Cpolygon points='800-1236.5-534.4 1074.7 2134.4 1074.7'/%3E%3Cpolygon points='800-1202.4-505.8 1059.3 2105.8 1059.3'/%3E%3Cpolygon points='800-1168.3-477.2 1043.8 2077.2 1043.8'/%3E%3Cpolygon points='800-1134.2-448.6 1028.4 2048.6 1028.4'/%3E%3Cpolygon points='800-1100.1-420 1012.9 2020 1012.9'/%3E%3Cpolygon points='800-1066-391.4 997.5 1991.4 997.5'/%3E%3Cpolygon points='800-1031.9-362.7 982 1962.7 982'/%3E%3Cpolygon points='800-997.8-334.1 966.6 1934.1 966.6'/%3E%3Cpolygon points='800-963.7-305.5 951.1 1905.5 951.1'/%3E%3Cpolygon points='800-929.6-276.9 935.7 1876.9 935.7'/%3E%3Cpolygon points='800-895.5-248.3 920.2 1848.3 920.2'/%3E%3Cpolygon points='800-861.4-219.7 904.7 1819.7 904.7'/%3E%3Cpolygon points='800-827.3-191.1 889.3 1791.1 889.3'/%3E%3Cpolygon points='800-793.2-162.5 873.8 1762.5 873.8'/%3E%3Cpolygon points='800-759.1-133.9 858.4 1733.9 858.4'/%3E%3Cpolygon points='800-725-105.3 842.9 1705.3 842.9'/%3E%3Cpolygon points='800-690.9-76.7 827.5 1676.7 827.5'/%3E%3Cpolygon points='800-656.8-48.1 812 1648.1 812'/%3E%3Cpolygon points='800-622.7-19.4 796.6 1619.4 796.6'/%3E%3Cpolygon points='800-588.6 9.2 781.1 1590.8 781.1'/%3E%3Cpolygon points='800-554.5 37.8 765.7 1562.2 765.7'/%3E%3Cpolygon points='800-520.5 66.4 750.2 1533.6 750.2'/%3E%3Cpolygon points='800-486.4 95 734.8 1505 734.8'/%3E%3Cpolygon points='800-452.3 123.6 719.3 1476.4 719.3'/%3E%3Cpolygon points='800-418.2 152.2 703.9 1447.8 703.9'/%3E%3Cpolygon points='800-384.1 180.8 688.4 1419.2 688.4'/%3E%3Cpolygon points='800-350 209.4 673 1390.6 673'/%3E%3Cpolygon points='800-315.9 238 657.5 1362 657.5'/%3E%3Cpolygon points='800-281.8 266.6 642 1333.4 642'/%3E%3Cpolygon points='800-247.7 295.2 626.6 1304.8 626.6'/%3E%3Cpolygon points='800-213.6 323.9 611.1 1276.1 611.1'/%3E%3Cpolygon points='800-179.5 352.5 595.7 1247.5 595.7'/%3E%3Cpolygon points='800-145.4 381.1 580.2 1218.9 580.2'/%3E%3Cpolygon points='800-111.3 409.7 564.8 1190.3 564.8'/%3E%3Cpolygon points='800-77.2 438.3 549.3 1161.7 549.3'/%3E%3Cpolygon points='800-43.1 466.9 533.9 1133.1 533.9'/%3E%3Cpolygon points='800-9 495.5 518.4 1104.5 518.4'/%3E%3Cpolygon points='800 25.1 524.1 503 1075.9 503'/%3E%3Cpolygon points='800 59.2 552.7 487.5 1047.3 487.5'/%3E%3Cpolygon points='800 93.3 581.3 472.1 1018.7 472.1'/%3E%3Cpolygon points='800 127.4 609.9 456.6 990.1 456.6'/%3E%3Cpolygon points='800 161.5 638.5 441.2 961.5 441.2'/%3E%3Cpolygon points='800 195.6 667.2 425.7 932.8 425.7'/%3E%3Cpolygon points='800 229.7 695.8 410.2 904.2 410.2'/%3E%3Cpolygon points='800 263.8 724.4 394.8 875.6 394.8'/%3E%3Cpolygon points='800 297.9 753 379.3 847 379.3'/%3E%3Cpolygon points='800 332 781.6 363.9 818.4 363.9'/%3E%3C/g%3E%3Crect fill-opacity='0.33' fill='url(%23b)' width='1600' height='900'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  color: white;
}
.lead-tutor h2 {
  color: white;
  margin-bottom: var(--spacing-lg);
}
.lead-tutor h3 {
  color: white;
  border-left: 4px solid white;
  padding-left: 15px;
  margin-top: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
  text-align: left;
}
.lead-tutor p {
  color: var(--color-silver);
  margin-bottom: var(--spacing-md);
}
.lead-tutor .tutor-intro {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--spacing-lg);
}
@media (min-width: 768px) {
  .lead-tutor .tutor-intro {
    -ms-grid-columns: 2fr 3fr;
    grid-template-columns: 2fr 3fr;
  }
}
.lead-tutor .tutor-intro .tutor-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: var(--spacing-lg);
  text-align: center;
}
.lead-tutor .tutor-intro .tutor-profile .tutor-image {
  width: 100%;
  aspect-ratio: 4/5;
  -o-object-position: top center;
     object-position: top center;
  border-radius: var(--radius-md);
  -o-object-fit: cover;
     object-fit: cover;
  border: 5px solid rgba(255, 255, 255, 0.2);
  margin-bottom: var(--spacing-sm);
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.lead-tutor .tutor-intro .tutor-name {
  line-height: 1;
}
.lead-tutor .tutor-intro .tutor-position {
  line-height: 1;
}
.lead-tutor .tutor-quote {
  font-size: var(--font-size-h4);
  font-style: italic;
  color: var(--color-silver);
  line-height: 1.4;
  text-align: center;
  max-width: 800px;
  margin: 0 auto var(--spacing-lg);
}
.lead-tutor .impact-stat {
  --gradient-angle: 0deg;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.15))) padding-box, conic-gradient(from var(--gradient-angle), transparent, rgba(255, 255, 255, 0.8) 10%, transparent 20%) border-box;
  background: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)) padding-box, conic-gradient(from var(--gradient-angle), transparent, rgba(255, 255, 255, 0.8) 10%, transparent 20%) border-box;
  border: 2px solid transparent;
  border-radius: var(--radius-lg);
  text-align: center;
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  -webkit-animation: rotate-gradient 3s linear infinite;
          animation: rotate-gradient 3s linear infinite;
}
.lead-tutor .impact-stat .impact-stat-inner {
  border-radius: var(--radius-lg);
  background-color: var(--color-black);
  padding: var(--spacing-md);
}
.lead-tutor .impact-stat .impact-stat-inner .number {
  font-size: clamp(40px, 6vw, 64px);
  font-weight: var(--weight-bold);
  line-height: 1;
  color: white;
  margin-bottom: 10px;
}
.lead-tutor .credential-item {
  --gradient-angle: 0deg;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.15))) padding-box, conic-gradient(from var(--gradient-angle), transparent, rgba(255, 255, 255, 0.8) 10%, transparent 20%) border-box;
  background: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)) padding-box, conic-gradient(from var(--gradient-angle), transparent, rgba(255, 255, 255, 0.8) 10%, transparent 20%) border-box;
  background: rgba(255, 255, 255, 0.1);
  background-color: var(--color-black);
  padding: var(--spacing-sm);
  border-radius: var(--radius-md);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(2px);
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
  -webkit-animation: rotate-gradient 3s linear infinite;
          animation: rotate-gradient 3s linear infinite;
}
.lead-tutor .credential-item:hover {
  background: rgba(0, 0, 0, 0.75);
}
.lead-tutor .credential-item strong {
  font-size: var(--font-size-h6);
  display: block;
  color: white;
  margin-bottom: 8px;
}

/* Testimonials */
.testimonials-section {
  background: var(--color-bg-light);
}
.testimonials-section .swiper-container {
  padding: 50px 0;
}
.testimonials-section .testimonial-card {
  background: white;
  padding: var(--spacing-md) var(--spacing-lg);
  padding-bottom: var(--spacing-xl);
  border-radius: var(--radius-lg);
  -webkit-box-shadow: var(--shadow-md);
          box-shadow: var(--shadow-md);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.testimonials-section .testimonial-card .testimonial-content {
  font-style: italic;
  margin-bottom: 25px;
  font-size: var(--font-size-lg);
  color: var(--color-primary);
  position: relative;
}
.testimonials-section .testimonial-card .testimonial-content:before {
  content: '"';
  font-size: 64px;
  position: absolute;
  top: -20px;
  left: -10px;
  opacity: 0.1;
  font-family: serif;
}
.testimonials-section .testimonial-card .testimonial-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.testimonials-section .testimonial-card .testimonial-author .author-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.testimonials-section .testimonial-card .testimonial-author .author-info span {
  display: block;
}
.testimonials-section .testimonial-card .testimonial-author .author-info .name {
  font-weight: var(--weight-bold);
  color: var(--color-primary);
}
.testimonials-section .testimonial-card .testimonial-author .author-info .title {
  font-size: var(--font-size-sm);
  color: var(--color-text-body);
}
.testimonials-section .swiper {
  padding: 0 var(--spacing-md);
}
.testimonials-section .swiper .swiper-wrapper {
  overflow: visible;
}
.testimonials-section .swiper .swiper-button-next,
.testimonials-section .swiper .swiper-button-prev {
  color: var(--color-primary);
}
.testimonials-section .swiper .swiper-button-next:after,
.testimonials-section .swiper .swiper-button-prev:after {
  font-size: var(--font-size-md);
  font-weight: var(--weight-bold);
}
.testimonials-section .swiper .swiper-button-next {
  right: -8px;
}
.testimonials-section .swiper .swiper-button-prev {
  left: -8px;
}
.testimonials-section .swiper-pagination-bullet-active {
  background: var(--color-primary);
}

/* Final CTA */
.final-cta {
  background: var(--color-black);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.06) 1px, transparent 1px), radial-gradient(circle, rgba(1, 0, 0, 0.6) 1px, transparent 1px);
  background-size: 20px 20px;
  background-position: 0 0, 0 0, 10px 10px;
  color: white;
  text-align: center;
}
.final-cta h2 {
  color: white;
  margin-bottom: var(--spacing-lg);
}
.final-cta .intro-text {
  color: var(--color-silver);
  margin-bottom: var(--spacing-lg);
}
.final-cta .spots-badge {
  display: inline-block;
  background: var(--color-silver);
  color: var(--color-black);
  padding: 12px 30px;
  border-radius: var(--radius-pill);
  font-weight: var(--weight-bold);
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}
.final-cta .details-grid {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--spacing-sm);
  margin-top: var(--spacing-lg);
}
@media (min-width: 768px) {
  .final-cta .details-grid {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }
}
.final-cta .details-grid .detail-box {
  backdrop-filter: blur(2px);
  background: rgba(0, 0, 0, 0.35);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.final-cta .details-grid .detail-box:hover {
  background: rgba(81, 81, 81, 0.2);
}
.final-cta .details-grid .detail-box h4 {
  color: var(--color-silver);
  opacity: 0.8;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-size: var(--font-size-sm);
  line-height: 1;
}
.final-cta .details-grid .detail-box p {
  font-size: var(--font-size-h4);
  color: white;
  margin-bottom: 0;
}

.business-info {
  background: var(--color-black);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin: var(--spacing-lg) auto;
  text-align: left;
}
.business-info h3 {
  margin-bottom: var(--spacing-sm);
  text-align: center;
  color: white;
}
.business-info p {
  color: var(--color-silver);
  margin-bottom: 15px;
}
.business-info strong {
  color: white;
}

.cta-buttons {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--spacing-sm);
  margin: var(--spacing-lg) auto;
  max-width: 900px;
}

/* Privacy Page */
.privacy-content {
  padding: clamp(100px, 15vw, 150px) var(--container-padding) 80px;
  max-width: 900px;
  margin: 0 auto;
}
.privacy-content h1 {
  text-align: left;
  margin-bottom: var(--spacing-md);
}
.privacy-content h2 {
  text-align: left;
  margin-top: var(--spacing-lg);
  margin-bottom: var(--spacing-sm);
  font-size: var(--font-size-h3);
  border-bottom: 2px solid var(--color-primary);
  padding-bottom: 10px;
  display: inline-block;
}
.privacy-content p,
.privacy-content ul {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-body);
}
.privacy-content ul {
  padding-left: 20px;
}
.privacy-content table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--spacing-sm) 0;
}
.privacy-content table th,
.privacy-content table td {
  border: 1px solid #ddd;
  padding: 12px;
  text-align: left;
}
.privacy-content table th {
  background-color: var(--color-bg-light);
}

.back-link {
  display: inline-block;
  margin-bottom: var(--spacing-lg);
  color: var(--color-primary);
  font-weight: var(--weight-bold);
}
.back-link:hover {
  text-decoration: underline;
}

/* Footer */
footer {
  background: var(--color-black);
  color: white;
  padding: var(--spacing-lg) var(--container-padding);
  text-align: center;
}
footer .footer-content {
  max-width: 1200px;
  margin: 0 auto;
}
footer .footer-links {
  margin: var(--spacing-sm) 0;
}
footer .footer-links a {
  color: var(--color-silver);
  text-decoration: none;
  margin: 0 15px;
  font-size: var(--font-size-sm);
}
footer .footer-links a:hover {
  color: white;
  text-decoration: underline;
}
footer .footer-copyright {
  font-size: var(--font-size-meta);
  opacity: 0.6;
  margin-top: var(--spacing-sm);
}

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

/* Responsive Overrides */
@media (max-width: 768px) {
  .cta-buttons {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .hero {
    min-height: 80vh;
  }
}