/* Page: Home */
:root { --nc-primary: #6366f1; --nc-primary-dark: #4f46e5; --nc-secondary: #06b6d4; --nc-dark: #0f172a; --nc-dark-light: #1e293b; --nc-text: #f8fafc; --nc-text-muted: #cbd5e1; --nc-accent: #a78bfa; --nc-success: #10b981; --nc-gradient: linear-gradient(135deg,#667eea 0%,#764ba2 100%); --nc-gradient-alt: linear-gradient(135deg,#6366f1 0%,#06b6d4 100%); }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: "Inter", sans-serif; background-color: var(--nc-dark); color: var(--nc-text); line-height: 1.6; overflow-x: hidden; }
.nc-home-hero { min-height: 100vh; background: linear-gradient(135deg, rgb(15, 23, 42) 0%, rgb(30, 41, 59) 50%, rgb(51, 65, 85) 100%); position: relative; overflow: hidden; padding: 0px 20px; }
.nc-home-hero::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: radial-gradient(circle at 20% 50%, rgba(99, 102, 241, 0.15) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(6, 182, 212, 0.15) 0%, transparent 50%); pointer-events: none; z-index: 1; }
.nc-home-container { max-width: 1400px; margin: 0px auto; position: relative; z-index: 2; padding-top: 120px; }
.nc-hero-content { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; padding: 60px 0px; }
@media (max-width: 968px) {
  .nc-hero-content { grid-template-columns: 1fr; gap: 50px; text-align: center; }
}
.nc-hero-text { animation: 1s ease-out nc-fadeInUp; }
.nc-hero-label { display: inline-block; background: rgba(99, 102, 241, 0.2); color: var(--nc-accent); padding: 10px 24px; border-radius: 50px; font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 24px; border: 1px solid rgba(99, 102, 241, 0.3); }
.nc-hero-title { font-family: "Space Grotesk", sans-serif; font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800; line-height: 1.1; margin-bottom: 24px; background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(167, 139, 250) 100%) padding-box text; -webkit-text-fill-color: transparent; }
.nc-hero-subtitle { font-size: clamp(1.1rem, 2vw, 1.35rem); color: var(--nc-text-muted); margin-bottom: 40px; font-weight: 400; line-height: 1.7; }
.nc-hero-cta { display: flex; gap: 20px; flex-wrap: wrap; }
@media (max-width: 968px) {
  .nc-hero-cta { justify-content: center; }
}
.nc-btn { padding: 16px 36px; border-radius: 12px; font-size: 16px; font-weight: 600; text-decoration: none; transition: 0.3s; cursor: pointer; border: medium; display: inline-flex; align-items: center; gap: 10px; font-family: "Inter", sans-serif; }
.nc-btn-primary { background: var(--nc-primary); color: rgb(255, 255, 255); box-shadow: rgba(99, 102, 241, 0.4) 0px 10px 30px; }
.nc-btn-primary:hover { background: var(--nc-primary-dark); transform: translateY(-3px); box-shadow: rgba(99, 102, 241, 0.5) 0px 15px 40px; }
.nc-btn-secondary { background: transparent; color: rgb(255, 255, 255); border: 2px solid var(--nc-secondary); box-shadow: rgba(6, 182, 212, 0.3) 0px 5px 20px; }
.nc-btn-secondary:hover { background: var(--nc-secondary); border-color: var(--nc-secondary); transform: translateY(-3px); box-shadow: rgba(6, 182, 212, 0.5) 0px 10px 30px; }
.nc-hero-visual { position: relative; animation: 1s ease-out nc-fadeInRight; }
.nc-hero-image-wrapper { position: relative; border-radius: 24px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 60px; }
.nc-hero-image-wrapper img { width: 100%; height: auto; display: block; border-radius: 24px; }
.nc-floating-card { position: absolute; background: rgba(30, 41, 59, 0.95); backdrop-filter: blur(10px); padding: 20px 28px; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 40px; border: 1px solid rgba(255, 255, 255, 0.1); animation: 3s ease-in-out infinite nc-float; }
.nc-float-card-1 { top: 10%; left: -40px; animation-delay: 0s; }
.nc-float-card-2 { bottom: 15%; right: -40px; animation-delay: 1.5s; }
.nc-card-icon { width: 48px; height: 48px; background: var(--nc-gradient); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; font-size: 24px; }
.nc-card-title { font-size: 18px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 4px; }
.nc-card-subtitle { font-size: 14px; color: var(--nc-text-muted); }
.nc-features-section { padding: 100px 20px; background: var(--nc-dark-light); position: relative; }
.nc-features-container { max-width: 1400px; margin: 0px auto; }
.nc-section-header { text-align: center; margin-bottom: 80px; }
.nc-section-subtitle { color: var(--nc-secondary); font-size: 16px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 16px; }
.nc-section-title { font-family: "Space Grotesk", sans-serif; font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: rgb(255, 255, 255); margin-bottom: 20px; }
.nc-section-description { font-size: 18px; color: var(--nc-text-muted); max-width: 700px; margin: 0px auto; line-height: 1.8; }
.nc-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px; }
.nc-feature-card { background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(10px); padding: 40px; border-radius: 20px; border: 1px solid rgba(99, 102, 241, 0.2); transition: 0.4s; position: relative; overflow: hidden; }
.nc-feature-card::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 4px; background: var(--nc-gradient-alt); transform: scaleX(0); transform-origin: left center 0px; transition: transform 0.4s; }
.nc-feature-card:hover { transform: translateY(-8px); border-color: var(--nc-primary); box-shadow: rgba(99, 102, 241, 0.3) 0px 20px 50px; }
.nc-feature-card:hover::before { transform: scaleX(1); }
.nc-feature-icon { width: 64px; height: 64px; background: var(--nc-gradient); border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 32px; margin-bottom: 24px; box-shadow: rgba(99, 102, 241, 0.4) 0px 10px 30px; }
.nc-feature-title { font-size: 24px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 16px; font-family: "Space Grotesk", sans-serif; }
.nc-feature-description { font-size: 16px; color: var(--nc-text-muted); line-height: 1.7; }
.nc-cta-section { padding: 120px 20px; background: linear-gradient(135deg, rgb(30, 41, 59) 0%, rgb(15, 23, 42) 100%); position: relative; }
.nc-cta-section::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("data:image/svg+xml,<svg width=\"60\" height=\"60\" viewBox=\"0 0 60 60\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"1\" cy=\"1\" r=\"1\" fill=\"rgba(99,102,241,0.1)\"/></svg>"); opacity: 0.4; }
.nc-cta-container { max-width: 900px; margin: 0px auto; text-align: center; position: relative; z-index: 2; background: rgba(30, 41, 59, 0.5); backdrop-filter: blur(20px); padding: 80px 60px; border-radius: 32px; border: 1px solid rgba(99, 102, 241, 0.3); box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 80px; }
@media (max-width: 768px) {
  .nc-cta-container { padding: 60px 30px; }
}
.nc-cta-title { font-family: "Space Grotesk", sans-serif; font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 800; color: rgb(255, 255, 255); margin-bottom: 24px; line-height: 1.2; }
.nc-cta-text { font-size: 20px; color: var(--nc-text-muted); margin-bottom: 40px; line-height: 1.7; }
.nc-cta-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
.nc-btn-large { padding: 20px 48px; font-size: 18px; border-radius: 14px; }
@keyframes nc-fadeInUp {
0% { opacity: 0; transform: translateY(30px); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes nc-fadeInRight {
0% { opacity: 0; transform: translateX(30px); }
100% { opacity: 1; transform: translateX(0px); }
}
@keyframes nc-float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-20px); }
}
@media (max-width: 768px) {
  .nc-float-card-1, .nc-float-card-2 { display: none; }
  .nc-home-hero { padding: 0px 15px; }
  .nc-hero-content { padding: 40px 0px; }
}
.nc-stats-section { background: var(--nc-dark); padding: 80px 20px; }
.nc-stats-container { max-width: 1400px; margin: 0px auto; }
.nc-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; }
.nc-stat-card { text-align: center; padding: 30px; }
.nc-stat-number { font-family: "Space Grotesk", sans-serif; font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800; background-color: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-image: ; background-size: ; background-origin: ; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 12px; }
.nc-stat-label { font-size: 18px; color: var(--nc-text-muted); font-weight: 600; }

/* Page: Our Coaching Services */
:root { --primary-color: #314978; --secondary-color: #4A668F; --tertiary-color: #8197B8; --highlight-color: #223560; --light-bg: #F5F7FA; --white: #FFFFFF; --text-dark: #1a1a1a; --text-light: #e8e8e8; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: "Inter", sans-serif; line-height: 1.6; color: var(--text-dark); }
.coaching-services-page { width: 100%; overflow-x: hidden; }
.coaching-hero-section { background: var(--secondary-color); padding: 120px 20px 80px; text-align: center; color: var(--white); }
.coaching-hero-breadcrumb { font-size: 14px; color: rgb(208, 216, 228); margin-bottom: 20px; letter-spacing: 0.5px; }
.coaching-hero-breadcrumb a { color: rgb(208, 216, 228); text-decoration: none; transition: color 0.3s; }
.coaching-hero-breadcrumb a:hover { color: var(--white); }
.coaching-hero-title { font-size: 56px; font-weight: 800; margin-bottom: 24px; line-height: 1.2; }
.coaching-hero-subtitle { font-size: 22px; font-weight: 300; max-width: 800px; margin: 0px auto; color: rgb(232, 236, 242); line-height: 1.6; }
.coaching-philosophy-section { background: var(--white); padding: 100px 20px; }
.coaching-philosophy-container { max-width: 1200px; margin: 0px auto; }
.coaching-section-heading { font-size: 42px; font-weight: 700; color: var(--primary-color); margin-bottom: 60px; text-align: center; }
.coaching-philosophy-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; margin-bottom: 60px; }
.coaching-philosophy-text { font-size: 18px; line-height: 1.8; color: rgb(51, 51, 51); }
.coaching-philosophy-text p { margin-bottom: 20px; }
.coaching-philosophy-image { width: 100%; height: auto; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 40px; }
.coaching-philosophy-quote { background: var(--tertiary-color); padding: 40px; border-radius: 12px; text-align: center; color: var(--white); font-size: 24px; font-weight: 500; font-style: italic; box-shadow: rgba(129, 151, 184, 0.3) 0px 6px 20px; }
.coaching-services-section { background: var(--light-bg); padding: 100px 20px; }
.coaching-services-container { max-width: 1200px; margin: 0px auto; }
.coaching-services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; }
.coaching-service-card { background: var(--white); padding: 40px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 20px; transition: transform 0.3s, box-shadow 0.3s; }
.coaching-service-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.15) 0px 12px 40px; }
.coaching-service-icon { width: 70px; height: 70px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; margin-bottom: 24px; color: var(--white); }
.coaching-service-icon.icon-highlight { background: var(--highlight-color); }
.coaching-service-icon.icon-secondary { background: var(--secondary-color); }
.coaching-service-icon.icon-tertiary { background: var(--tertiary-color); }
.coaching-service-icon.icon-primary { background: var(--primary-color); }
.coaching-service-title { font-size: 26px; font-weight: 700; color: var(--primary-color); margin-bottom: 20px; }
.coaching-service-description { font-size: 16px; line-height: 1.7; color: rgb(85, 85, 85); margin-bottom: 20px; }
.coaching-service-benefits { list-style: none; margin-bottom: 24px; }
.coaching-service-benefits li { font-size: 15px; color: rgb(102, 102, 102); padding: 8px 0px 8px 28px; position: relative; }
.coaching-service-benefits li::before { content: "✓"; position: absolute; left: 0px; color: var(--secondary-color); font-weight: 700; }
.coaching-service-btn { display: inline-block; background: var(--secondary-color); color: var(--white); padding: 14px 32px; border-radius: 8px; text-decoration: none; font-weight: 600; transition: background 0.3s, transform 0.2s; border: medium; cursor: pointer; }
.coaching-service-btn:hover { background: var(--primary-color); transform: translateY(-2px); }
.coaching-strategies-section { background: var(--white); padding: 100px 20px; }
.coaching-strategies-container { max-width: 1200px; margin: 0px auto; }
.coaching-strategies-intro { text-align: center; font-size: 18px; color: rgb(85, 85, 85); max-width: 800px; margin: 0px auto 60px; line-height: 1.8; }
.coaching-strategies-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.coaching-strategy-item { text-align: center; padding: 30px; border-radius: 12px; transition: background 0.3s; }
.coaching-strategy-item:hover { background: var(--light-bg); }
.coaching-strategy-icon { width: 80px; height: 80px; margin: 0px auto 20px; background: var(--tertiary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 36px; color: var(--white); }
.coaching-strategy-title { font-size: 20px; font-weight: 600; color: var(--primary-color); margin-bottom: 12px; }
.coaching-strategy-description { font-size: 15px; color: rgb(102, 102, 102); line-height: 1.6; }
.coaching-methodology-section { background: var(--tertiary-color); padding: 100px 20px; color: var(--white); }
.coaching-methodology-container { max-width: 1200px; margin: 0px auto; }
.coaching-methodology-heading { font-size: 42px; font-weight: 700; color: var(--white); margin-bottom: 60px; text-align: center; }
.coaching-methodology-timeline { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.coaching-methodology-phase { background: rgba(255, 255, 255, 0.1); padding: 40px 30px; border-radius: 12px; border-left: 4px solid var(--white); transition: background 0.3s; }
.coaching-methodology-phase:hover { background: rgba(255, 255, 255, 0.15); }
.coaching-methodology-phase-icon { width: 60px; height: 60px; background: var(--white); color: var(--tertiary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; margin-bottom: 20px; font-weight: 700; }
.coaching-methodology-phase-title { font-size: 22px; font-weight: 700; margin-bottom: 16px; color: var(--white); }
.coaching-methodology-phase-description { font-size: 15px; line-height: 1.7; color: rgb(240, 244, 248); }
.coaching-formats-section { background: var(--white); padding: 100px 20px; }
.coaching-formats-container { max-width: 1200px; margin: 0px auto; }
.coaching-formats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.coaching-format-column { padding: 40px; border-radius: 12px; border: 2px solid var(--light-bg); transition: border-color 0.3s, box-shadow 0.3s; }
.coaching-format-column:hover { border-color: var(--secondary-color); box-shadow: rgba(74, 102, 143, 0.15) 0px 8px 30px; }
.coaching-format-icon { width: 70px; height: 70px; background: var(--primary-color); color: var(--white); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 32px; margin-bottom: 24px; }
.coaching-format-title { font-size: 24px; font-weight: 700; color: var(--primary-color); margin-bottom: 20px; }
.coaching-format-list { list-style: none; }
.coaching-format-list li { font-size: 15px; color: rgb(102, 102, 102); padding: 10px 0px 10px 28px; position: relative; line-height: 1.6; }
.coaching-format-list li::before { content: "•"; position: absolute; left: 0px; color: var(--secondary-color); font-size: 20px; font-weight: 700; }
.coaching-format-note { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--light-bg); font-size: 14px; color: rgb(136, 136, 136); font-style: italic; }
.coaching-expect-section { background: var(--light-bg); padding: 100px 20px; }
.coaching-expect-container { max-width: 1000px; margin: 0px auto; }
.coaching-accordion { display: flex; flex-direction: column; gap: 20px; }
.coaching-accordion-item { background: var(--white); border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px; }
.coaching-accordion-header { padding: 24px 30px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: var(--white); transition: background 0.3s; border: medium; width: 100%; text-align: left; }
.coaching-accordion-header:hover { background: var(--light-bg); }
.coaching-accordion-header.active { background: var(--highlight-color); color: var(--white); }
.coaching-accordion-title { font-size: 20px; font-weight: 600; color: var(--primary-color); }
.coaching-accordion-header.active .coaching-accordion-title { color: var(--white); }
.coaching-accordion-icon { font-size: 24px; transition: transform 0.3s; color: var(--secondary-color); }
.coaching-accordion-header.active .coaching-accordion-icon { transform: rotate(180deg); color: var(--white); }
.coaching-accordion-content { max-height: 0px; overflow: hidden; transition: max-height 0.4s, padding 0.4s; padding: 0px 30px; }
.coaching-accordion-content.active { max-height: 800px; padding: 0px 30px 30px; }
.coaching-accordion-text { font-size: 16px; line-height: 1.8; color: rgb(85, 85, 85); }
.coaching-focus-section { background: var(--white); padding: 100px 20px; }
.coaching-focus-container { max-width: 1200px; margin: 0px auto; }
.coaching-focus-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; }
.coaching-focus-column { display: flex; flex-direction: column; gap: 30px; }
.coaching-focus-item { display: flex; gap: 20px; align-items: flex-start; }
.coaching-focus-check { width: 30px; height: 30px; background: var(--secondary-color); color: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 16px; font-weight: 700; }
.coaching-focus-content h3 { font-size: 20px; font-weight: 600; color: var(--primary-color); margin-bottom: 8px; }
.coaching-focus-content p { font-size: 15px; color: rgb(102, 102, 102); line-height: 1.6; }
.coaching-metrics-section { background: var(--secondary-color); padding: 100px 20px; color: var(--white); }
.coaching-metrics-container { max-width: 1200px; margin: 0px auto; }
.coaching-metrics-heading { font-size: 42px; font-weight: 700; color: var(--white); margin-bottom: 30px; text-align: center; }
.coaching-metrics-description { text-align: center; font-size: 18px; color: rgb(232, 236, 242); max-width: 800px; margin: 0px auto 60px; line-height: 1.8; }
.coaching-metrics-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.coaching-metric-box { background: rgba(255, 255, 255, 0.1); padding: 40px 30px; border-radius: 12px; text-align: center; transition: background 0.3s, transform 0.3s; }
.coaching-metric-box:hover { background: rgba(255, 255, 255, 0.15); transform: translateY(-5px); }
.coaching-metric-icon { font-size: 48px; margin-bottom: 20px; }
.coaching-metric-title { font-size: 20px; font-weight: 600; margin-bottom: 12px; color: var(--white); }
.coaching-metric-text { font-size: 14px; color: rgb(232, 236, 242); line-height: 1.6; }
.coaching-cta-section { background: var(--primary-color); padding: 100px 20px; color: var(--white); text-align: center; }
.coaching-cta-container { max-width: 900px; margin: 0px auto; }
.coaching-cta-heading { font-size: 44px; font-weight: 700; color: var(--white); margin-bottom: 24px; }
.coaching-cta-text { font-size: 20px; color: rgb(232, 236, 242); margin-bottom: 40px; line-height: 1.7; }
.coaching-cta-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin-bottom: 40px; }
.coaching-cta-btn-primary { background: var(--white); color: var(--primary-color); padding: 18px 40px; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 16px; transition: background 0.3s, transform 0.2s; display: inline-block; border: medium; cursor: pointer; }
.coaching-cta-btn-primary:hover { background: rgb(240, 240, 240); transform: translateY(-3px); }
.coaching-cta-btn-secondary { background: transparent; color: var(--white); padding: 18px 40px; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 16px; border: 2px solid var(--white); transition: background 0.3s, transform 0.2s; display: inline-block; cursor: pointer; }
.coaching-cta-btn-secondary:hover { background: rgba(255, 255, 255, 0.1); transform: translateY(-3px); }
.coaching-cta-contact { font-size: 16px; color: rgb(232, 236, 242); }
.coaching-cta-contact a { color: var(--white); text-decoration: none; font-weight: 600; border-bottom: 1px solid var(--white); transition: opacity 0.3s; }
.coaching-cta-contact a:hover { opacity: 0.8; }
@media (max-width: 1024px) {
  .coaching-philosophy-content { grid-template-columns: 1fr; }
  .coaching-services-grid { grid-template-columns: 1fr; }
  .coaching-strategies-grid { grid-template-columns: repeat(2, 1fr); }
  .coaching-methodology-timeline { grid-template-columns: repeat(2, 1fr); }
  .coaching-formats-grid { grid-template-columns: 1fr; }
  .coaching-focus-grid { grid-template-columns: 1fr; gap: 40px; }
  .coaching-metrics-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .coaching-hero-title { font-size: 38px; }
  .coaching-hero-subtitle { font-size: 18px; }
  .coaching-section-heading, .coaching-methodology-heading, .coaching-metrics-heading { font-size: 32px; }
  .coaching-strategies-grid { grid-template-columns: 1fr; }
  .coaching-methodology-timeline { grid-template-columns: 1fr; }
  .coaching-metrics-grid { grid-template-columns: 1fr; }
  .coaching-cta-heading { font-size: 32px; }
  .coaching-cta-buttons { flex-direction: column; align-items: center; }
  .coaching-cta-btn-primary, .coaching-cta-btn-secondary { width: 100%; max-width: 300px; }
}

/* Page: Who We Help */
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: "Inter", sans-serif; line-height: 1.6; color: rgb(26, 26, 26); overflow-x: hidden; }
#header { width: 100%; height: auto; }
.whowehelp-hero-section { position: relative; width: 100%; min-height: 70vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); padding: 120px 20px 80px; overflow: hidden; }
.whowehelp-hero-section::before { content: ""; position: absolute; top: -50%; right: -10%; width: 600px; height: 600px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; z-index: 1; }
.whowehelp-hero-section::after { content: ""; position: absolute; bottom: -30%; left: -5%; width: 500px; height: 500px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; z-index: 1; }
.whowehelp-hero-content { position: relative; z-index: 2; max-width: 1200px; width: 100%; text-align: center; }
.whowehelp-hero-title { font-size: 4rem; font-weight: 800; color: rgb(255, 255, 255); margin-bottom: 24px; letter-spacing: -1px; line-height: 1.1; animation: 0.8s ease-out fadeInUp; }
.whowehelp-hero-subtitle { font-size: 1.5rem; font-weight: 400; color: rgb(240, 240, 240); margin-bottom: 40px; max-width: 700px; margin-left: auto; margin-right: auto; animation: 0.8s ease-out 0.2s backwards fadeInUp; }
.whowehelp-hero-cta { display: inline-block; padding: 18px 48px; background-color: rgb(255, 255, 255); color: rgb(102, 126, 234); font-size: 1.125rem; font-weight: 700; text-decoration: none; border-radius: 50px; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px; animation: 0.8s ease-out 0.4s backwards fadeInUp; }
.whowehelp-hero-cta:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.3) 0px 15px 40px; background-color: rgb(248, 249, 250); }
.whowehelp-about-section { padding: 100px 20px; background-color: rgb(255, 255, 255); }
.whowehelp-about-container { max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.whowehelp-about-content { padding-right: 20px; }
.whowehelp-section-title { font-size: 3rem; font-weight: 800; color: rgb(26, 26, 26); margin-bottom: 30px; line-height: 1.2; position: relative; }
.whowehelp-section-title::after { content: ""; position: absolute; bottom: -15px; left: 0px; width: 80px; height: 5px; background: linear-gradient(90deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); border-radius: 3px; }
.whowehelp-about-text { font-size: 1.125rem; color: rgb(74, 85, 104); margin-bottom: 20px; line-height: 1.8; }
.whowehelp-about-image-wrapper { position: relative; width: 100%; height: 500px; border-radius: 20px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 60px; }
.whowehelp-about-image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.whowehelp-about-image-wrapper:hover .whowehelp-about-image { transform: scale(1.05); }
.whowehelp-services-section { padding: 100px 20px; background: linear-gradient(rgb(247, 250, 252) 0%, rgb(237, 242, 247) 100%); }
.whowehelp-services-container { max-width: 1200px; margin: 0px auto; }
.whowehelp-services-title { font-size: 3rem; font-weight: 800; color: rgb(26, 26, 26); margin-bottom: 20px; text-align: center; }
.whowehelp-services-subtitle { font-size: 1.25rem; color: rgb(74, 85, 104); text-align: center; margin-bottom: 60px; max-width: 700px; margin-left: auto; margin-right: auto; }
.whowehelp-services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.whowehelp-service-card { background-color: rgb(255, 255, 255); padding: 50px 35px; border-radius: 20px; text-align: center; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 20px; position: relative; overflow: hidden; }
.whowehelp-service-card::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 5px; background: linear-gradient(90deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); transform: scaleX(0); transition: transform 0.3s; }
.whowehelp-service-card:hover { transform: translateY(-10px); box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 40px; }
.whowehelp-service-card:hover::before { transform: scaleX(1); }
.whowehelp-service-icon { font-size: 4rem; margin-bottom: 25px; background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%) padding-box text; -webkit-text-fill-color: transparent; }
.whowehelp-service-title { font-size: 1.5rem; font-weight: 700; color: rgb(26, 26, 26); margin-bottom: 15px; }
.whowehelp-service-description { font-size: 1rem; color: rgb(74, 85, 104); line-height: 1.7; }
.whowehelp-contact-section { padding: 100px 20px; background-color: rgb(255, 255, 255); }
.whowehelp-contact-container { max-width: 800px; margin: 0px auto; }
.whowehelp-contact-title { font-size: 3rem; font-weight: 800; color: rgb(26, 26, 26); margin-bottom: 20px; text-align: center; }
.whowehelp-contact-subtitle { font-size: 1.25rem; color: rgb(74, 85, 104); text-align: center; margin-bottom: 50px; }
.whowehelp-contact-form { background: linear-gradient(135deg, rgb(247, 250, 252) 0%, rgb(237, 242, 247) 100%); padding: 50px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 40px; }
.whowehelp-form-group { margin-bottom: 30px; }
.whowehelp-form-label { display: block; font-size: 1rem; font-weight: 600; color: rgb(26, 26, 26); margin-bottom: 10px; }
.whowehelp-form-input, .whowehelp-form-textarea { width: 100%; padding: 16px 20px; font-size: 1rem; font-family: "Inter", sans-serif; color: rgb(26, 26, 26); background-color: rgb(255, 255, 255); border: 2px solid rgb(226, 232, 240); border-radius: 12px; transition: 0.3s; outline: none; }
.whowehelp-form-input:focus, .whowehelp-form-textarea:focus { border-color: rgb(102, 126, 234); box-shadow: rgba(102, 126, 234, 0.1) 0px 0px 0px 3px; }
.whowehelp-form-textarea { resize: vertical; min-height: 150px; }
.whowehelp-form-submit { width: 100%; padding: 18px 40px; font-size: 1.125rem; font-weight: 700; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); border: medium; border-radius: 12px; cursor: pointer; transition: 0.3s; box-shadow: rgba(102, 126, 234, 0.3) 0px 8px 25px; }
.whowehelp-form-submit:hover { transform: translateY(-2px); box-shadow: rgba(102, 126, 234, 0.4) 0px 12px 35px; }
.whowehelp-form-submit:active { transform: translateY(0px); }
.whowehelp-footer-section { padding: 60px 20px 30px; background: linear-gradient(135deg, rgb(26, 32, 44) 0%, rgb(45, 55, 72) 100%); color: rgb(255, 255, 255); }
.whowehelp-footer-container { max-width: 1200px; margin: 0px auto; }
.whowehelp-footer-content { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.whowehelp-footer-column h3 { font-size: 1.25rem; font-weight: 700; margin-bottom: 20px; color: rgb(255, 255, 255); }
.whowehelp-footer-links { list-style: none; }
.whowehelp-footer-links li { margin-bottom: 12px; }
.whowehelp-footer-links a { color: rgb(203, 213, 224); text-decoration: none; font-size: 1rem; transition: color 0.3s; }
.whowehelp-footer-links a:hover { color: rgb(255, 255, 255); }
.whowehelp-social-links { display: flex; gap: 15px; }
.whowehelp-social-link { display: inline-flex; align-items: center; justify-content: center; width: 45px; height: 45px; background-color: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); border-radius: 50%; text-decoration: none; font-size: 1.25rem; transition: 0.3s; }
.whowehelp-social-link:hover { background-color: rgb(102, 126, 234); transform: translateY(-3px); }
.whowehelp-footer-bottom { text-align: center; padding-top: 30px; }
.whowehelp-copyright { color: rgb(203, 213, 224); font-size: 0.95rem; }
@keyframes fadeInUp {
0% { opacity: 0; transform: translateY(30px); }
100% { opacity: 1; transform: translateY(0px); }
}
@media (max-width: 992px) {
  .whowehelp-hero-title { font-size: 3rem; }
  .whowehelp-about-container { grid-template-columns: 1fr; gap: 40px; }
  .whowehelp-about-content { padding-right: 0px; }
  .whowehelp-about-image-wrapper { height: 400px; }
  .whowehelp-services-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
  .whowehelp-footer-content { grid-template-columns: repeat(2, 1fr); gap: 40px; }
}
@media (max-width: 768px) {
  .whowehelp-hero-section { padding: 100px 20px 60px; min-height: 60vh; }
  .whowehelp-hero-title { font-size: 2.5rem; }
  .whowehelp-hero-subtitle { font-size: 1.25rem; }
  .whowehelp-section-title { font-size: 2.25rem; }
  .whowehelp-services-title { font-size: 2.25rem; }
  .whowehelp-contact-title { font-size: 2.25rem; }
  .whowehelp-services-grid { grid-template-columns: 1fr; gap: 25px; }
  .whowehelp-contact-form { padding: 35px 25px; }
  .whowehelp-footer-content { grid-template-columns: 1fr; gap: 35px; text-align: center; }
  .whowehelp-social-links { justify-content: center; }
}
@media (max-width: 480px) {
  .whowehelp-hero-title { font-size: 2rem; }
  .whowehelp-hero-subtitle { font-size: 1.125rem; }
  .whowehelp-hero-cta { padding: 15px 35px; font-size: 1rem; }
  .whowehelp-section-title { font-size: 1.875rem; }
  .whowehelp-about-section { padding: 60px 20px; }
  .whowehelp-services-section { padding: 60px 20px; }
  .whowehelp-contact-section { padding: 60px 20px; }
}

/* Page: About Us */
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: "Inter", sans-serif; line-height: 1.6; color: rgb(26, 26, 26); overflow-x: hidden; }
.about-page-hero-section { position: relative; width: 100%; height: 600px; display: flex; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 0px; }
.about-page-hero-bg-img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.about-page-hero-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(13, 27, 42, 0.85) 0%, rgba(27, 38, 59, 0.75) 100%); z-index: 2; }
.about-page-hero-content { position: relative; z-index: 3; text-align: center; max-width: 900px; padding: 0px 20px; }
.about-page-hero-headline { font-size: 3.5rem; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 20px; letter-spacing: -1px; line-height: 1.2; animation: 1s ease-out about-page-fadeInUp; }
.about-page-hero-subheadline { font-size: 1.25rem; font-weight: 400; color: rgb(224, 224, 224); margin-bottom: 35px; line-height: 1.6; animation: 1.2s ease-out about-page-fadeInUp; }
.about-page-hero-cta { display: inline-block; padding: 16px 40px; background: linear-gradient(135deg, rgb(0, 123, 255) 0%, rgb(0, 86, 179) 100%); color: rgb(255, 255, 255); font-size: 1.1rem; font-weight: 600; text-decoration: none; border-radius: 8px; transition: 0.3s; box-shadow: rgba(0, 123, 255, 0.3) 0px 4px 15px; animation: 1.4s ease-out about-page-fadeInUp; border: medium; cursor: pointer; }
.about-page-hero-cta:hover { transform: translateY(-3px); box-shadow: rgba(0, 123, 255, 0.5) 0px 6px 25px; background: linear-gradient(135deg, rgb(0, 86, 179) 0%, rgb(0, 61, 130) 100%); }
@keyframes about-page-fadeInUp {
0% { opacity: 0; transform: translateY(30px); }
100% { opacity: 1; transform: translateY(0px); }
}
.about-section-main { padding: 100px 20px; background: linear-gradient(rgb(248, 249, 250) 0%, rgb(255, 255, 255) 100%); }
.about-section-container { max-width: 1200px; margin: 0px auto; }
.about-section-title { font-size: 2.75rem; font-weight: 700; color: rgb(13, 27, 42); text-align: center; margin-bottom: 20px; letter-spacing: -0.5px; }
.about-section-content-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; margin-top: 60px; }
.about-section-text-content { padding-right: 20px; }
.about-section-description { font-size: 1.125rem; color: rgb(74, 85, 104); line-height: 1.8; margin-bottom: 25px; }
.about-section-description:first-of-type { font-size: 1.25rem; color: rgb(45, 55, 72); font-weight: 500; margin-bottom: 30px; }
.about-section-image-wrapper { position: relative; width: 100%; height: 500px; border-radius: 16px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 60px; }
.about-section-image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.about-section-image-wrapper:hover .about-section-image { transform: scale(1.05); }
.services-section-main { padding: 100px 20px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(240, 244, 248) 100%); }
.services-section-container { max-width: 1200px; margin: 0px auto; }
.services-section-title { font-size: 2.75rem; font-weight: 700; color: rgb(13, 27, 42); text-align: center; margin-bottom: 70px; letter-spacing: -0.5px; }
.services-section-cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.services-section-card { background: rgb(255, 255, 255); padding: 45px 35px; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px; transition: 0.3s; border: 1px solid rgb(226, 232, 240); text-align: center; }
.services-section-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 50px; }
.services-section-icon { width: 80px; height: 80px; margin: 0px auto 25px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgb(0, 123, 255) 0%, rgb(0, 86, 179) 100%); border-radius: 50%; color: rgb(255, 255, 255); font-size: 2.5rem; font-weight: 700; box-shadow: rgba(0, 123, 255, 0.25) 0px 8px 20px; }
.services-section-card-title { font-size: 1.5rem; font-weight: 600; color: rgb(13, 27, 42); margin-bottom: 15px; }
.services-section-card-description { font-size: 1rem; color: rgb(74, 85, 104); line-height: 1.7; }
.contact-section-main { padding: 100px 20px; background: linear-gradient(135deg, rgb(13, 27, 42) 0%, rgb(27, 38, 59) 100%); }
.contact-section-container { max-width: 700px; margin: 0px auto; }
.contact-section-title { font-size: 2.75rem; font-weight: 700; color: rgb(255, 255, 255); text-align: center; margin-bottom: 50px; letter-spacing: -0.5px; }
.contact-section-form { background: rgb(255, 255, 255); padding: 50px 45px; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 60px; }
.contact-section-form-group { margin-bottom: 30px; }
.contact-section-label { display: block; font-size: 1rem; font-weight: 600; color: rgb(45, 55, 72); margin-bottom: 10px; }
.contact-section-input, .contact-section-textarea { width: 100%; padding: 14px 18px; font-size: 1rem; font-family: "Inter", sans-serif; color: rgb(26, 26, 26); background: rgb(248, 249, 250); border: 2px solid rgb(226, 232, 240); border-radius: 8px; transition: 0.3s; }
.contact-section-input:focus, .contact-section-textarea:focus { outline: none; border-color: rgb(0, 123, 255); background: rgb(255, 255, 255); box-shadow: rgba(0, 123, 255, 0.1) 0px 0px 0px 3px; }
.contact-section-textarea { resize: vertical; min-height: 150px; }
.contact-section-submit-btn { width: 100%; padding: 16px; background: linear-gradient(135deg, rgb(0, 123, 255) 0%, rgb(0, 86, 179) 100%); color: rgb(255, 255, 255); font-size: 1.125rem; font-weight: 600; border: medium; border-radius: 8px; cursor: pointer; transition: 0.3s; box-shadow: rgba(0, 123, 255, 0.3) 0px 4px 15px; }
.contact-section-submit-btn:hover { transform: translateY(-2px); box-shadow: rgba(0, 123, 255, 0.5) 0px 6px 25px; background: linear-gradient(135deg, rgb(0, 86, 179) 0%, rgb(0, 61, 130) 100%); }
.footer-section-main { padding: 40px 20px; background: rgb(10, 15, 26); text-align: center; }
.footer-section-container { max-width: 1200px; margin: 0px auto; }
.footer-section-social-icons { display: flex; justify-content: center; gap: 25px; margin-bottom: 25px; }
.footer-section-social-link { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background: rgb(27, 38, 59); color: rgb(255, 255, 255); border-radius: 50%; font-size: 1.25rem; text-decoration: none; transition: 0.3s; }
.footer-section-social-link:hover { background: rgb(0, 123, 255); transform: translateY(-3px); box-shadow: rgba(0, 123, 255, 0.4) 0px 4px 15px; }
.footer-section-copyright { font-size: 0.95rem; color: rgb(136, 146, 166); }
@media (max-width: 992px) {
  .about-page-hero-headline { font-size: 2.75rem; }
  .about-section-content-wrapper { grid-template-columns: 1fr; gap: 40px; }
  .about-section-text-content { padding-right: 0px; }
  .services-section-cards-grid { grid-template-columns: 1fr; gap: 30px; }
}
@media (max-width: 768px) {
  .about-page-hero-section { height: 500px; }
  .about-page-hero-headline { font-size: 2.25rem; }
  .about-page-hero-subheadline { font-size: 1.1rem; }
  .about-section-main, .services-section-main, .contact-section-main { padding: 60px 20px; }
  .about-section-title, .services-section-title, .contact-section-title { font-size: 2.25rem; }
  .about-section-image-wrapper { height: 350px; }
  .contact-section-form { padding: 35px 25px; }
}
@media (max-width: 480px) {
  .about-page-hero-headline { font-size: 1.85rem; }
  .about-page-hero-subheadline { font-size: 1rem; }
  .about-page-hero-cta { padding: 14px 30px; font-size: 1rem; }
  .about-section-title, .services-section-title, .contact-section-title { font-size: 1.85rem; }
  .services-section-card { padding: 35px 25px; }
}

/* Page: Getting Started */
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: "Inter", sans-serif; line-height: 1.6; color: rgb(26, 26, 26); overflow-x: hidden; }
#header { width: 100%; height: auto; }
.gs-hero-section { position: relative; width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); padding: 80px 20px; overflow: hidden; }
.gs-hero-section::before { content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%); pointer-events: none; }
.gs-hero-content { position: relative; z-index: 2; text-align: center; max-width: 900px; animation: 1s ease-out gs-fadeInUp; }
.gs-hero-title { font-size: 4rem; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 24px; line-height: 1.2; letter-spacing: -0.02em; }
.gs-hero-subtitle { font-size: 1.5rem; font-weight: 400; color: rgb(240, 240, 240); margin-bottom: 40px; line-height: 1.6; }
.gs-hero-cta { display: inline-block; padding: 18px 48px; background: rgb(255, 193, 7); color: rgb(0, 0, 0); font-size: 1.125rem; font-weight: 600; text-decoration: none; border-radius: 50px; transition: 0.3s; box-shadow: rgba(255, 193, 7, 0.3) 0px 10px 30px; }
.gs-hero-cta:hover { transform: translateY(-3px); box-shadow: rgba(255, 193, 7, 0.4) 0px 15px 40px; background: rgb(255, 205, 56); }
@keyframes gs-fadeInUp {
0% { opacity: 0; transform: translateY(30px); }
100% { opacity: 1; transform: translateY(0px); }
}
.gs-features-section { padding: 100px 20px; background: rgb(248, 249, 250); }
.gs-container { max-width: 1200px; margin: 0px auto; }
.gs-section-title { text-align: center; font-size: 3rem; font-weight: 700; color: rgb(26, 26, 26); margin-bottom: 60px; }
.gs-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; }
.gs-feature-card { background: rgb(255, 255, 255); padding: 40px; border-radius: 20px; text-align: center; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 20px; }
.gs-feature-card:hover { transform: translateY(-10px); box-shadow: rgba(0, 0, 0, 0.12) 0px 15px 40px; }
.gs-feature-icon { width: 80px; height: 80px; margin: 0px auto 24px; background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: rgb(255, 255, 255); }
.gs-feature-title { font-size: 1.5rem; font-weight: 600; color: rgb(26, 26, 26); margin-bottom: 16px; }
.gs-feature-description { font-size: 1rem; color: rgb(102, 102, 102); line-height: 1.8; }
.gs-about-section { padding: 100px 20px; background: rgb(255, 255, 255); }
.gs-about-container { max-width: 1200px; margin: 0px auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.gs-about-image-wrapper { position: relative; overflow: hidden; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 60px; }
.gs-about-image { width: 100%; height: auto; display: block; border-radius: 20px; transition: transform 0.5s; }
.gs-about-image:hover { transform: scale(1.05); }
.gs-about-content { padding: 20px; }
.gs-about-heading { font-size: 2.5rem; font-weight: 700; color: rgb(26, 26, 26); margin-bottom: 24px; line-height: 1.3; }
.gs-about-text { font-size: 1.125rem; color: rgb(85, 85, 85); line-height: 1.8; margin-bottom: 32px; }
.gs-about-btn { display: inline-block; padding: 16px 40px; background: rgb(102, 126, 234); color: rgb(255, 255, 255); font-size: 1.125rem; font-weight: 600; text-decoration: none; border-radius: 50px; transition: 0.3s; box-shadow: rgba(102, 126, 234, 0.3) 0px 8px 25px; }
.gs-about-btn:hover { transform: translateY(-3px); box-shadow: rgba(102, 126, 234, 0.4) 0px 12px 35px; background: rgb(85, 104, 211); }
.gs-services-section { padding: 100px 20px; background: linear-gradient(135deg, rgb(248, 249, 250) 0%, rgb(233, 236, 239) 100%); }
.gs-services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; max-width: 1200px; margin: 0px auto; }
.gs-service-item { background: rgb(255, 255, 255); padding: 40px; border-radius: 20px; text-align: center; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 20px; border: 2px solid transparent; }
.gs-service-item:hover { border-color: rgb(102, 126, 234); transform: translateY(-5px); box-shadow: rgba(102, 126, 234, 0.15) 0px 15px 40px; }
.gs-service-icon { width: 70px; height: 70px; margin: 0px auto 20px; background: linear-gradient(135deg, rgb(255, 193, 7) 0%, rgb(255, 152, 0) 100%); border-radius: 15px; display: flex; align-items: center; justify-content: center; font-size: 2rem; color: rgb(0, 0, 0); }
.gs-service-name { font-size: 1.375rem; font-weight: 600; color: rgb(26, 26, 26); margin-bottom: 12px; }
.gs-service-description { font-size: 1rem; color: rgb(102, 102, 102); line-height: 1.7; }
.gs-testimonials-section { padding: 100px 20px; background: rgb(255, 255, 255); position: relative; overflow: hidden; }
.gs-testimonials-container { max-width: 1000px; margin: 0px auto; position: relative; }
.gs-testimonials-slider { position: relative; overflow: hidden; padding: 40px 0px; }
.gs-testimonials-track { display: flex; transition: transform 0.5s; }
.gs-testimonial-card { min-width: 100%; padding: 40px; background: linear-gradient(135deg, rgb(102, 126, 234) 0%, rgb(118, 75, 162) 100%); border-radius: 20px; box-shadow: rgba(102, 126, 234, 0.2) 0px 10px 40px; }
.gs-testimonial-quote { font-size: 1.25rem; color: rgb(255, 255, 255); line-height: 1.8; margin-bottom: 24px; font-style: italic; }
.gs-testimonial-author { font-size: 1.125rem; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 4px; }
.gs-testimonial-role { font-size: 1rem; color: rgb(240, 240, 240); }
.gs-slider-controls { display: flex; justify-content: center; gap: 16px; margin-top: 32px; }
.gs-slider-btn { width: 50px; height: 50px; background: rgb(102, 126, 234); color: rgb(255, 255, 255); border: medium; border-radius: 50%; font-size: 1.25rem; cursor: pointer; transition: 0.3s; box-shadow: rgba(102, 126, 234, 0.3) 0px 5px 15px; }
.gs-slider-btn:hover { background: rgb(85, 104, 211); transform: scale(1.1); }
.gs-cta-section { padding: 100px 20px; background: linear-gradient(135deg, rgb(26, 26, 26) 0%, rgb(45, 45, 45) 100%); text-align: center; }
.gs-cta-heading { font-size: 3rem; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 40px; }
.gs-cta-button { display: inline-block; padding: 20px 50px; background: rgb(255, 193, 7); color: rgb(0, 0, 0); font-size: 1.25rem; font-weight: 600; text-decoration: none; border-radius: 50px; transition: 0.3s; box-shadow: rgba(255, 193, 7, 0.4) 0px 10px 30px; }
.gs-cta-button:hover { transform: translateY(-3px); box-shadow: rgba(255, 193, 7, 0.5) 0px 15px 40px; background: rgb(255, 205, 56); }
.gs-footer-section { padding: 80px 20px 20px; background: rgb(13, 17, 23); color: rgb(255, 255, 255); }
.gs-footer-container { max-width: 1200px; margin: 0px auto; }
.gs-footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; }
.gs-footer-column h3 { font-size: 1.375rem; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 20px; }
.gs-footer-logo-text { font-size: 1rem; color: rgb(160, 160, 160); line-height: 1.8; margin-top: 12px; }
.gs-footer-links { list-style: none; }
.gs-footer-links li { margin-bottom: 12px; }
.gs-footer-links a { color: rgb(160, 160, 160); text-decoration: none; font-size: 1rem; transition: color 0.3s; }
.gs-footer-links a:hover { color: rgb(255, 193, 7); }
.gs-footer-contact p { color: rgb(160, 160, 160); margin-bottom: 10px; font-size: 1rem; }
.gs-footer-bottom { border-top: 1px solid rgb(45, 45, 45); padding-top: 30px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
.gs-footer-copyright { color: rgb(160, 160, 160); font-size: 0.875rem; }
.gs-social-icons { display: flex; gap: 16px; }
.gs-social-icon { width: 40px; height: 40px; background: rgb(45, 45, 45); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; border-radius: 50%; text-decoration: none; font-size: 1.125rem; transition: 0.3s; }
.gs-social-icon:hover { background: rgb(102, 126, 234); transform: translateY(-3px); }
@media (max-width: 768px) {
  .gs-hero-title { font-size: 2.5rem; }
  .gs-hero-subtitle { font-size: 1.125rem; }
  .gs-section-title { font-size: 2rem; }
  .gs-about-container { grid-template-columns: 1fr; }
  .gs-footer-bottom { flex-direction: column; text-align: center; }
  .gs-cta-heading { font-size: 2rem; }
}

/* Page: Resources */
:root { --primary-color: #314978; --secondary-color: #4A668F; --tertiary-color: #8197B8; --highlight-color: #223560; --light-bg: #F5F7FA; --white: #FFFFFF; --text-dark: #1a1a1a; --text-light: #6b7280; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: "Inter", sans-serif; line-height: 1.6; color: var(--text-dark); overflow-x: hidden; }
.resources-page-hero { background: linear-gradient(135deg, var(--primary-color) 0%, var(--highlight-color) 100%); color: var(--white); padding: 120px 20px 80px; text-align: center; position: relative; overflow: hidden; }
.resources-page-hero::before { content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%); pointer-events: none; }
.resources-page-hero-content { max-width: 900px; margin: 0px auto; position: relative; z-index: 1; }
.resources-breadcrumb { font-size: 14px; color: rgba(255, 255, 255, 0.8); margin-bottom: 20px; display: flex; justify-content: center; align-items: center; gap: 8px; }
.resources-breadcrumb a { color: rgba(255, 255, 255, 0.8); text-decoration: none; transition: color 0.3s; }
.resources-breadcrumb a:hover { color: var(--white); }
.resources-breadcrumb-separator { color: rgba(255, 255, 255, 0.6); }
.resources-page-hero h1 { font-family: "Poppins", sans-serif; font-size: 56px; font-weight: 700; margin-bottom: 20px; line-height: 1.2; }
.resources-page-hero-subtitle { font-size: 20px; color: rgba(255, 255, 255, 0.9); max-width: 700px; margin: 0px auto; font-weight: 300; }
.resources-intro-section { background: var(--white); padding: 80px 20px; }
.resources-intro-content { max-width: 1000px; margin: 0px auto; text-align: center; }
.resources-intro-content h2 { font-family: "Poppins", sans-serif; font-size: 42px; color: var(--primary-color); margin-bottom: 30px; font-weight: 600; }
.resources-intro-content p { font-size: 18px; color: var(--text-light); line-height: 1.8; margin-bottom: 20px; }
.resources-intro-highlight { background: var(--light-bg); padding: 25px 40px; border-radius: 12px; margin-top: 30px; border-left: 4px solid var(--tertiary-color); }
.resources-intro-highlight p { margin: 0px; font-weight: 500; color: var(--text-dark); }
.resources-categories-section { background: var(--light-bg); padding: 80px 20px; }
.resources-categories-content { max-width: 1200px; margin: 0px auto; }
.resources-categories-content h2 { font-family: "Poppins", sans-serif; font-size: 42px; color: var(--primary-color); text-align: center; margin-bottom: 50px; font-weight: 600; }
.resources-categories-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.resources-category-card { background: var(--white); padding: 40px 30px; border-radius: 16px; text-align: center; cursor: pointer; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 6px; border: 2px solid transparent; }
.resources-category-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 24px; border-color: var(--tertiary-color); }
.resources-category-card.active { border-color: var(--primary-color); background: linear-gradient(135deg, rgba(49, 73, 120, 0.05) 0%, rgba(129, 151, 184, 0.05) 100%); }
.resources-category-icon { width: 70px; height: 70px; margin: 0px auto 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 32px; transition: transform 0.3s; }
.resources-category-card:hover .resources-category-icon { transform: scale(1.1); }
.resources-category-icon.icon-highlight { background: linear-gradient(135deg, var(--highlight-color), var(--primary-color)); color: var(--white); }
.resources-category-icon.icon-secondary { background: linear-gradient(135deg, var(--secondary-color), var(--tertiary-color)); color: var(--white); }
.resources-category-icon.icon-tertiary { background: linear-gradient(135deg, var(--tertiary-color), #a5b9d4); color: var(--white); }
.resources-category-icon.icon-primary { background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)); color: var(--white); }
.resources-category-card h3 { font-family: "Poppins", sans-serif; font-size: 22px; color: var(--primary-color); margin-bottom: 10px; font-weight: 600; }
.resources-category-card p { font-size: 15px; color: var(--text-light); }
.resources-featured-section { background: var(--white); padding: 80px 20px; }
.resources-featured-content { max-width: 1200px; margin: 0px auto; }
.resources-featured-content h2 { font-family: "Poppins", sans-serif; font-size: 42px; color: var(--primary-color); text-align: center; margin-bottom: 50px; font-weight: 600; }
.resources-featured-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 40px; }
.resources-featured-card { background: var(--white); border-radius: 16px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 20px; transition: 0.3s; border: 1px solid rgba(0, 0, 0, 0.05); }
.resources-featured-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.12) 0px 16px 32px; }
.resources-featured-image { width: 100%; height: 240px; object-fit: cover; }
.resources-featured-body { padding: 30px; }
.resources-featured-tag { display: inline-block; padding: 6px 16px; background: var(--tertiary-color); color: var(--white); font-size: 13px; font-weight: 600; border-radius: 20px; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.5px; }
.resources-featured-card h3 { font-family: "Poppins", sans-serif; font-size: 24px; color: var(--primary-color); margin-bottom: 15px; font-weight: 600; line-height: 1.3; }
.resources-featured-excerpt { font-size: 16px; color: var(--text-light); margin-bottom: 20px; line-height: 1.7; }
.resources-featured-meta { display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: var(--text-light); margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--light-bg); }
.resources-featured-button { display: inline-block; padding: 12px 30px; background: var(--highlight-color); color: var(--white); text-decoration: none; border-radius: 8px; font-weight: 600; transition: 0.3s; border: medium; cursor: pointer; }
.resources-featured-button:hover { background: var(--primary-color); transform: translateX(4px); }
.resources-articles-section { background: var(--light-bg); padding: 80px 20px; }
.resources-articles-content { max-width: 1200px; margin: 0px auto; }
.resources-articles-content h2 { font-family: "Poppins", sans-serif; font-size: 42px; color: var(--primary-color); text-align: center; margin-bottom: 50px; font-weight: 600; }
.resources-articles-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 30px; margin-bottom: 50px; }
.resources-article-card { background: var(--white); border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 12px; transition: 0.3s; }
.resources-article-card:hover { transform: translateY(-6px); box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 24px; }
.resources-article-thumbnail { width: 100%; height: 200px; object-fit: cover; }
.resources-article-body { padding: 25px; }
.resources-article-tag { display: inline-block; padding: 5px 12px; background: var(--secondary-color); color: var(--white); font-size: 12px; font-weight: 600; border-radius: 16px; margin-bottom: 12px; }
.resources-article-card h3 { font-family: "Poppins", sans-serif; font-size: 20px; color: var(--primary-color); margin-bottom: 12px; font-weight: 600; line-height: 1.4; }
.resources-article-excerpt { font-size: 15px; color: var(--text-light); margin-bottom: 15px; line-height: 1.6; }
.resources-article-meta { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: var(--text-light); margin-bottom: 15px; }
.resources-article-link { color: var(--secondary-color); text-decoration: none; font-weight: 600; transition: color 0.3s; }
.resources-article-link:hover { color: var(--primary-color); text-decoration: underline; }
.resources-load-more { text-align: center; margin-top: 40px; }
.resources-load-more-button { padding: 14px 40px; background: var(--highlight-color); color: var(--white); border: medium; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.3s; }
.resources-load-more-button:hover { background: var(--primary-color); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 16px; }
.resources-downloads-section { background: var(--tertiary-color); color: var(--white); padding: 80px 20px; }
.resources-downloads-content { max-width: 1200px; margin: 0px auto; }
.resources-downloads-content h2 { font-family: "Poppins", sans-serif; font-size: 42px; color: var(--white); text-align: center; margin-bottom: 50px; font-weight: 600; }
.resources-downloads-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.resources-download-card { background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 12px; padding: 30px; transition: 0.3s; }
.resources-download-card:hover { background: rgba(255, 255, 255, 0.25); transform: translateY(-4px); }
.resources-download-icon { font-size: 48px; margin-bottom: 20px; display: block; }
.resources-download-card h3 { font-family: "Poppins", sans-serif; font-size: 22px; margin-bottom: 12px; font-weight: 600; }
.resources-download-card p { font-size: 15px; margin-bottom: 15px; line-height: 1.6; color: rgba(255, 255, 255, 0.95); }
.resources-download-info { font-size: 13px; color: rgba(255, 255, 255, 0.8); margin-bottom: 20px; }
.resources-download-button { display: inline-block; padding: 12px 30px; background: var(--white); color: var(--tertiary-color); text-decoration: none; border-radius: 8px; font-weight: 600; transition: 0.3s; }
.resources-download-button:hover { background: var(--light-bg); transform: translateX(4px); }
.resources-videos-section { background: var(--white); padding: 80px 20px; }
.resources-videos-content { max-width: 1200px; margin: 0px auto; }
.resources-videos-content h2 { font-family: "Poppins", sans-serif; font-size: 42px; color: var(--primary-color); text-align: center; margin-bottom: 50px; font-weight: 600; }
.resources-videos-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.resources-video-card { background: var(--white); border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 12px; transition: 0.3s; }
.resources-video-card:hover { transform: translateY(-6px); box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 24px; }
.resources-video-thumbnail-wrapper { position: relative; overflow: hidden; }
.resources-video-thumbnail { width: 100%; height: 200px; object-fit: cover; }
.resources-video-play-overlay { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.4); display: flex; align-items: center; justify-content: center; transition: background 0.3s; }
.resources-video-card:hover .resources-video-play-overlay { background: rgba(0, 0, 0, 0.6); }
.resources-video-play-icon { width: 70px; height: 70px; background: rgba(255, 255, 255, 0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; color: var(--primary-color); transition: transform 0.3s; }
.resources-video-card:hover .resources-video-play-icon { transform: scale(1.1); }
.resources-video-body { padding: 25px; }
.resources-video-duration { display: inline-block; padding: 4px 12px; background: var(--light-bg); color: var(--text-dark); font-size: 12px; font-weight: 600; border-radius: 12px; margin-bottom: 12px; }
.resources-video-card h3 { font-family: "Poppins", sans-serif; font-size: 20px; color: var(--primary-color); margin-bottom: 12px; font-weight: 600; line-height: 1.4; }
.resources-video-description { font-size: 15px; color: var(--text-light); margin-bottom: 15px; line-height: 1.6; }
.resources-video-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.resources-video-tag { padding: 4px 10px; background: var(--light-bg); color: var(--text-dark); font-size: 12px; border-radius: 12px; }
.resources-video-button { display: inline-block; padding: 12px 30px; background: var(--highlight-color); color: var(--white); text-decoration: none; border-radius: 8px; font-weight: 600; transition: 0.3s; }
.resources-video-button:hover { background: var(--primary-color); transform: translateX(4px); }
.resources-tools-section { background: var(--light-bg); padding: 80px 20px; }
.resources-tools-content { max-width: 1200px; margin: 0px auto; }
.resources-tools-content h2 { font-family: "Poppins", sans-serif; font-size: 42px; color: var(--primary-color); text-align: center; margin-bottom: 50px; font-weight: 600; }
.resources-tools-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; }
.resources-tool-card { background: var(--white); border-radius: 12px; padding: 35px; box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 12px; transition: 0.3s; border-left: 4px solid var(--secondary-color); }
.resources-tool-card:hover { transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 24px; }
.resources-tool-icon { font-size: 42px; margin-bottom: 20px; display: block; color: var(--secondary-color); }
.resources-tool-card h3 { font-family: "Poppins", sans-serif; font-size: 22px; color: var(--primary-color); margin-bottom: 12px; font-weight: 600; }
.resources-tool-card p { font-size: 15px; color: var(--text-light); margin-bottom: 10px; line-height: 1.6; }
.resources-tool-format { font-size: 14px; color: var(--text-light); font-style: italic; margin-bottom: 20px; }
.resources-tool-button { display: inline-block; padding: 12px 28px; background: var(--secondary-color); color: var(--white); text-decoration: none; border-radius: 8px; font-weight: 600; transition: 0.3s; }
.resources-tool-button:hover { background: var(--primary-color); transform: translateX(4px); }
.resources-external-section { background: var(--white); padding: 80px 20px; }
.resources-external-content { max-width: 1000px; margin: 0px auto; }
.resources-external-content h2 { font-family: "Poppins", sans-serif; font-size: 42px; color: var(--primary-color); text-align: center; margin-bottom: 50px; font-weight: 600; }
.resources-external-group { margin-bottom: 50px; }
.resources-external-group h3 { font-family: "Poppins", sans-serif; font-size: 28px; color: var(--secondary-color); margin-bottom: 25px; font-weight: 600; padding-bottom: 10px; border-bottom: 2px solid var(--light-bg); }
.resources-external-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.resources-external-item { background: var(--light-bg); padding: 25px; border-radius: 10px; transition: 0.3s; border-left: 3px solid var(--highlight-color); }
.resources-external-item:hover { background: var(--white); box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px; transform: translateX(4px); }
.resources-external-item h4 { font-size: 18px; color: var(--primary-color); margin-bottom: 10px; font-weight: 600; }
.resources-external-item p { font-size: 14px; color: var(--text-light); margin-bottom: 12px; line-height: 1.6; }
.resources-external-link { color: var(--highlight-color); text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; transition: color 0.3s; }
.resources-external-link:hover { color: var(--primary-color); text-decoration: underline; }
.resources-external-disclaimer { margin-top: 40px; padding: 20px; background: rgba(129, 151, 184, 0.1); border-radius: 8px; border-left: 4px solid var(--tertiary-color); }
.resources-external-disclaimer p { font-size: 14px; color: var(--text-light); line-height: 1.6; }
.resources-newsletter-section { background: var(--secondary-color); color: var(--white); padding: 80px 20px; }
.resources-newsletter-content { max-width: 700px; margin: 0px auto; text-align: center; }
.resources-newsletter-content h2 { font-family: "Poppins", sans-serif; font-size: 42px; margin-bottom: 20px; font-weight: 600; }
.resources-newsletter-content p { font-size: 18px; margin-bottom: 40px; line-height: 1.7; color: rgba(255, 255, 255, 0.95); }
.resources-newsletter-form { display: flex; flex-direction: column; gap: 15px; max-width: 500px; margin: 0px auto; }
.resources-newsletter-input { padding: 16px 20px; border: medium; border-radius: 8px; font-size: 16px; background: var(--white); color: var(--text-dark); }
.resources-newsletter-input::placeholder { color: var(--text-light); }
.resources-newsletter-submit { padding: 16px 40px; background: var(--white); color: var(--secondary-color); border: medium; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.3s; }
.resources-newsletter-submit:hover { background: var(--light-bg); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 16px; }
.resources-newsletter-privacy { font-size: 13px; color: rgba(255, 255, 255, 0.8); margin-top: 20px; line-height: 1.6; }
.resources-topics-section { background: var(--white); padding: 80px 20px; }
.resources-topics-content { max-width: 1000px; margin: 0px auto; }
.resources-topics-content h2 { font-family: "Poppins", sans-serif; font-size: 42px; color: var(--primary-color); text-align: center; margin-bottom: 50px; font-weight: 600; }
.resources-topics-cloud { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; }
.resources-topic-tag { padding: 12px 24px; background: var(--tertiary-color); color: var(--white); border: medium; border-radius: 25px; font-size: 15px; font-weight: 600; cursor: pointer; transition: 0.3s; }
.resources-topic-tag:hover { background: var(--primary-color); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; }
.resources-topic-tag.active { background: var(--highlight-color); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px; }
.resources-request-section { background: var(--highlight-color); color: var(--white); padding: 80px 20px; }
.resources-request-content { max-width: 700px; margin: 0px auto; text-align: center; }
.resources-request-content h2 { font-family: "Poppins", sans-serif; font-size: 42px; margin-bottom: 20px; font-weight: 600; }
.resources-request-content p { font-size: 18px; margin-bottom: 40px; line-height: 1.7; color: rgba(255, 255, 255, 0.95); }
.resources-request-form { display: flex; flex-direction: column; gap: 15px; max-width: 600px; margin: 0px auto; }
.resources-request-textarea { padding: 16px 20px; border: medium; border-radius: 8px; font-size: 16px; background: var(--white); color: var(--text-dark); font-family: "Inter", sans-serif; min-height: 120px; resize: vertical; }
.resources-request-textarea::placeholder { color: var(--text-light); }
.resources-request-input { padding: 16px 20px; border: medium; border-radius: 8px; font-size: 16px; background: var(--white); color: var(--text-dark); }
.resources-request-input::placeholder { color: var(--text-light); }
.resources-request-submit { padding: 16px 40px; background: var(--white); color: var(--highlight-color); border: medium; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.3s; }
.resources-request-submit:hover { background: var(--light-bg); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 16px; }
.resources-coaching-cta-section { background: linear-gradient(135deg, var(--primary-color) 0%, var(--highlight-color) 100%); color: var(--white); padding: 80px 20px; text-align: center; }
.resources-coaching-cta-content { max-width: 800px; margin: 0px auto; }
.resources-coaching-cta-content h2 { font-family: "Poppins", sans-serif; font-size: 42px; margin-bottom: 20px; font-weight: 600; }
.resources-coaching-cta-content p { font-size: 18px; margin-bottom: 40px; line-height: 1.7; color: rgba(255, 255, 255, 0.95); }
.resources-coaching-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
.resources-coaching-button-primary { padding: 16px 40px; background: var(--white); color: var(--primary-color); text-decoration: none; border-radius: 8px; font-size: 16px; font-weight: 600; transition: 0.3s; display: inline-block; }
.resources-coaching-button-primary:hover { background: var(--light-bg); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 20px; }
.resources-coaching-button-secondary { padding: 16px 40px; background: transparent; color: var(--white); text-decoration: none; border-radius: 8px; font-size: 16px; font-weight: 600; border: 2px solid var(--white); transition: 0.3s; display: inline-block; }
.resources-coaching-button-secondary:hover { background: rgba(255, 255, 255, 0.1); transform: translateY(-2px); }
.resources-disclaimer-section { background: var(--light-bg); padding: 60px 20px; text-align: center; }
.resources-disclaimer-content { max-width: 900px; margin: 0px auto; }
.resources-disclaimer-content p { font-size: 14px; color: var(--text-light); margin-bottom: 15px; line-height: 1.7; }
.resources-disclaimer-content a { color: var(--primary-color); text-decoration: none; font-weight: 600; }
.resources-disclaimer-content a:hover { text-decoration: underline; }
@media (max-width: 768px) {
  .resources-page-hero { padding: 80px 20px 60px; }
  .resources-page-hero h1 { font-size: 36px; }
  .resources-page-hero-subtitle { font-size: 16px; }
  .resources-intro-content h2, .resources-categories-content h2, .resources-featured-content h2, .resources-articles-content h2, .resources-downloads-content h2, .resources-videos-content h2, .resources-tools-content h2, .resources-external-content h2, .resources-newsletter-content h2, .resources-topics-content h2, .resources-request-content h2, .resources-coaching-cta-content h2 { font-size: 32px; }
  .resources-categories-grid, .resources-featured-grid, .resources-articles-grid, .resources-downloads-grid, .resources-videos-grid, .resources-tools-list, .resources-external-list { grid-template-columns: 1fr; }
  .resources-newsletter-form, .resources-request-form { max-width: 100%; }
  .resources-coaching-buttons { flex-direction: column; align-items: center; }
  .resources-coaching-button-primary, .resources-coaching-button-secondary { width: 100%; max-width: 300px; }
  .resources-breadcrumb { font-size: 12px; }
}

/* Page: Contact */
:root { --primary-color: #314978; --secondary-color: #4A668F; --tertiary-color: #8197B8; --highlight-color: #223560; --light-gray: #F5F7FA; --white: #FFFFFF; --text-dark: #1a1a1a; --text-light: #666; --border-color: #e0e0e0; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: "Inter", sans-serif; line-height: 1.6; color: var(--text-dark); overflow-x: hidden; }
.contact-page-hero { background: var(--secondary-color); color: var(--white); padding: 80px 20px 60px; text-align: center; }
.contact-page-hero-title { font-size: 3rem; font-weight: 700; margin-bottom: 16px; letter-spacing: -1px; }
.contact-page-hero-subtitle { font-size: 1.25rem; font-weight: 300; margin-bottom: 20px; opacity: 0.95; }
.contact-page-breadcrumb { font-size: 0.95rem; color: rgba(255, 255, 255, 0.8); }
.contact-page-breadcrumb a { color: rgba(255, 255, 255, 0.9); text-decoration: none; transition: color 0.3s; }
.contact-page-breadcrumb a:hover { color: var(--white); }
.contact-intro-section { background: var(--white); padding: 80px 20px; text-align: center; max-width: 900px; margin: 0px auto; }
.contact-intro-heading { font-size: 2.5rem; color: var(--primary-color); margin-bottom: 24px; font-weight: 700; }
.contact-intro-text { font-size: 1.1rem; color: var(--text-light); margin-bottom: 20px; line-height: 1.8; }
.contact-methods-section { background: var(--light-gray); padding: 80px 20px; }
.contact-methods-container { max-width: 1200px; margin: 0px auto; }
.contact-methods-heading { font-size: 2.5rem; color: var(--primary-color); text-align: center; margin-bottom: 50px; font-weight: 700; }
.contact-methods-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }
.contact-method-card { background: var(--white); padding: 40px 30px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 20px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; }
.contact-method-card:hover { transform: translateY(-8px); box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 30px; }
.contact-method-icon { width: 70px; height: 70px; margin: 0px auto 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; }
.contact-method-icon.tertiary { background: rgba(129, 151, 184, 0.15); color: var(--tertiary-color); }
.contact-method-icon.secondary { background: rgba(74, 102, 143, 0.15); color: var(--secondary-color); }
.contact-method-icon.primary { background: rgba(49, 73, 120, 0.15); color: var(--primary-color); }
.contact-method-title { font-size: 1.5rem; color: var(--primary-color); margin-bottom: 16px; font-weight: 600; }
.contact-method-best { font-size: 0.95rem; color: var(--text-light); margin-bottom: 20px; font-weight: 600; }
.contact-method-details { font-size: 0.95rem; color: var(--text-light); margin-bottom: 8px; line-height: 1.6; }
.contact-method-link { display: inline-block; color: var(--secondary-color); text-decoration: none; font-weight: 600; font-size: 1.1rem; margin: 16px 0px; transition: color 0.3s; }
.contact-method-link:hover { color: var(--primary-color); }
.contact-method-btn { display: inline-block; background: var(--highlight-color); color: var(--white); padding: 14px 32px; border-radius: 8px; text-decoration: none; font-weight: 600; margin-top: 20px; transition: background 0.3s, transform 0.2s; }
.contact-method-btn:hover { background: rgb(26, 42, 77); transform: scale(1.05); }
.contact-form-section { background: var(--white); padding: 80px 20px; }
.contact-form-container { max-width: 1200px; margin: 0px auto; }
.contact-form-heading { font-size: 2.5rem; color: var(--primary-color); text-align: center; margin-bottom: 50px; font-weight: 700; }
.contact-form-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
.contact-form { display: flex; flex-direction: column; gap: 24px; }
.contact-form-group { display: flex; flex-direction: column; gap: 8px; }
.contact-form-label { font-size: 0.95rem; color: var(--text-dark); font-weight: 600; }
.contact-form-label-required::after { content: " *"; color: rgb(211, 47, 47); }
.contact-form-input, .contact-form-select, .contact-form-textarea { padding: 14px 16px; border: 2px solid var(--border-color); border-radius: 8px; font-size: 1rem; font-family: "Inter", sans-serif; transition: border-color 0.3s, box-shadow 0.3s; background: var(--white); color: var(--text-dark); }
.contact-form-input:focus, .contact-form-select:focus, .contact-form-textarea:focus { outline: none; border-color: var(--secondary-color); box-shadow: rgba(74, 102, 143, 0.1) 0px 0px 0px 3px; }
.contact-form-textarea { min-height: 150px; resize: vertical; }
.contact-form-checkboxes { display: flex; flex-direction: column; gap: 12px; margin-top: 8px; }
.contact-form-checkbox-item { display: flex; align-items: center; gap: 10px; }
.contact-form-checkbox { width: 18px; height: 18px; cursor: pointer; }
.contact-form-checkbox-label { font-size: 0.95rem; color: var(--text-dark); cursor: pointer; }
.contact-form-radios { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 8px; }
.contact-form-radio-item { display: flex; align-items: center; gap: 8px; }
.contact-form-radio { width: 18px; height: 18px; cursor: pointer; }
.contact-form-radio-label { font-size: 0.95rem; color: var(--text-dark); cursor: pointer; }
.contact-form-note { font-size: 0.9rem; color: var(--text-light); margin-top: 20px; padding: 16px; background: var(--light-gray); border-radius: 8px; line-height: 1.6; }
.contact-form-submit { background: var(--highlight-color); color: var(--white); padding: 16px 48px; border: medium; border-radius: 8px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: background 0.3s, transform 0.2s; margin-top: 10px; }
.contact-form-submit:hover { background: rgb(26, 42, 77); transform: scale(1.03); }
.contact-form-right { display: flex; flex-direction: column; gap: 30px; }
.contact-form-image { width: 100%; height: 300px; border-radius: 12px; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px; }
.contact-form-support { padding: 30px; background: var(--light-gray); border-radius: 12px; }
.contact-form-support-title { font-size: 1.3rem; color: var(--primary-color); margin-bottom: 16px; font-weight: 600; }
.contact-form-support-text { font-size: 0.95rem; color: var(--text-light); margin-bottom: 12px; line-height: 1.7; }
.office-info-section { background: var(--tertiary-color); color: var(--white); padding: 80px 20px; }
.office-info-container { max-width: 1200px; margin: 0px auto; }
.office-info-heading { font-size: 2.5rem; text-align: center; margin-bottom: 50px; font-weight: 700; }
.office-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; }
.office-info-details { display: flex; flex-direction: column; gap: 24px; }
.office-info-subtitle { font-size: 1.5rem; margin-bottom: 12px; font-weight: 600; }
.office-info-text { font-size: 1rem; opacity: 0.95; line-height: 1.7; margin-bottom: 8px; }
.office-info-list { list-style: none; padding-left: 0px; }
.office-info-list li { font-size: 1rem; opacity: 0.95; margin-bottom: 10px; padding-left: 24px; position: relative; }
.office-info-list li::before { content: "✓"; position: absolute; left: 0px; font-weight: 700; }
.office-map { width: 100%; height: 400px; border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 20px; }
.office-map iframe { width: 100%; height: 100%; border: medium; }
.office-hours-box { background: rgba(255, 255, 255, 0.1); padding: 24px; border-radius: 12px; margin-top: 20px; }
.office-hours-title { font-size: 1.2rem; margin-bottom: 12px; font-weight: 600; }
.office-hours-text { font-size: 0.95rem; opacity: 0.95; margin-bottom: 8px; }
.faq-quick-section { background: var(--white); padding: 80px 20px; }
.faq-quick-container { max-width: 900px; margin: 0px auto; }
.faq-quick-heading { font-size: 2.5rem; color: var(--primary-color); text-align: center; margin-bottom: 50px; font-weight: 700; }
.faq-quick-list { display: flex; flex-direction: column; gap: 30px; }
.faq-quick-item { border-bottom: 1px solid var(--border-color); padding-bottom: 20px; }
.faq-quick-question { font-size: 1.2rem; color: var(--primary-color); margin-bottom: 10px; font-weight: 600; }
.faq-quick-answer { font-size: 1rem; color: var(--text-light); line-height: 1.7; }
.faq-quick-link { text-align: center; margin-top: 40px; }
.faq-quick-link a { color: var(--secondary-color); text-decoration: none; font-size: 1.1rem; font-weight: 600; transition: color 0.3s; }
.faq-quick-link a:hover { color: var(--primary-color); }
.accessibility-section { background: var(--light-gray); padding: 80px 20px; }
.accessibility-container { max-width: 1200px; margin: 0px auto; }
.accessibility-heading { font-size: 2.5rem; color: var(--primary-color); text-align: center; margin-bottom: 50px; font-weight: 700; }
.accessibility-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; }
.accessibility-column { display: flex; flex-direction: column; gap: 20px; }
.accessibility-subtitle { font-size: 1.5rem; color: var(--primary-color); margin-bottom: 16px; font-weight: 600; }
.accessibility-list { list-style: none; padding-left: 0px; }
.accessibility-list li { font-size: 1rem; color: var(--text-light); margin-bottom: 14px; padding-left: 32px; position: relative; line-height: 1.7; }
.accessibility-list li::before { content: "✓"; position: absolute; left: 0px; color: var(--highlight-color); font-weight: 700; font-size: 1.2rem; }
.social-media-section { background: var(--highlight-color); color: var(--white); padding: 80px 20px; text-align: center; }
.social-media-container { max-width: 800px; margin: 0px auto; }
.social-media-heading { font-size: 2.5rem; margin-bottom: 24px; font-weight: 700; }
.social-media-icons { display: flex; justify-content: center; gap: 30px; margin: 40px 0px; }
.social-media-icon { width: 60px; height: 60px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: var(--white); text-decoration: none; transition: background 0.3s, transform 0.3s; }
.social-media-icon:hover { background: rgba(255, 255, 255, 0.2); transform: scale(1.1); }
.social-media-text { font-size: 1.05rem; opacity: 0.95; margin-bottom: 16px; line-height: 1.7; }
.resources-help-section { background: var(--white); padding: 80px 20px; }
.resources-help-container { max-width: 900px; margin: 0px auto; }
.resources-help-heading { font-size: 2.5rem; color: var(--primary-color); text-align: center; margin-bottom: 40px; font-weight: 700; }
.resources-help-box { border: 3px solid var(--secondary-color); border-radius: 12px; padding: 40px; background: rgba(74, 102, 143, 0.05); }
.resources-help-intro { font-size: 1.2rem; color: var(--primary-color); margin-bottom: 24px; font-weight: 600; }
.resources-help-list { list-style: none; padding-left: 0px; margin-bottom: 24px; }
.resources-help-list li { font-size: 1rem; color: var(--text-light); margin-bottom: 12px; padding-left: 28px; position: relative; line-height: 1.7; }
.resources-help-list li::before { content: "→"; position: absolute; left: 0px; color: var(--secondary-color); font-weight: 700; }
.resources-help-note { font-size: 0.95rem; color: var(--text-light); font-style: italic; margin-top: 20px; }
.referral-section { background: var(--secondary-color); color: var(--white); padding: 80px 20px; }
.referral-container { max-width: 1200px; margin: 0px auto; }
.referral-heading { font-size: 2.5rem; text-align: center; margin-bottom: 50px; font-weight: 700; }
.referral-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; }
.referral-subsection { display: flex; flex-direction: column; gap: 16px; }
.referral-subtitle { font-size: 1.5rem; margin-bottom: 12px; font-weight: 600; }
.referral-text { font-size: 1rem; opacity: 0.95; line-height: 1.7; margin-bottom: 8px; }
.referral-cta { display: inline-block; color: var(--white); text-decoration: underline; font-weight: 600; margin-top: 16px; transition: opacity 0.3s; }
.referral-cta:hover { opacity: 0.8; }
.testimonial-section { background: var(--white); padding: 80px 20px; }
.testimonial-container { max-width: 1200px; margin: 0px auto; }
.testimonial-heading { font-size: 2.5rem; color: var(--primary-color); text-align: center; margin-bottom: 50px; font-weight: 700; }
.testimonial-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.testimonial-card { padding: 40px; border: 2px solid var(--border-color); border-radius: 12px; background: var(--white); transition: box-shadow 0.3s; }
.testimonial-card:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 30px; }
.testimonial-quote { font-size: 1.1rem; color: var(--text-light); line-height: 1.8; margin-bottom: 20px; font-style: italic; }
.testimonial-author { font-size: 1rem; color: var(--primary-color); font-weight: 600; }
.alternative-contact-section { background: var(--light-gray); padding: 80px 20px; }
.alternative-container { max-width: 900px; margin: 0px auto; }
.alternative-heading { font-size: 2.5rem; color: var(--primary-color); text-align: center; margin-bottom: 50px; font-weight: 700; }
.alternative-list { display: flex; flex-direction: column; gap: 30px; }
.alternative-item { display: flex; align-items: start; gap: 20px; padding: 24px; background: var(--white); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px; }
.alternative-icon { width: 50px; height: 50px; background: rgba(49, 73, 120, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--primary-color); font-size: 1.5rem; flex-shrink: 0; }
.alternative-content { flex: 1 1 0%; }
.alternative-title { font-size: 1.2rem; color: var(--primary-color); margin-bottom: 8px; font-weight: 600; }
.alternative-text { font-size: 0.95rem; color: var(--text-light); line-height: 1.7; }
.privacy-security-section { background: var(--tertiary-color); color: var(--white); padding: 60px 20px; text-align: center; }
.privacy-security-container { max-width: 800px; margin: 0px auto; display: flex; flex-direction: column; align-items: center; gap: 20px; }
.privacy-security-icon { width: 60px; height: 60px; background: rgba(255, 255, 255, 0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; }
.privacy-security-list { list-style: none; padding-left: 0px; text-align: left; max-width: 600px; }
.privacy-security-list li { font-size: 0.95rem; opacity: 0.95; margin-bottom: 10px; padding-left: 28px; position: relative; }
.privacy-security-list li::before { content: "✓"; position: absolute; left: 0px; font-weight: 700; }
.privacy-security-link { color: var(--white); text-decoration: underline; font-weight: 600; transition: opacity 0.3s; }
.privacy-security-link:hover { opacity: 0.8; }
.final-cta-section { background: var(--primary-color); color: var(--white); padding: 100px 20px; text-align: center; }
.final-cta-container { max-width: 800px; margin: 0px auto; }
.final-cta-heading { font-size: 2.8rem; margin-bottom: 24px; font-weight: 700; }
.final-cta-text { font-size: 1.2rem; margin-bottom: 40px; opacity: 0.95; line-height: 1.8; }
.final-cta-buttons { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-bottom: 30px; }
.final-cta-btn-primary { display: inline-block; background: var(--white); color: var(--primary-color); padding: 16px 40px; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: transform 0.3s, box-shadow 0.3s; }
.final-cta-btn-primary:hover { transform: scale(1.05); box-shadow: rgba(255, 255, 255, 0.3) 0px 4px 20px; }
.final-cta-btn-secondary { display: inline-block; background: transparent; color: var(--white); padding: 16px 40px; border: 2px solid var(--white); border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: background 0.3s, color 0.3s; }
.final-cta-btn-secondary:hover { background: var(--white); color: var(--primary-color); }
.final-cta-reassurance { font-size: 1rem; opacity: 0.9; font-style: italic; }
@media (max-width: 1024px) {
  .contact-form-layout, .office-info-grid, .accessibility-grid, .referral-grid, .testimonial-grid { grid-template-columns: 1fr; }
  .contact-methods-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .contact-page-hero-title { font-size: 2.2rem; }
  .contact-intro-heading, .contact-methods-heading, .contact-form-heading, .office-info-heading, .faq-quick-heading, .accessibility-heading, .social-media-heading, .resources-help-heading, .referral-heading, .testimonial-heading, .alternative-heading, .final-cta-heading { font-size: 2rem; }
  .contact-methods-grid { grid-template-columns: 1fr; }
  .final-cta-buttons { flex-direction: column; align-items: center; }
  .social-media-icons { gap: 20px; }
  .social-media-icon { width: 50px; height: 50px; font-size: 1.5rem; }
}
@media (max-width: 480px) {
  .contact-page-hero { padding: 60px 20px 40px; }
  .contact-page-hero-title { font-size: 1.8rem; }
  .contact-page-hero-subtitle { font-size: 1.1rem; }
  .contact-intro-section, .contact-methods-section, .contact-form-section, .office-info-section, .faq-quick-section, .accessibility-section, .social-media-section, .resources-help-section, .referral-section, .testimonial-section, .alternative-contact-section, .privacy-security-section, .final-cta-section { padding: 60px 20px; }
  .contact-method-card, .resources-help-box, .alternative-item { padding: 24px; }
  .final-cta-btn-primary, .final-cta-btn-secondary { width: 100%; max-width: 300px; }
}
.editor-tool, [data-editor-tool] { outline: none !important; cursor: default !important; }