:root {
  /* Primary Colors */
  --primary-100: #e0f2ff;
  --primary-200: #b8e2ff;
  --primary-300: #8eceff;
  --primary-400: #59b3ff;
  --primary-500: #1e90ff;
  --primary-600: #0070dd;
  --primary-700: #0057b3;
  --primary-800: #004080;
  --primary-900: #002a52;
  
  /* Secondary Colors */
  --secondary-100: #e5f8ff;
  --secondary-200: #c7edff;
  --secondary-300: #9ddefe;
  --secondary-400: #5cccfa;
  --secondary-500: #00b4f0;
  --secondary-600: #0090d0;
  --secondary-700: #0073ab;
  --secondary-800: #005580;
  --secondary-900: #003a56;
  
  /* Accent Colors */
  --accent-100: #fff5e0;
  --accent-200: #ffe9b8;
  --accent-300: #ffd980;
  --accent-400: #ffc333;
  --accent-500: #ffad00;
  --accent-600: #e69500;
  --accent-700: #cc8000;
  --accent-800: #996000;
  --accent-900: #664000;
  
  /* Neutral Colors */
  --neutral-100: #ffffff;
  --neutral-200: #f7f9fc;
  --neutral-300: #eef1f6;
  --neutral-400: #d9dfe8;
  --neutral-500: #b5c0cd;
  --neutral-600: #8c98a8;
  --neutral-700: #636e7b;
  --neutral-800: #3d4852;
  --neutral-900: #1f2937;
  
  /* Gradients */
  --gradient-primary: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);
  --gradient-secondary: linear-gradient(135deg, var(--secondary-500) 0%, var(--secondary-700) 100%);
  --gradient-accent: linear-gradient(135deg, var(--accent-500) 0%, var(--accent-700) 100%);
  --gradient-dark-overlay: linear-gradient(rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 100%);
  --gradient-light-overlay: linear-gradient(rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%);
  
  /* Shadow */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 20px 32px rgba(0, 0, 0, 0.16), 0 8px 16px rgba(0, 0, 0, 0.1);
  
  /* Neuromorphic Shadow */
  --neuro-shadow-up: -8px -8px 16px rgba(255, 255, 255, 0.7), 8px 8px 16px rgba(0, 0, 0, 0.1);
  --neuro-shadow-down: inset -8px -8px 16px rgba(255, 255, 255, 0.7), inset 8px 8px 16px rgba(0, 0, 0, 0.1);
  
  /* Spacing */
  --space-xs: 0.25rem; /* 4px */
  --space-sm: 0.5rem;  /* 8px */
  --space-md: 1rem;    /* 16px */
  --space-lg: 1.5rem;  /* 24px */
  --space-xl: 2rem;    /* 32px */
  --space-2xl: 3rem;   /* 48px */
  --space-3xl: 4rem;   /* 64px */
  
  /* Typography */
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Merriweather', serif;
  
  /* Border Radius */
  --radius-sm: 0.25rem;  /* 4px */
  --radius-md: 0.5rem;   /* 8px */
  --radius-lg: 1rem;     /* 16px */
  --radius-xl: 1.5rem;   /* 24px */
  --radius-full: 9999px; /* Full rounded */
  
  /* Transitions */
  --transition-fast: 150ms ease-in-out;
  --transition-normal: 250ms ease-in-out;
  --transition-slow: 450ms ease-in-out;
  --transition-bounce: 250ms cubic-bezier(0.34, 1.56, 0.64, 1);
  
  /* Container Width */
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1280px;
  
  /* Z-Index */
  --z-below: -1;
  --z-normal: 1;
  --z-above: 10;
  --z-modal: 100;
  --z-overlay: 200;
  --z-tooltip: 300;
}

/* Reset & Base Styles */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  color: var(--neutral-800);
  background-color: var(--neutral-200);
  line-height: 1.6;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: var(--space-md);
  color: var(--neutral-900);
}

h1 {
  font-size: 3rem;
  margin-bottom: var(--space-lg);
}

h2 {
  font-size: 2.5rem;
  margin-bottom: var(--space-lg);
}

h3 {
  font-size: 1.75rem;
  margin-bottom: var(--space-md);
}

h4 {
  font-size: 1.25rem;
  margin-bottom: var(--space-sm);
}

p {
  margin-bottom: var(--space-md);
}

a {
  color: var(--primary-600);
  text-decoration: none;
  transition: color var(--transition-normal);
}

a:hover {
  color: var(--primary-700);
  text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

ul, ol {
  margin-bottom: var(--space-md);
  padding-left: var(--space-xl);
}

li {
  margin-bottom: var(--space-xs);
}

/* Container */
.container {
  width: 100%;
  max-width: var(--container-xl);
  margin: 0 auto;
  padding: 0 var(--space-lg);
}

/* Section Spacing */
section {
  padding: var(--space-2xl) 0;
  position: relative;
}

section:not(:first-child) {
  margin-top: var(--space-md);
}

/* Buttons */
.primary-btn, 
.secondary-btn, 
.webinar-btn, 
.event-btn, 
.submit-btn, 
button, 
input[type='submit'] {
  display: inline-block;
  font-family: var(--font-heading);
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-normal);
  text-align: center;
  text-decoration: none;
  box-shadow: var(--shadow-md);
  margin: var(--space-sm);
  outline: none;
}

.primary-btn, .submit-btn {
  background: var(--gradient-primary);
  color: white;
}

.primary-btn:hover, .submit-btn:hover {
  background: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-800) 100%);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
  text-decoration: none;
  color: white;
}

.secondary-btn {
  background: var(--neutral-100);
  color: var(--primary-700);
  border: 2px solid var(--primary-500);
}

.secondary-btn:hover {
  background-color: var(--primary-100);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
  text-decoration: none;
  color: var(--primary-700);
}

.webinar-btn, .event-btn {
  background: var(--gradient-secondary);
  color: white;
  padding: 0.6rem 1.2rem;
  font-size: 0.9rem;
  border-radius: var(--radius-sm);
}

.webinar-btn:hover, .event-btn:hover {
  background: linear-gradient(135deg, var(--secondary-600) 0%, var(--secondary-800) 100%);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
  text-decoration: none;
  color: white;
}

.read-more {
  color: var(--accent-600);
  font-weight: 600;
  font-family: var(--font-heading);
  position: relative;
  display: inline-block;
  padding-right: 1.5rem;
  transition: all var(--transition-normal);
}

.read-more:after {
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform var(--transition-normal);
}

.read-more:hover {
  color: var(--accent-700);
  text-decoration: none;
}

.read-more:hover:after {
  transform: translate(5px, -50%);
}

/* Header & Navigation */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  box-shadow: var(--shadow-md);
  padding: var(--space-md) 0;
  z-index: var(--z-overlay);
  transition: all var(--transition-normal);
}

.header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo a {
  display: block;
}

.logo img {
  height: 60px;
  width: auto;
}

.main-nav ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-nav li {
  margin: 0 var(--space-sm);
}

.main-nav a {
  font-family: var(--font-heading);
  font-weight: 500;
  color: var(--neutral-900);
  padding: var(--space-xs) var(--space-sm);
  border-radius: var(--radius-sm);
  transition: all var(--transition-normal);
}

.main-nav a:hover {
  color: var(--primary-600);
  background-color: var(--primary-100);
  text-decoration: none;
}

.burger-menu {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 20px;
  cursor: pointer;
  z-index: var(--z-overlay);
}

.burger-menu span {
  width: 100%;
  height: 3px;
  background-color: var(--neutral-800);
  border-radius: var(--radius-full);
  transition: all var(--transition-normal);
}

/* Hero Section */
.hero {
  min-height: 80vh;
  display: flex;
  align-items: center;
  position: relative;
  padding: var(--space-3xl) 0;
  margin-top: 80px; /* Space for fixed header */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
  color: white;
  overflow: hidden;
}

.hero:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--gradient-dark-overlay);
  z-index: var(--z-below);
}

.hero-content {
  position: relative;
  z-index: var(--z-above);
  max-width: 800px;
}

.hero h1 {
  font-size: 3.5rem;
  margin-bottom: var(--space-md);
  color: white;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.hero .subtitle {
  font-size: 1.75rem;
  font-weight: 500;
  margin-bottom: var(--space-xl);
  color: var(--neutral-100);
}

.hero-description {
  font-size: 1.2rem;
  margin-bottom: var(--space-xl);
  color: var(--neutral-100);
  max-width: 700px;
  line-height: 1.6;
}

.hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
}

/* Page Heroes */
.page-hero {
  min-height: 50vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 80px; /* Space for fixed header */
  color: white;
}

.page-hero:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--gradient-dark-overlay);
  z-index: var(--z-below);
}

.page-hero .hero-content {
  text-align: center;
}

/* Cards */
.card {
  background: var(--neutral-100);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-normal);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: var(--space-lg);
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-lg);
}

.card-image {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.image-container {
  width: 100%;
  height: 250px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
  margin: 0 auto;
}

.card:hover .card-image img {
  transform: scale(1.05);
}

.card-content {
  padding: var(--space-lg);
  flex: 1;
  width: 100%;
}

.card-content h3 {
  color: var(--neutral-900);
  margin-bottom: var(--space-sm);
}

.card-content p {
  color: var(--neutral-700);
  margin-bottom: var(--space-md);
}

/* Features Section */
.features {
  background-color: var(--neutral-200);
  position: relative;
}

.section-description {
  font-size: 1.2rem;
  color: var(--neutral-700);
  margin-bottom: var(--space-2xl);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.feature-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--space-xl);
}

.stats-widgets {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: var(--space-xl);
  margin-top: var(--space-2xl);
}

.stat-widget {
  background-color: var(--neutral-100);
  padding: var(--space-lg);
  border-radius: var(--radius-md);
  box-shadow: var(--neuro-shadow-up);
  text-align: center;
  transition: all var(--transition-normal);
}

.stat-widget:hover {
  box-shadow: var(--neuro-shadow-down);
}

.stat-number {
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--primary-600);
  margin-bottom: var(--space-sm);
}

.stat-label {
  font-family: var(--font-heading);
  font-weight: 500;
  color: var(--neutral-700);
}

/* Customer Stories Section */
.customer-stories {
  background: linear-gradient(135deg, var(--primary-100) 0%, var(--secondary-100) 100%);
  position: relative;
}

.stories-carousel {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: var(--space-xl);
}

.customer-info {
  font-style: italic;
  color: var(--primary-700);
  font-weight: 500;
  margin-top: var(--space-md);
}

/* Resources Section */
.resources {
  background-color: var(--neutral-100);
}

.resources-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: var(--space-lg);
}

.resource-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--neutral-200);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-normal);
  text-decoration: none;
  height: 100%;
}

.resource-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
}

.resource-card .card-content {
  padding: var(--space-md);
  width: 100%;
}

.resource-card h3 {
  font-size: 1.2rem;
  color: var(--neutral-900);
}

.resource-card p {
  color: var(--neutral-700);
  font-size: 0.95rem;
  margin-bottom: 0;
}

.resource-card:hover h3 {
  color: var(--primary-600);
}

/* Webinars Section */
.webinars {
  background: linear-gradient(135deg, var(--secondary-100) 0%, var(--primary-100) 100%);
}

.webinars-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: var(--space-xl);
}

/* Events Section */
.events {
  background-color: var(--neutral-100);
}

.events-timeline {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

.event-card {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: var(--space-lg);
  align-items: center;
  background: var(--neutral-100);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  transition: all var(--transition-normal);
}

.event-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-lg);
}

.event-details {
  margin: var(--space-md) 0;
  padding: var(--space-md);
  background-color: var(--primary-100);
  border-radius: var(--radius-sm);
}

.event-details p {
  margin-bottom: var(--space-xs);
}

/* Blog Section */
.blog {
  background: linear-gradient(135deg, var(--neutral-200) 0%, var(--primary-100) 100%);
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: var(--space-xl);
}

.blog-meta {
  font-size: 0.9rem;
  color: var(--neutral-600);
  margin-bottom: var(--space-md);
  font-style: italic;
}

/* Contact Section */
.contact {
  background-color: var(--neutral-100);
  position: relative;
}

.contact-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
  align-items: start;
}

.contact-info {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

.info-card {
  background-color: var(--neutral-200);
  padding: var(--space-lg);
  border-radius: var(--radius-md);
  box-shadow: var(--neuro-shadow-up);
}

.info-card h3 {
  color: var(--primary-700);
  margin-bottom: var(--space-md);
}

.info-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.info-card li {
  margin-bottom: var(--space-md);
  display: flex;
  flex-direction: column;
}

.info-card a {
  color: var(--primary-600);
}

.map-container {
  width: 100%;
  height: 300px;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.contact-form-container {
  width: 100%;
}

.form-card {
  background-color: var(--neutral-200);
  padding: var(--space-xl);
  border-radius: var(--radius-lg);
  box-shadow: var(--neuro-shadow-up);
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--space-md);
}

.form-group.checkbox {
  flex-direction: row;
  align-items: center;
  gap: var(--space-sm);
}

label {
  font-family: var(--font-heading);
  font-weight: 500;
  margin-bottom: var(--space-xs);
  color: var(--neutral-800);
}

input, select, textarea {
  padding: var(--space-md);
  border: 2px solid var(--neutral-300);
  border-radius: var(--radius-sm);
  font-family: var(--font-body);
  font-size: 1rem;
  transition: all var(--transition-normal);
  box-shadow: var(--neuro-shadow-down);
  background-color: var(--neutral-100);
}

input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--primary-500);
  box-shadow: 0 0 0 3px var(--primary-200);
}

/* Contact Sections for contacts.html */
.contact-columns {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--space-xl);
}

.is-two-thirds {
  grid-column: span 2;
}

.is-one-third {
  grid-column: span 1;
}

.contact-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--space-lg);
  margin-bottom: var(--space-xl);
}

.contact-card {
  background-color: var(--neutral-100);
  padding: var(--space-lg);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.card-icon {
  margin-bottom: var(--space-md);
}

.contact-card h3 {
  color: var(--primary-700);
  margin-bottom: var(--space-sm);
}

.contact-details {
  list-style: none;
  padding: 0;
  margin-top: var(--space-md);
  text-align: left;
  width: 100%;
}

.contact-details li {
  margin-bottom: var(--space-sm);
}

.headquarters {
  background-color: var(--neutral-100);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  padding: var(--space-lg);
}

.headquarters h3 {
  color: var(--primary-700);
  margin-bottom: var(--space-lg);
  text-align: center;
}

.hq-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  align-items: center;
}

.hq-image {
  border-radius: var(--radius-md);
  overflow: hidden;
}

.hq-details {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.hq-details address {
  font-style: normal;
  line-height: 1.6;
  margin-bottom: var(--space-md);
}

/* FAQ Section */
.faq-section {
  background: linear-gradient(135deg, var(--primary-100) 0%, var(--secondary-100) 100%);
  padding: var(--space-2xl) 0;
}

.faq-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: var(--space-xl);
  margin-bottom: var(--space-2xl);
}

.faq-item {
  background-color: var(--neutral-100);
  padding: var(--space-lg);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-normal);
}

.faq-item:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-lg);
}

.faq-item h3 {
  color: var(--primary-700);
  margin-bottom: var(--space-md);
  font-size: 1.2rem;
}

.support-cta {
  text-align: center;
  padding: var(--space-xl);
  background-color: var(--neutral-100);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

.support-cta h3 {
  color: var(--primary-700);
  margin-bottom: var(--space-md);
}

/* About Page */
.our-story {
  background-color: var(--neutral-100);
}

.story-content {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: var(--space-xl);
  align-items: center;
}

.story-image {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.story-text p {
  margin-bottom: var(--space-md);
}

.mission-vision {
  background: linear-gradient(135deg, var(--primary-100) 0%, var(--secondary-100) 100%);
}

.mission-vision-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
}

.mission-card, .vision-card {
  background-color: var(--neutral-100);
  padding: var(--space-xl);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

.mission-card {
  border-top: 5px solid var(--primary-500);
}

.vision-card {
  border-top: 5px solid var(--secondary-500);
}

/* Team Section */
.team-section {
  background-color: var(--neutral-100);
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--space-xl);
}

.position {
  color: var(--primary-600);
  font-weight: 500;
  margin-bottom: var(--space-sm);
}

/* Values Section */
.values-section {
  background: linear-gradient(135deg, var(--neutral-200) 0%, var(--primary-100) 100%);
}

.values-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--space-xl);
}

.value-card {
  background-color: var(--neutral-100);
  padding: var(--space-xl);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  text-align: center;
  transition: all var(--transition-normal);
}

.value-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-lg);
}

.value-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto var(--space-lg);
}

.value-card h3 {
  color: var(--primary-700);
  margin-bottom: var(--space-md);
}

/* Privacy & Terms Pages */
.privacy-content, .terms-content {
  background-color: var(--neutral-100);
  padding-top: 100px;
}

.legal-content {
  background-color: var(--neutral-100);
  padding: var(--space-2xl);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.last-updated {
  margin-bottom: var(--space-xl);
  color: var(--neutral-600);
  font-style: italic;
}

.section-intro {
  font-size: 1.2rem;
  margin-bottom: var(--space-xl);
}

.policy-section {
  margin-bottom: var(--space-xl);
}

.policy-section h2 {
  color: var(--primary-700);
  margin-bottom: var(--space-md);
  border-bottom: 2px solid var(--primary-200);
  padding-bottom: var(--space-sm);
}

.policy-section h3 {
  color: var(--secondary-700);
  margin-top: var(--space-lg);
  margin-bottom: var(--space-sm);
  font-size: 1.3rem;
}

/* Success Page */
.success-section {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--primary-100) 0%, var(--secondary-100) 100%);
  padding: var(--space-3xl) 0;
  margin-top: 80px;
  position: relative;
}

.success-content {
  background-color: var(--neutral-100);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  padding: var(--space-2xl);
  text-align: center;
  max-width: 800px;
  width: 100%;
  position: relative;
  z-index: var(--z-above);
}

.success-icon {
  width: 120px;
  height: 120px;
  margin: 0 auto var(--space-xl);
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.success-message {
  font-size: 1.2rem;
  margin-bottom: var(--space-xl);
  color: var(--neutral-700);
}

.success-details {
  background-color: var(--primary-100);
  border-radius: var(--radius-md);
  padding: var(--space-lg);
  margin-bottom: var(--space-xl);
  text-align: left;
}

.success-details h2 {
  color: var(--primary-700);
  margin-bottom: var(--space-md);
  font-size: 1.5rem;
}

.success-cta {
  display: flex;
  justify-content: center;
  gap: var(--space-md);
  margin-bottom: var(--space-xl);
  flex-wrap: wrap;
}

.additional-resources {
  margin-top: var(--space-xl);
}

.additional-resources h3 {
  color: var(--primary-700);
  margin-bottom: var(--space-md);
}

.resource-links {
  display: flex;
  justify-content: center;
  gap: var(--space-lg);
  flex-wrap: wrap;
}

.resource-links a {
  display: inline-block;
  padding: var(--space-sm) var(--space-md);
  background-color: var(--primary-100);
  border-radius: var(--radius-sm);
  color: var(--primary-700);
  transition: all var(--transition-normal);
}

.resource-links a:hover {
  background-color: var(--primary-200);
  transform: translateY(-2px);
  text-decoration: none;
}

/* Footer */
.footer {
  background: var(--gradient-primary);
  color: white;
  padding-top: var(--space-2xl);
  position: relative;
}

.footer-content {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: var(--space-2xl);
  padding-bottom: var(--space-xl);
}

.footer-logo {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.footer-logo p {
  color: var(--neutral-200);
}

.footer-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-xl);
}

.link-group h4 {
  color: white;
  margin-bottom: var(--space-lg);
  position: relative;
}

.link-group h4:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 40px;
  height: 3px;
  background-color: var(--secondary-300);
}

.link-group ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.link-group li {
  margin-bottom: var(--space-md);
}

.link-group a {
  color: var(--neutral-200);
  transition: all var(--transition-normal);
}

.link-group a:hover {
  color: white;
  text-decoration: none;
  padding-left: var(--space-xs);
}

.social-links a {
  display: flex;
  align-items: center;
}

.social-links a:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: var(--space-sm);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.8;
  transition: all var(--transition-normal);
}

.social-links a:hover:before {
  opacity: 1;
  transform: scale(1.1);
}

.social-links li:nth-child(1) a:before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M21 12.1c0-5-4-9-9-9s-9 4-9 9c0 4.5 3.3 8.2 7.5 8.9v-6.3h-2.3V12h2.3v-2c0-2.2 1.3-3.5 3.4-3.5 1 0 2 .2 2 .2v2.2h-1.1c-1.1 0-1.4.7-1.4 1.4V12h2.4l-.4 2.7h-2v6.3c4.3-.7 7.6-4.4 7.6-8.9z"/></svg>');
}

.social-links li:nth-child(2) a:before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M23 4.9c-.8.4-1.7.6-2.6.7.9-.6 1.6-1.5 2-2.6-.9.5-1.9.9-2.9 1.1-.8-.9-2-1.4-3.3-1.4-2.5 0-4.5 2-4.5 4.5 0 .4 0 .7.1 1-3.7-.2-7-2-9.2-4.7-.4.7-.6 1.5-.6 2.3 0 1.6.8 3 2 3.8-.7 0-1.4-.2-2-.6 0 2.2 1.6 4 3.6 4.5-.4.1-.8.2-1.2.2-.3 0-.5 0-.8-.1.6 1.8 2.3 3.2 4.3 3.2-1.6 1.2-3.5 2-5.7 2-.4 0-.7 0-1.1-.1 2 1.3 4.4 2.1 7 2.1 8.4 0 13-7 13-13 0-.2 0-.4 0-.6.9-.6 1.7-1.4 2.3-2.3z"/></svg>');
}

.social-links li:nth-child(3) a:before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 2.2c3.2 0 3.6 0 4.9.1 1.2.1 1.8.2 2.2.4.6.2 1 .5 1.4.9.4.4.7.8.9 1.4.2.4.4 1 .4 2.2.1 1.3.1 1.6.1 4.8s0 3.6-.1 4.9c-.1 1.2-.2 1.8-.4 2.2-.2.6-.5 1-.9 1.4-.4.4-.8.7-1.4.9-.4.2-1 .4-2.2.4-1.3.1-1.6.1-4.9.1s-3.6 0-4.9-.1c-1.2-.1-1.8-.2-2.2-.4-.6-.2-1-.5-1.4-.9-.4-.4-.7-.8-.9-1.4-.2-.4-.4-1-.4-2.2-.1-1.3-.1-1.6-.1-4.9s0-3.6.1-4.9c.1-1.2.2-1.8.4-2.2.2-.6.5-1 .9-1.4.4-.4.8-.7 1.4-.9.4-.2 1-.4 2.2-.4 1.3 0 1.6-.1 4.9-.1M12 0C8.7 0 8.3 0 7 .1 5.7.1 4.8.3 4.1.6c-.8.3-1.4.7-2.1 1.4-.7.7-1.1 1.3-1.4 2.1C.3 4.8.1 5.7.1 7 0 8.3 0 8.7 0 12s0 3.7.1 5c.1 1.3.3 2.2.6 2.9.3.8.7 1.4 1.4 2.1.7.7 1.3 1.1 2.1 1.4.7.3 1.6.5 2.9.6 1.3.1 1.7.1 5 .1s3.7 0 5-.1c1.3-.1 2.2-.3 2.9-.6.8-.3 1.4-.7 2.1-1.4.7-.7 1.1-1.3 1.4-2.1.3-.7.5-1.6.6-2.9.1-1.3.1-1.7.1-5s0-3.7-.1-5c-.1-1.3-.3-2.2-.6-2.9-.3-.8-.7-1.4-1.4-2.1-.7-.7-1.3-1.1-2.1-1.4C19.2.3 18.3.1 17 .1 15.7 0 15.3 0 12 0zm0 5.8c-3.4 0-6.2 2.8-6.2 6.2s2.8 6.2 6.2 6.2 6.2-2.8 6.2-6.2-2.8-6.2-6.2-6.2zm0 10.2c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4zm6.4-11.8c-.8 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4 1.4-.6 1.4-1.4-.6-1.4-1.4-1.4z"/></svg>');
}

.social-links li:nth-child(4) a:before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M20.5 3.5h-17C2.7 3.5 2 4.2 2 5v14c0 .8.7 1.5 1.5 1.5h17c.8 0 1.5-.7 1.5-1.5V5c0-.8-.7-1.5-1.5-1.5zM8 18.5h-3v-9h3v9zM6.5 8c-1 0-1.8-.8-1.8-1.8s.8-1.8 1.8-1.8 1.8.8 1.8 1.8-.8 1.8-1.8 1.8zm12 10.5h-3v-4.7c0-1.1 0-2.5-1.5-2.5s-1.8 1.2-1.8 2.4v4.8h-3v-9h2.9v1.3h.1c.4-.8 1.4-1.5 2.8-1.5 3 0 3.5 2 3.5 4.5v4.7z"/></svg>');
}

.footer-bottom {
  background-color: rgba(0, 0, 0, 0.2);
  padding: var(--space-lg) 0;
  text-align: center;
}

.footer-bottom p {
  color: var(--neutral-200);
  margin-bottom: var(--space-xs);
  font-size: 0.9rem;
}

/* Particle Animation */
.particles-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: var(--z-below);
}

/* Media Queries */
@media (max-width: 1280px) {
  html {
    font-size: 15px;
  }
  
  .container {
    padding: 0 var(--space-md);
  }
  
  .event-card {
    grid-template-columns: 1fr;
  }
  
  .story-content {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }
  
  .story-image {
    margin-bottom: var(--space-lg);
  }
  
  .contact-content {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 992px) {
  html {
    font-size: 14px;
  }
  
  h1 {
    font-size: 2.75rem;
  }
  
  h2 {
    font-size: 2.25rem;
  }
  
  .mission-vision-cards,
  .footer-content,
  .hq-content {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }
  
  .footer-links {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .contact-columns {
    grid-template-columns: 1fr;
  }
  
  .is-two-thirds,
  .is-one-third {
    grid-column: span 1;
  }
}

@media (max-width: 768px) {
  .burger-menu {
    display: flex;
  }
  
  .main-nav {
    display: none;
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    background-color: var(--neutral-100);
    box-shadow: var(--shadow-md);
    padding: var(--space-md);
    z-index: var(--z-overlay);
  }
  
  .main-nav.active {
    display: block;
  }
  
  .main-nav ul {
    flex-direction: column;
  }
  
  .main-nav li {
    margin: var(--space-xs) 0;
  }
  
  .hero h1 {
    font-size: 2.5rem;
  }
  
  .hero .subtitle {
    font-size: 1.5rem;
  }
  
  .success-cta {
    flex-direction: column;
  }
}

@media (max-width: 576px) {
  html {
    font-size: 13px;
  }
  
  .hero-cta {
    flex-direction: column;
  }
  
  .primary-btn, 
  .secondary-btn, 
  .webinar-btn, 
  .event-btn, 
  .submit-btn {
    width: 100%;
    margin: var(--space-xs) 0;
  }
  
  .event-details {
    padding: var(--space-sm);
  }
  
  .footer-links {
    grid-template-columns: 1fr;
  }
  
  .resource-links {
    flex-direction: column;
    align-items: center;
  }
  
  .resource-links a {
    width: 100%;
    text-align: center;
  }
}
.burger-menu{
  display: none;
}