@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root {
  --color-bg-primary: #faf5ff;
  --color-bg-secondary: #f5f3ff;
  --color-bg-tertiary: #ede9fe;
  --color-bg-card: #ffffff;

  --color-text-primary: #2e1065;
  --color-text-secondary: #6b21a8;
  --color-text-muted: #7c55a3;

  --color-primary: #9333ea;
  --color-primary-hover: #7e22ce;
  --color-primary-light: #f3e8ff;
  --color-secondary: #a855f7;
  --color-secondary-light: #f5e6ff;

  --color-success: #059669;
  --color-success-light: #d1fae5;
  --color-warning: #d97706;
  --color-warning-light: #fef3c7;
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

  --color-border: #e9d5ff;
  --color-border-light: #f3e8ff;

  --font-primary: 'Source Sans 3', sans-serif;
  --font-heading: 'Outfit', sans-serif;

  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-full: 9999px;

  --shadow-xs: 0 1px 2px 0 rgba(147, 51, 234, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(147, 51, 234, 0.1), 0 1px 2px 0 rgba(147, 51, 234, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(147, 51, 234, 0.1), 0 2px 4px -1px rgba(147, 51, 234, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(147, 51, 234, 0.1), 0 4px 6px -2px rgba(147, 51, 234, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(147, 51, 234, 0.1), 0 10px 10px -5px rgba(147, 51, 234, 0.04);

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

  --line-height-tight: 1.25;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;

  
  --color-accent: var(--color-primary);
  --color-accent-hover: var(--color-primary-hover);
  --color-accent-dark: var(--color-accent-hover);
  --color-primary-dark: var(--color-accent-dark);
  --color-accent-light: var(--color-primary-light);
  --color-secondary-hover: var(--color-secondary-light);
  --color-text-on-accent: #ffffff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: var(--line-height-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
}

h1 {
  font-size: 3.5rem;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.75rem;
  letter-spacing: -0.015em;
}

h3 {
  font-size: 2rem;
  letter-spacing: -0.01em;
}

h4 {
  font-size: 1.5rem;
  letter-spacing: -0.005em;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

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

button {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

.i84 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

.kb6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.gf0270 {
  background: var(--color-primary);
  color: white;
  box-shadow: var(--shadow-md);
}

.gf0270:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

.gf0270:active {
  transform: scale(0.98);
}

.n46ef {
  background: var(--color-secondary);
  color: white;
  box-shadow: var(--shadow-md);
}

.n46ef:hover {
  background: #9333ea;
  box-shadow: var(--shadow-lg);
}

.i07 {
  background: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

.i07:hover {
  background: var(--color-primary-light);
  color: var(--color-primary-hover);
}

.p9fa9 {
  background: transparent;
  color: var(--color-text-secondary);
  font-weight: 500;
}

.p9fa9:hover {
  background: var(--color-bg-secondary);
  color: var(--color-primary);
}

.oc716b {
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 0.875rem;
}

.m2da19 {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: 1.125rem;
}

.e232213 {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  padding: var(--spacing-xl);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

.e232213:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.a412317 {
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.j2a {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-text-primary);
}

.g3b6559 {
  margin-bottom: var(--spacing-md);
}

.idb61f38 {
  margin-top: var(--spacing-lg);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
  display: flex;
  gap: var(--spacing-md);
}

.o7d {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.h60d24 {
  background: var(--color-primary-light);
  color: var(--color-primary);
}

.e1f32de4 {
  background: var(--color-secondary-light);
  color: var(--color-secondary);
}

.af4 {
  background: var(--color-success-light);
  color: var(--color-success);
}

.n53a {
  background: var(--color-warning-light);
  color: var(--color-warning);
}

.nc92c1f {
  background: var(--color-danger-light);
  color: var(--color-danger);
}

.l13b4 {
  width: 100%;
  padding: var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: 1rem;
  color: var(--color-text-primary);
  background: var(--color-bg-card);
  transition: all var(--transition-base);
}

.l13b4:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.l13b4:disabled {
  background: var(--color-bg-secondary);
  color: var(--color-text-muted);
  cursor: not-allowed;
}

.l13b4::placeholder {
  color: var(--color-text-muted);
}

textarea.l13b4 {
  min-height: 120px;
  resize: vertical;
}

.g71f {
  margin-bottom: var(--spacing-lg);
}

.i36a2 {
  display: block;
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  font-size: 0.95rem;
}

.be1 {
  margin-top: var(--spacing-xs);
  font-size: 0.875rem;
  color: var(--color-text-muted);
}

.k727 {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid;
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.h74a1 {
  background: var(--color-success-light);
  border-color: var(--color-success);
  color: var(--color-success);
}

.c3f9 {
  background: var(--color-warning-light);
  border-color: var(--color-warning);
  color: var(--color-warning);
}

.d9e87006 {
  background: var(--color-danger-light);
  border-color: var(--color-danger);
  color: var(--color-danger);
}

.a5c73 {
  background: var(--color-primary-light);
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.k689ec14 {
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-xl) 0;
}

.p5b {
  display: grid;
  gap: var(--spacing-lg);
}

.ha38 {
  grid-template-columns: repeat(2, 1fr);
}

.h33ad72 {
  grid-template-columns: repeat(3, 1fr);
}

.p173 {
  grid-template-columns: repeat(4, 1fr);
}

.e3d9a {
  display: flex;
  gap: var(--spacing-md);
}

.m24806 {
  flex-direction: column;
}

.c0a54e {
  align-items: center;
  justify-content: center;
}

.m85 {
  align-items: center;
  justify-content: space-between;
}

.e2e5d3 {
  gap: var(--spacing-sm);
}

.k14 {
  gap: var(--spacing-md);
}

.h2d9d {
  gap: var(--spacing-lg);
}

.l62431 {
  gap: var(--spacing-xl);
}

.o40 {
  text-align: center;
}

.i49b2ad3 {
  text-align: right;
}

.dc8 {
  color: var(--color-text-muted);
}

.k04 {
  color: var(--color-text-primary);
}

.ef6a018 {
  color: var(--color-text-secondary);
}

.je2a6 {
  color: var(--color-primary);
}

.i3bdc7 {
  font-weight: 700;
}

.m8e {
  font-weight: 600;
}

.jd22 {
  font-weight: 500;
}

.o4ac20bf {
  font-size: 0.875rem;
}

.ae87015 {
  font-size: 1rem;
}

.pdd {
  font-size: 1.125rem;
}

.pb54b38 {
  font-size: 1.25rem;
}

.pee {
  font-size: 1.5rem;
}

.fd62f14 {
  text-transform: uppercase;
}

.n28b20d9 {
  text-transform: capitalize;
}

.l3b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.p45 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.fcee0b {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.kb97 {
  margin: 0;
}

.n3e72580 {
  margin-top: var(--spacing-sm);
}

.fc6534b {
  margin-top: var(--spacing-md);
}

.g1d {
  margin-top: var(--spacing-lg);
}

.c5ff0 {
  margin-top: var(--spacing-xl);
}

.a0a6 {
  margin-bottom: var(--spacing-sm);
}

.f7bb0 {
  margin-bottom: var(--spacing-md);
}

.e5b93b3 {
  margin-bottom: var(--spacing-lg);
}

.nee80 {
  margin-bottom: var(--spacing-xl);
}

.oe0 {
  margin-left: auto;
  margin-right: auto;
}

.aee6e0f9 {
  padding: 0;
}

.l078 {
  padding: var(--spacing-sm);
}

.b3eafe4 {
  padding: var(--spacing-md);
}

.lf9 {
  padding: var(--spacing-lg);
}

.id5 {
  padding: var(--spacing-xl);
}

.h20fe513 {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

.l9afa89 {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}

.mb72b103 {
  border-radius: var(--radius-sm);
}

.he9 {
  border-radius: var(--radius-md);
}

.o8a85969 {
  border-radius: var(--radius-lg);
}

.jb2b8e {
  border-radius: var(--radius-xl);
}

.o4fe1c {
  border-radius: var(--radius-full);
}

.p8dafc {
  box-shadow: var(--shadow-sm);
}

.fb4b {
  box-shadow: var(--shadow-md);
}

.a359 {
  box-shadow: var(--shadow-lg);
}

.hee7 {
  box-shadow: var(--shadow-xl);
}

.m8c8496 {
  opacity: 0.5;
}

.k4aca {
  opacity: 0.75;
}

.n2d9c {
  display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

@media (max-width: 768px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .ha38,
  .h33ad72,
  .p173 {
    grid-template-columns: 1fr;
  }

  .i84 {
    padding: 0 var(--spacing-md);
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .kb6 {
    width: 100%;
  }

  .e232213 {
    padding: var(--spacing-lg);
  }
}
.d1c {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 1000;
  top: 0;
  width: 100%;
}

.c0581d {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 70px;
}

.n4e {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  gap: 0.75rem;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

.n4e:hover {
  opacity: 0.85;
}

.pf9d {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}

.ef90417 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

.j3c {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  margin: 0 clamp(1.5rem, 4vw, 3rem);
}

.i1d856 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all var(--transition-base);
  position: relative;
}

.i1d856:hover {
  color: var(--color-accent);
}

.i1d856::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--color-accent);
  transition: width var(--transition-base);
}

.i1d856:hover::after {
  width: 100%;
}

.bfda8 {
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
}

.bfda8:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.l3f {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  margin: -8px -8px -8px 0;
  z-index: 1001;
}

.jcd9 {
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 1px;
  transition: all var(--transition-base);
}

.g767 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  overflow-y: auto;
  padding-top: 70px;
}

.g767.d9e {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.d08f64 {
  display: flex;
  justify-content: flex-end;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

.c95aa1 {
  background: transparent;
  border: none;
  font-size: 1.5rem;
  color: var(--color-text-primary);
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
}

.c95aa1:hover {
  color: var(--color-accent);
}

.df3d {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
}

.k82e5 {
  display: block;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw, 1rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.k82e5:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: clamp(1.5rem, 5vw, 2.5rem);
}

.od2 {
  display: block;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  margin: 1rem clamp(1rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-align: center;
  cursor: pointer;
  transition: all var(--transition-base);
  border: none;
}

.od2:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .j3c {
    display: flex;
  }

  .l3f {
    display: none;
  }

  .g767 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .c0581d {
    height: 80px;
  }

  .ef90417 {
    font-size: 1.5rem;
  }

  .i1d856 {
    font-size: 1rem;
  }

  .bfda8 {
    padding: 0.875rem 2rem;
    font-size: 1rem;
  }
}

    .p58c {
  width: 100%;
}

.i84 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f04d {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.i829 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.da9 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.jac14d0 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.b5f8 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  font-weight: 600;
}

.e3f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.e27caa75 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(1.5rem, 2vw, 2rem) 0;
}

.dde1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.hfc8e {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-accent);
  font-weight: 700;
}

.f2ed6d90 {
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.n8a5e1b4 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  padding-top: 1rem;
}

.kb6 {
  padding: 1rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
  cursor: pointer;
  border: none;
  text-align: center;
}

.h874a {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.h874a:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

.o139 {
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

.o139:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-accent-hover);
  color: var(--color-accent-hover);
}

.kba61e5d {
  flex: 1 1 45%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: clamp(1rem, 2vw, 1.5rem);
  height: fit-content;
}

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

.d21 {
  grid-column: 1 / 3;
  min-height: 250px;
}

.l79 {
  grid-column: 1 / 2;
  min-height: 200px;
}

.a43 {
  grid-column: 2 / 3;
  min-height: 200px;
}

.b14 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.n67f344 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.m2d {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.i0715b91 {
  text-align: center;
}

.f5a01f3 {
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ia6ecd5 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-top: 0.5rem;
}

.o9f87f7 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  margin-top: 1rem;
}

.cf39e6 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.f6162 {
  flex: 1 1 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

.f6162:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.i2a {
  font-size: 2.5rem;
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.g26 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.e5a {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.k0bdbf {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ad0 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.h8d {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.h4ea84 {
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.da07ad {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

.mcb {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.e80 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.o60 {
  display: flex;
  gap: 1rem;
  padding-top: 1rem;
}

.k3d {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ge5faa {
  position: relative;
  width: 100%;
  max-height: 450px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.ge5faa img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.d79e186f {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  background: rgba(147, 51, 234, 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 28px;
  transition: all var(--transition-base);
  cursor: pointer;
}

.ge5faa:hover .d79e186f {
  background: rgba(147, 51, 234, 1);
  transform: translate(-50%, -50%) scale(1.1);
}

.h89 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.i55 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.p96a7c {
  text-align: center;
}

.b9d91 {
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.fc26 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-top: 0.5rem;
}

.b49 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  margin-top: 1rem;
}

.k4a {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.n24 {
  flex: 1 1 350px;
  max-width: 500px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

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

.f1d3d {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

.f1d3d img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.bb1ab {
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.kdc {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-snug);
}

.e6f {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.p171cba9 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all var(--transition-base);
}

.p171cba9:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

.p171cba9 i {
  font-size: 0.75em;
}

.j35e8c {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ef1 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.k254cb8 {
  text-align: center;
}

.ja4f {
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.id1ba {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-top: 0.5rem;
}

.h052f4 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.kebc {
  flex: 1 1 300px;
  max-width: 420px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

.kebc:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.e03e {
  font-size: 2.25rem;
  color: var(--color-accent);
  height: 50px;
  display: flex;
  align-items: center;
}

.f795 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

.h61d14a {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.ia0b3 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all var(--transition-base);
  width: fit-content;
}

.ia0b3:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

.ia0b3 i {
  font-size: 0.75em;
}

.n73c {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.l4dbf {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 900px;
  margin: 0 auto;
}

.afe49 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
}

.g4a7c {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  font-weight: 500;
}

.idcb6 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.d55946 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  font-weight: 600;
  font-style: italic;
}

.b2147e1d {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.c57e81 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3.5rem);
  max-width: 900px;
  margin: 0 auto;
}

.c9b {
  text-align: center;
}

.e4cbc26 {
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.pee2b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-top: 0.5rem;
}

.j37b61a {
  position: relative;
  padding: clamp(2rem, 3vw, 3rem) 0;
}

.j37b61a::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
  transform: translateX(-50%);
}

.l7571f {
  display: flex;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  position: relative;
}

.l7571f::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 30px;
  width: 16px;
  height: 16px;
  background: var(--color-accent);
  border-radius: 50%;
  transform: translateX(-50%);
  z-index: 2;
  border: 4px solid var(--color-bg-tertiary);
}

.od7b5df {
  flex-direction: row-reverse;
}

.od7b5df .pfc89 {
  text-align: right;
  padding-right: 3rem;
}

.od7b5df .l75fd831 {
  padding-right: clamp(2rem, 3vw, 3rem);
}

.lcb1 {
  flex-direction: row;
}

.lcb1 .pfc89 {
  text-align: left;
  padding-left: 3rem;
}

.lcb1 .l75fd831 {
  padding-left: clamp(2rem, 3vw, 3rem);
}

.pfc89 {
  flex: 0 1 40%;
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  font-weight: 700;
}

.l75fd831 {
  flex: 0 1 40%;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.p0a98 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.lcbc3 {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.gbaf0458 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ped {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.k84d1 {
  text-align: center;
}

.b4a {
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ja98 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-top: 0.5rem;
}

.j4ec1 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  margin-top: 1rem;
}

.lac750d {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: stretch;
}

.ncd747 {
  flex: 1 1 45%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ee0 {
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--color-border-light);
}

.p8342 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.p0af {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  padding-left: 1.5rem;
  position: relative;
}

.p0af::before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
}

.n3cc7f {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.gcc03 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.ede {
  text-align: center;
}

.ba8146fa {
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.d8866 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-top: 0.5rem;
}

.l5f3e {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 1000px;
  margin: 0 auto;
}

.c694d11 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  align-items: flex-start;
}

.nb7 {
  flex: 0 0 60px;
  font-size: 2.5rem;
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
}

.ld451f {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.j5ad258 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

.c9679e {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.l979717 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-text-primary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-lg);
}

.l979717.n2d9c {
  display: none;
}

.l9a9 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.875rem, 1vw, 1rem);
  flex: 1 1 auto;
  min-width: 250px;
}

.lcbb213 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

.e5008,
.od4f {
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  transition: all var(--transition-base);
}

.e5008 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.e5008:hover {
  background: var(--color-accent-hover);
  transform: scale(1.05);
}

.od4f {
  background: transparent;
  color: #ffffff;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
}

.od4f:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
}

@media (max-width: 768px) {
  .i829 {
    flex-direction: column;
  }

  .da9 {
    flex: 1 1 100%;
  }

  .kba61e5d {
    flex: 1 1 100%;
    grid-template-columns: 1fr;
  }

  .d21,
  .l79,
  .a43 {
    grid-column: 1 / 2;
  }

  .ad0 {
    flex-direction: column;
  }

  .h8d {
    flex: 1 1 100%;
  }

  .k3d {
    flex: 1 1 100%;
  }

  .k4a {
    flex-direction: column;
  }

  .n24 {
    flex: 1 1 100%;
  }

  .lac750d {
    flex-direction: column;
  }

  .ncd747 {
    flex: 1 1 100%;
  }

  .j37b61a::before {
    left: 20px;
  }

  .l7571f::before {
    left: 20px;
  }

  .od7b5df,
  .lcb1 {
    flex-direction: column;
  }

  .od7b5df .pfc89,
  .lcb1 .pfc89 {
    text-align: left;
    padding: 0 0 1rem 0;
  }

  .od7b5df .l75fd831,
  .lcb1 .l75fd831 {
    padding: 0 0 0 60px;
  }

  .n8a5e1b4 {
    flex-direction: column;
  }

  .kb6 {
    width: 100%;
  }

  .l979717 {
    flex-direction: column;
    gap: 1rem;
  }

  .l9a9 {
    text-align: center;
  }

  .lcbb213 {
    width: 100%;
  }

  .e5008,
  .od4f {
    flex: 1 1 calc(50% - 0.5rem);
  }
}

@media (max-width: 480px) {
  .e27caa75 {
    flex-direction: column;
    gap: 1rem;
  }

  .c694d11 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .nb7 {
    flex: 1 1 100%;
  }

  .j37b61a::before {
    left: 15px;
  }

  .l7571f::before {
    left: 15px;
  }

  .e5008,
  .od4f {
    flex: 1 1 100%;
  }
}

    .o13476 {
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.o13476 .i84 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: block !important;
}

.me2 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.nfd969,
.lb3d492a,
.p136ddcb,
.m52cb83 {
  display: block;
}

.o13476 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: -0.5px;
}

.o13476 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.nfd969 p {
  max-width: 320px;
}

.m23,
.ma96b36a {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-direction: column;
}

.m23 li,
.ma96b36a li {
  display: block;
}

.o13476 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color var(--transition-base);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o13476 a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.g6b61f97 {
  border-top: 1px solid var(--color-border-light);
  padding-top: clamp(1.5rem, 3vw, 2rem);
  display: block;
  text-align: center;
}

.c45de6a7 {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
}

.hc3a0d {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  margin: 0;
  font-style: italic;
}

@media (min-width: 768px) {
  .me2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2.5rem, 5vw, 4rem);
    align-items: flex-start;
  }

  .nfd969 {
    flex: 1 1 280px;
    min-width: 250px;
  }

  .lb3d492a {
    flex: 1 1 200px;
    min-width: 180px;
  }

  .p136ddcb {
    flex: 1 1 240px;
    min-width: 220px;
  }

  .m52cb83 {
    flex: 1 1 200px;
    min-width: 180px;
  }

  .g6b61f97 {
    flex: 1 1 100%;
    text-align: center;
  }

  .m23,
  .ma96b36a {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .me2 {
    gap: clamp(3rem, 6vw, 5rem);
  }

  .nfd969 {
    flex: 0 1 300px;
  }

  .lb3d492a {
    flex: 1 1 180px;
  }

  .p136ddcb {
    flex: 1 1 240px;
  }

  .m52cb83 {
    flex: 1 1 180px;
  }
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
    

.ff64 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.j148 {
  background: var(--color-bg-secondary);
  padding: clamp(4rem, 10vw, 7rem) 0;
  overflow: hidden;
}

.i84 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

.c4be {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.c43c {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.pf66cc6 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.h04d7 {
  font-size: clamp(2rem, 6vw + 1rem, 3.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.db0339 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 800px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fc9d298 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.oe1eab {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.h84124 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.a1f6d057 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base) ease;
  flex: 1 1 calc(25% - clamp(1.5rem, 3vw, 2rem));
  min-width: 250px;
  max-width: 320px;
}

.a1f6d057:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.bdf59a {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

.bda4f9 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j7f4f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h3ddc {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  flex-wrap: wrap;
  align-items: center;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
}

.abe2c953,
.n974f,
.h78d {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.abe2c953 i,
.n974f i,
.h78d i {
  color: var(--color-accent);
  font-size: 0.9em;
}

.a1d {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-fast) ease;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: auto;
}

.a1d:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.a1d::after {
  content: "";
  transition: transform var(--transition-fast) ease;
}

.a1d:hover::after {
  transform: translateX(4px);
}

@media (max-width: 767px) {
  .a1f6d057 {
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 100%;
  }

  .h04d7 {
    font-size: clamp(1.75rem, 5vw + 1rem, 2.5rem);
  }

  .db0339 {
    font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .a1f6d057 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
    max-width: none;
  }
}

@media (min-width: 1024px) {
  .a1f6d057 {
    flex: 1 1 calc(25% - clamp(1.5rem, 3vw, 2rem));
  }

  .h84124 {
    gap: clamp(1.5rem, 2vw, 2.5rem);
  }
}

@media (min-width: 1440px) {
  .a1f6d057 {
    flex: 0 1 calc(25% - 2rem);
  }
}

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

* {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ae72e2c {
  width: 100%;
  overflow: hidden;
}

.i84 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.n4173 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.pe832c {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.pe832c a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-fast);
}

.pe832c a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.pe832c span {
  color: var(--color-text-muted);
}

.d177d9 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.gd621 {
  flex: 1 1 50%;
  max-width: 50%;
}

.o138009 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.l5d5c05a {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-family: var(--font-primary);
}

.gdb4100 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
}

.n2877a {
  color: var(--color-text-secondary);
}

.mf19c {
  color: var(--color-text-muted);
}

.h21b4928 {
  flex: 1 1 50%;
  max-width: 50%;
}

.n2fc {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

@media (max-width: 768px) {
  .d177d9 {
    flex-direction: column;
  }

  .gd621,
  .h21b4928 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.k1cf {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.jfb {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: flex-start;
}

.cb6 {
  flex: 1 1 65%;
  max-width: 65%;
}

.m0919b38 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.b52c96f {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.d1dbb13 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  line-height: var(--line-height-relaxed);
}

.nc7 {
  display: none;
}

.e0916c {
  flex: 1 1 35%;
  max-width: 35%;
  position: sticky;
  top: 2rem;
}

.dc1 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.k90e7 {
  width: 100%;
  display: flex;
  justify-content: center;
}

.h7ffcf3c {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
}

.k157f {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
}

.i16c8 {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  font-weight: 700;
}

.k236 {
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-fast);
}

.k236:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.j7a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  margin: 0;
  font-weight: 600;
}

.g38 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: var(--line-height-snug);
  margin: 0;
}

@media (max-width: 1023px) {
  .jfb {
    flex-direction: column;
  }

  .cb6,
  .e0916c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .e0916c {
    position: static;
    top: auto;
  }
}

.c9fd2 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.j4a87 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.k2ecd {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.m8f {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
}

.g511 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.h46 {
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
}

.oebecb {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.b17c {
  flex: 1 1 50%;
  max-width: 50%;
}

.b17c img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

@media (max-width: 768px) {
  .j4a87 {
    flex-direction: column;
  }

  .k2ecd,
  .b17c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.ca8a6e {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.jf9134 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.m8469f {
  flex: 1 1 50%;
  max-width: 50%;
  order: -1;
}

.m8469f img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

.e5b {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.ib0079e {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
}

.o28627 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.l29d12 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.oe04 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.jc336 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw, 1.3125rem);
  font-weight: 700;
  margin: 0;
  line-height: var(--line-height-tight);
}

.ed0 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

@media (max-width: 768px) {
  .jf9134 {
    flex-direction: column;
  }

  .m8469f,
  .e5b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m8469f {
    order: 0;
  }
}

.nce5 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.j77 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.k679640 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.d6ba91 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
}

.l6603cc1 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.f599a {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.a17 {
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
}

.j4be21 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.j4be21 strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

.e8056938 {
  flex: 1 1 50%;
  max-width: 50%;
}

.e8056938 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

@media (max-width: 768px) {
  .j77 {
    flex-direction: column;
  }

  .k679640,
  .e8056938 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.ffb04 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.h421a2 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-warning);
}

.o84 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw, 1.3125rem);
  font-weight: 700;
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  line-height: var(--line-height-tight);
}

.f92 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.o191540 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.n0e1 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 800px;
  margin: 0 auto;
}

.m1d6c {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
  text-align: center;
}

.g224a74 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.f1e095 {
  background: var(--color-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  justify-content: center;
}

.e9f {
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw, 1.3125rem);
  font-weight: 700;
  margin: 0;
  line-height: var(--line-height-tight);
}

.oace8e {
  color: var(--color-text-on-accent);
  background: var(--color-accent-hover);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  font-weight: 600;
  transition: all var(--transition-fast);
  display: inline-block;
}

.oace8e:hover {
  background: var(--color-primary-dark);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.p4c2bde5 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.m45c {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: flex-start;
}

.e7b6e187 {
  flex: 1 1 35%;
  max-width: 35%;
}

.n372 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
}

.nb932 {
  flex: 1 1 65%;
  max-width: 65%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.f4513 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-fast);
}

.f4513:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.e3d74 {
  width: 100%;
  height: 0;
  padding-bottom: 66.667%;
  position: relative;
  border-radius: var(--radius-md);
  overflow: hidden;
}

.k0be {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.m0993bf {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.f880 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw, 1.3125rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
}

.d8c {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: var(--line-height-snug);
  margin: 0;
}

.lf764c {
  color: var(--color-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  transition: all var(--transition-fast);
  align-self: flex-start;
}

.lf764c:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

@media (max-width: 1023px) {
  .m45c {
    flex-direction: column;
  }

  .e7b6e187,
  .nb932 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .nb932 {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .f4513 {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (max-width: 640px) {
  .nb932 {
    flex-direction: column;
  }

  .f4513 {
    flex: 1 1 100%;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: 'Source Sans 3', sans-serif;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

a {
  text-decoration: none;
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

.i84 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: block;
}

.n622 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
}

.j9549cae {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
}

.j9549cae a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

.j9549cae a:hover {
  color: var(--color-accent-hover);
}

.j9549cae span {
  color: var(--color-text-secondary);
}

.n5934589 {
  display: block;
}

.m6ed4545 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.d7e {
  flex: 1 1 50%;
  max-width: 50%;
}

.defb9bef {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
  font-weight: 700;
}

.p93 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.7;
}

.bef4274 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
}

.fd1e,
.oc02,
.la45f {
  color: var(--color-text-secondary);
}

.c94 {
  color: var(--color-text-muted);
}

.nb56fe4f {
  flex: 1 1 50%;
  max-width: 50%;
}

.k3f703 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 30px rgba(147, 51, 234, 0.15);
}

.c8609 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.c0e {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.i64b8 {
  flex: 1 1 50%;
  max-width: 50%;
}

.i64b8 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.i64b8 p:first-child {
  font-size: clamp(1.05rem, 1.8vw, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.hdfa {
  flex: 1 1 50%;
  max-width: 50%;
}

.hdfa img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 30px rgba(147, 51, 234, 0.15);
}

.g12a0 {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: clamp(2rem, 4vw, 4rem);
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
}

.k6e91 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.k6e91 .i84 {
  max-width: 100%;
  padding: 0;
}

.c3988c22 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.j91c8a78 {
  flex: 1 1 50%;
  max-width: 50%;
}

.f3ba279 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: clamp(2rem, 4vw, 3rem) 0 clamp(1rem, 2vw, 1.5rem) 0;
  font-weight: 700;
  line-height: 1.3;
}

.f3ba279:first-of-type {
  margin-top: 0;
}

.j91c8a78 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.bbef8a {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  margin: clamp(2rem, 4vw, 3rem) 0;
  border-radius: 8px;
}

.k7865a62 {
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
  color: var(--color-text-primary);
  font-style: italic;
  margin-bottom: 0.75rem;
  line-height: 1.7;
}

.k398dc04 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.f70d {
  flex: 1 1 50%;
  max-width: 50%;
}

.f70d img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 30px rgba(147, 51, 234, 0.15);
}

.c22408 {
  position: relative;
  padding: clamp(2rem, 4vw, 3rem);
}

.b87fd5d3 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  position: sticky;
  top: 2rem;
}

.l4a3277 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}

.p8361c {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.d7795 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.bd67dc3 {
  width: 100%;
}

.c24 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  font-weight: 700;
}

.c24 a {
  color: var(--color-text-primary);
  transition: color 0.3s ease;
}

.c24 a:hover {
  color: var(--color-accent);
}

.bf3a980 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  margin-bottom: 0.75rem;
}

.k76f822 {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.if13876 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
}

.c297 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

.a1d6 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.i3ca9e17 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border-bottom: 1px solid var(--color-border-light);
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
}

.i3ca9e17:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.i9c638b {
  width: 100%;
  height: auto;
  max-height: 120px;
  overflow: hidden;
  border-radius: 8px;
}

.n72cfa1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pc950b0 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.e8ef {
  font-size: clamp(0.9rem, 1.3vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}

.p8b31a {
  color: var(--color-text-primary);
  transition: color 0.3s ease;
}

.p8b31a:hover {
  color: var(--color-accent);
}

.c08cb69b {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.e9dce {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.a0e {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.bbe3 {
  flex: 1 1 50%;
  max-width: 50%;
}

.k30f8 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
}

.bbe3 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.p18451 {
  flex: 1 1 50%;
  max-width: 50%;
}

.p18451 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 30px rgba(147, 51, 234, 0.15);
}

.i702 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.mc70 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.db76770c {
  flex: 1 1 50%;
  max-width: 50%;
  order: -1;
}

.db76770c img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 30px rgba(147, 51, 234, 0.15);
}

.e84c {
  flex: 1 1 50%;
  max-width: 50%;
}

.e84c p {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.j7ce {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.f2d {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.pca598 {
  flex: 1 1 50%;
  max-width: 50%;
}

.pca598 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.k744c8b3 {
  flex: 1 1 50%;
  max-width: 50%;
}

.k744c8b3 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 30px rgba(147, 51, 234, 0.15);
}

.f7b418e {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.a61a8 {
  max-width: 800px;
  margin: 0 auto;
}

.d1cb28 {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.a86ddf4 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
}

.c5d26be p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.3vw, 1rem);
  line-height: 1.8;
  margin: 0;
}

.k812 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.m4398 {
  max-width: 900px;
  margin: 0 auto;
}

.pb4ea2c {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 700;
  line-height: 1.3;
}

.m4398 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.b131ffd {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  margin-top: clamp(2rem, 4vw, 3rem);
  text-align: center;
  border: 1px solid var(--color-border);
}

.b131ffd p {
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-secondary);
}

.ib025 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  font-weight: 600;
  font-size: clamp(0.9rem, 1.3vw, 1.05rem);
  transition: all 0.3s ease;
}

.ib025:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(147, 51, 234, 0.25);
}

@media (max-width: 1023px) {
  .g12a0 {
    grid-template-columns: 1fr;
    gap: clamp(2rem, 4vw, 3rem);
  }

  .c22408 {
    order: -1;
    padding: 0;
  }

  .b87fd5d3 {
    position: relative;
    top: auto;
  }

  .l4a3277 {
    flex-direction: row;
    text-align: left;
    align-items: flex-start;
  }

  .p8361c {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
  }

  .bd67dc3 {
    flex: 1;
  }

  .if13876 {
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }
}

@media (max-width: 768px) {
  .m6ed4545,
  .c0e,
  .c3988c22,
  .a0e,
  .mc70,
  .f2d {
    flex-direction: column;
  }

  .d7e,
  .nb56fe4f,
  .i64b8,
  .hdfa,
  .j91c8a78,
  .f70d,
  .bbe3,
  .p18451,
  .e84c,
  .db76770c,
  .pca598,
  .k744c8b3 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .db76770c {
    order: 0;
  }

  .l4a3277 {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .bd67dc3 {
    width: 100%;
  }

  .g12a0 {
    padding: 0 clamp(1rem, 3vw, 2rem);
  }
}

@media (max-width: 480px) {
  .j9549cae {
    font-size: 0.8125rem;
  }

  .defb9bef {
    margin-bottom: 1rem;
  }

  .bef4274 {
    gap: 0.5rem;
  }

  .bbef8a {
    padding: 1rem 1.5rem;
    margin: 1.5rem 0;
  }

  .k7865a62 {
    font-size: 1rem;
  }

  .b131ffd {
    text-align: center;
  }
}

.od8f56 {
  width: 100%;
  overflow: hidden;
}

.cc75 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
}

.a7d {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.n8155b {
  flex: 1 1 50%;
  max-width: 50%;
}

.h6a56 {
  flex: 1 1 50%;
  max-width: 50%;
}

.pba5f {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b6d95c {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.25rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c771 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
}

.cc1726f {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}

.cc1726f i {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

.i749 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
}

.jae {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

.jae a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
}

.jae a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.jae span {
  color: var(--color-text-muted);
}

.jae > span:last-child {
  color: var(--color-text-primary);
  font-weight: 600;
}

.c6c2bc {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.af7 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: flex-start;
}

.eabf4 {
  flex: 1 1 65%;
  max-width: 65%;
}

.mc23 {
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

.ab3f65e1 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ffdb1e {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a60ed6 {
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

.ja37 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
}

.b93e9 {
  flex: 1 1 50%;
  max-width: 50%;
}

.gcd6 {
  flex: 1 1 50%;
  max-width: 50%;
}

.ha14fe {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: var(--line-height-snug);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c1f4 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
  box-shadow: var(--shadow-md);
}

.o4c65 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  margin: clamp(2rem, 4vw, 3.5rem) 0;
}

.a4f00b {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pfc {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  margin: clamp(2.5rem, 5vw, 4rem) 0;
  box-shadow: var(--shadow-md);
  border-left: 5px solid var(--color-accent);
}

.o1541 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  line-height: var(--line-height-relaxed);
  font-style: italic;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o1541 p {
  margin: 0;
  color: var(--color-text-primary);
}

.lc29d {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  margin-top: clamp(0.75rem, 1.5vw, 1rem);
  font-style: normal;
}

.n306b16 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  margin: clamp(2rem, 4vw, 3.5rem) 0;
}

.d1969 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.kfe {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p60c {
  margin-top: clamp(3rem, 6vw, 5rem);
  padding-top: clamp(2rem, 4vw, 3.5rem);
  border-top: 2px solid var(--color-border-light);
}

.e7b {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.efc4a6 {
  flex: 1 1 35%;
  max-width: 35%;
}

.b08 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  margin-bottom: clamp(2rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-sm);
  position: sticky;
  top: clamp(1rem, 2vw, 1.5rem);
}

.ica1a {
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.bca348c {
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  display: block;
  object-fit: cover;
}

.ha0 {
  text-align: center;
}

.b55dab {
  margin: 0;
  margin-bottom: 0.25rem;
}

.b55dab a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  transition: all var(--transition-base);
}

.b55dab a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.pdc9 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  font-weight: 500;
}

.l8f5f {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: var(--line-height-snug);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cdd2d {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.dd8a43c9 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f39 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
}

.jc83 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  text-decoration: none;
  transition: all var(--transition-base);
  padding: clamp(0.75rem, 1.5vw, 1rem);
  border-radius: var(--radius-md);
  background: var(--color-bg-secondary);
}

.jc83:hover {
  background: var(--color-bg-tertiary);
  transform: translateX(4px);
}

.f1b0 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.f1b0 img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  aspect-ratio: 3 / 2;
}

.l2f {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.jc83:hover .l2f {
  color: var(--color-accent);
}

.df4f {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: var(--line-height-snug);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i84 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: block;
}

@media (max-width: 1023px) {
  .a7d {
    flex-direction: column;
  }

  .n8155b,
  .h6a56 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .af7 {
    flex-direction: column;
  }

  .eabf4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .efc4a6 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b08 {
    position: static;
  }

  .ja37 {
    flex-direction: column;
  }

  .b93e9,
  .gcd6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .cc75 {
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  }

  .c6c2bc {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

  .jae {
    font-size: 0.8125rem;
  }

  .c771 {
    gap: 0.75rem;
  }
}

.o1d3 {
  width: 100%;
  overflow: hidden;
}

.ied58c08 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
}

.ied58c08 .i84 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

.i6f {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  flex-wrap: wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i6f a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-base);
}

.i6f a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.i6f span {
  color: var(--color-text-muted);
}

.g1564 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
}

.m31bbb {
  flex: 1 1 50%;
  min-width: 0;
}

.kde {
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j0b56 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e13 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
}

.acdd36 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
}

.acdd36 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.ka82bd3 {
  flex: 1 1 50%;
  min-width: 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.j51be340 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-lg);
}

.dc47 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 6vw, 5rem) 0;
  overflow: hidden;
}

.dc47 .i84 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

.d43aadf2 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: flex-start;
}

.ad21 {
  flex: 1 1 65%;
  min-width: 0;
}

.o5e {
  flex: 1 1 35%;
  min-width: 0;
  position: sticky;
  top: 2rem;
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
}

.pf60e3 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.pf60e3 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.o1fd {
  flex: 1 1 50%;
  min-width: 0;
}

.o1fd p {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o1fd p:last-child {
  margin-bottom: 0;
}

.p54 {
  flex: 1 1 50%;
  min-width: 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.p54 img {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-lg);
}

.e55c8,
.l2bd24d3,
.l0b33 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.oe0a7 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.cdd0e251 {
  flex: 1 1 50%;
  min-width: 0;
}

.p6a {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cdd0e251 p {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fd8ab5 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.h0d122 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.1875rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f1f {
  list-style: decimal;
  list-style-position: outside;
  padding-left: 1.5rem;
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  line-height: var(--line-height-relaxed);
}

.f1f li {
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f1f li:last-child {
  margin-bottom: 0;
}

.ae4 {
  flex: 1 1 50%;
  min-width: 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.ae4 img {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-lg);
}

.l2bd24d3 .oe0a7 {
  flex-direction: row-reverse;
}

.l0c {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2rem);
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.ne6d0 {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--color-accent);
  margin-top: 0.25rem;
}

.m9316 {
  flex: 1;
  min-width: 0;
}

.m26bc0eb p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m26bc0eb strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

.d5c {
  margin-bottom: 0;
}

.p387 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.j08a {
  flex: 1 1 50%;
  min-width: 0;
}

.hd05b8 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j08a p {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j08a p:last-child {
  margin-bottom: 0;
}

.pd749 {
  flex: 1 1 50%;
  min-width: 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.pd749 img {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-lg);
}

.de2 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  align-items: center;
  text-align: center;
}

.k0af7b {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
}

.fcc {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.125rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fcc a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base);
}

.fcc a:hover {
  color: var(--color-accent);
}

.j76e111 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  margin: 0;
  font-weight: 500;
}

.laeff389 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-snug);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i97f08 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.ie626 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.obcd {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  padding: clamp(0.75rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

.obcd:hover {
  border-color: var(--color-accent);
  box-shadow: 0 2px 8px rgba(147, 51, 234, 0.1);
}

.c98 {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: var(--radius-sm);
  display: block;
}

.hfe7a06 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hfe7a06 a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base);
}

.hfe7a06 a:hover {
  color: var(--color-accent);
}

.o4b89 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-snug);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 1023px) {
  .d43aadf2 {
    flex-direction: column;
    gap: clamp(2rem, 4vw, 2.5rem);
  }

  .ad21 {
    flex: 1 1 100%;
  }

  .o5e {
    flex: 1 1 100%;
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .de2 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 250px;
  }

  .i97f08 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 250px;
  }

  .pf60e3,
  .oe0a7,
  .p387 {
    flex-direction: column;
  }

  .l2bd24d3 .oe0a7 {
    flex-direction: column;
  }

  .o1fd,
  .p54,
  .cdd0e251,
  .ae4,
  .j08a,
  .pd749 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .g1564 {
    flex-direction: column;
  }

  .m31bbb,
  .ka82bd3 {
    flex: 1 1 100%;
  }
}

@media (max-width: 767px) {
  .i6f {
    font-size: 0.75rem;
    gap: 0.25rem;
  }

  .o5e {
    flex-direction: column;
    position: static;
  }

  .de2 {
    flex: 1 1 100%;
    min-width: auto;
  }

  .i97f08 {
    flex: 1 1 100%;
    min-width: auto;
  }

  .e13 {
    gap: 1rem;
  }

  .d43aadf2 {
    gap: 1.5rem;
  }

  .oe0a7,
  .pf60e3,
  .p387 {
    gap: 1.5rem;
  }

  .l0c {
    flex-direction: column;
    gap: 1rem;
  }

  .ne6d0 {
    margin-top: 0;
  }
}

@media (max-width: 480px) {
  .ied58c08 {
    padding: 1.5rem 0;
  }

  .dc47 {
    padding: 1.5rem 0;
  }

  .i6f {
    margin-bottom: 1rem;
  }

  .kde {
    margin-bottom: 0.75rem;
  }

  .j0b56 {
    margin-bottom: 1rem;
  }

  .e55c8,
  .l2bd24d3,
  .l0b33,
  .pf60e3 {
    margin-bottom: 1.5rem;
  }

  .fd8ab5 {
    margin-bottom: 1rem;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body, h1, h2, h3, h4, h5, h6, p, span, li, a, blockquote, cite {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p60bad90 {
  background: var(--color-bg-primary);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
}

.i84 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: block !important;
}

.jbc5ae69 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.b2e00c3f {
  display: flex;
  flex-direction: column !important;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  text-align: center;
}

.o9528d h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
}

.o7774e {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  line-height: 1.6;
  font-weight: 500;
}

.d05ce {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  box-shadow: var(--shadow-lg);
}

.n7955c3a {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.c46 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3.5rem);
}

.fdcd6d {
  text-align: center;
}

.a3d {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.fdcd6d h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1rem;
}

.m5060acd {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.7;
}

.m5060acd p:not(:last-child) {
  margin-bottom: 1rem;
}

.pe943 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.lb8f2 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 3.5rem);
}

.oc5a21 {
  text-align: center;
}

.oc5a21 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1rem;
}

.e9bc9dae {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 650px;
  margin: 0 auto;
  line-height: 1.7;
}

.f0d {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.p7f0ce {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 320px;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

.p7f0ce:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border-color: var(--color-accent);
}

.if68c40e {
  width: 48px;
  height: 48px;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  color: var(--color-accent);
  font-size: 1.5rem;
}

.p7f0ce h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.p7f0ce p {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.i34 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.j62a6 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 3.5rem);
}

.k856f4 {
  text-align: center;
}

.k856f4 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1rem;
}

.g34 {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.7;
}

.g34 p:not(:last-child) {
  margin-bottom: 1rem;
}

.p9f72fc {
  width: 100%;
  max-width: 700px;
  height: auto;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  box-shadow: var(--shadow-md);
}

.mc4192 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ad3b {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 3.5rem);
}

.e6d {
  text-align: center;
}

.e6d h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1rem;
}

.ibd358 {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.7;
}

.j8c {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 800px;
  margin: 0 auto;
}

.ic4525 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

.j40e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: 60px;
  text-align: center;
  line-height: 1;
}

.kca930 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.kca930 p {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.g70 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.f55fe {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.dd5 {
  text-align: center;
}

.dd5 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.p44cefd {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.7;
}

.p44cefd p:not(:last-child) {
  margin-bottom: 1rem;
}

.n9e080 {
  background: var(--color-bg-card);
  border-top: 2px solid var(--color-border);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.g27e1ce {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ddec9 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

.mfe6 {
  color: var(--color-accent);
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.g27e1ce h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.g27e1ce p {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

@media (max-width: 768px) {
  .p7f0ce {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ic4525 {
    flex-direction: column;
    gap: 1rem;
  }

  .j40e {
    min-width: 50px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .p7f0ce {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (min-width: 1025px) {
  .p7f0ce {
    flex: 1 1 calc(33.333% - 1.5rem);
  }

  .b2e00c3f {
    flex-direction: row;
    align-items: center;
    text-align: left;
  }

  .o9528d,
  .o7774e {
    flex: 1 1 50%;
  }

  .d05ce {
    flex: 1 1 50%;
    max-width: 100%;
  }
}

.eabb52c {
  width: 100%;
  background: var(--color-bg-primary);
}

.i84 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.hf194cb5 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.pbd7c {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.l114c1 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.ca28bc {
  flex: 1 1 45%;
  min-height: 300px;
}

.na398 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
}

.c0e6 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.pd1d4f3 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.n761c62 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j59e18 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 500;
  line-height: var(--line-height-snug);
}

.p9148f {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.gc0d409 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.k34b {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.gfc0 {
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.ac2ad {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.i39 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.o58d {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.j694537d {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.l3a7 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  align-self: center;
}

.kb5 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a82 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.adc1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.c9f {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all var(--transition-base);
}

.c9f:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.p81a8 {
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.h0b9a {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  font-weight: 600;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j50e5 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d49ba {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.n62c {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.c61bd3 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.f5eb727 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k9bcf27 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d21a523 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.a63a2a1e {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  transition: all var(--transition-base);
}

.a63a2a1e:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.k4a3e8f {
  color: var(--color-accent);
  font-size: clamp(2rem, 4vw, 2.75rem);
  display: flex;
  justify-content: center;
  align-items: center;
}

.o1e {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  font-weight: 600;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n3c6d {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o1fdf {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ie8873 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.bbc45d {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.ddc8f36 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.na38a6 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.gb3b8351 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.k34 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: var(--line-height-relaxed);
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h123014 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 500;
}

.l4664fb {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.a4e {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
}

.ob0 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  font-weight: 600;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g37f9c7c {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g351 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.p03 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 900px;
  margin: 0 auto;
}

.i1c8eb {
  text-align: center;
}

.h31d8b77 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c42 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.k19e {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ga3f0363 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.p7ed8506 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.o5dddead {
  background: var(--color-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.oa1ef868 {
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.lf72 {
  color: var(--color-text-on-accent);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bc202a36 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
  flex-wrap: wrap;
}

.k94d {
  background: var(--color-bg-primary);
  color: var(--color-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
}

.k94d:hover {
  background: var(--color-bg-secondary);
  text-decoration: underline;
}

.kd1 {
  background: transparent;
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border: 2px solid var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
}

.kd1:hover {
  background: var(--color-text-on-accent);
  color: var(--color-accent);
  text-decoration: none;
}

@media (max-width: 767px) {
  .l114c1 {
    flex-direction: column;
  }

  .ca28bc {
    flex: 1 1 100%;
    min-height: 250px;
  }

  .c0e6 {
    flex: 1 1 100%;
  }

  .gc0d409 {
    flex-wrap: wrap;
  }

  .c9f {
    flex: 1 1 100%;
  }

  .a63a2a1e {
    flex: 1 1 100%;
  }

  .bc202a36 {
    flex-direction: column;
  }

  .k94d {
    width: 100%;
    text-align: center;
  }

  .kd1 {
    width: 100%;
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .a63a2a1e {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

@media (min-width: 1024px) {
  .c9f {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }

  .a63a2a1e {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  }
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p3a552 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.d73 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
}

.i3878 {
  max-width: 900px;
  margin: 0 auto;
}

.ia363 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.gf1b {
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .d73 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .ia363 {
    margin-bottom: var(--spacing-md);
  }
}

.ec1b56 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
}

.e8a699c {
  max-width: 900px;
  margin: 0 auto;
}

.bda754 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.c28a45 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
}

.c28a45:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-sm);
}

.ef5807 {
  width: 100%;
  background-color: transparent;
  border: none;
  padding: var(--spacing-md);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading);
  text-align: left;
  transition: all var(--transition-fast);
}

.ef5807:hover {
  color: var(--color-primary);
}

.ef5807:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.b6d {
  flex: 1;
}

.a9b8 {
  flex-shrink: 0;
  color: var(--color-primary);
  transition: transform var(--transition-fast);
}

.c28a45.m0bd .a9b8 {
  transform: rotate(180deg);
}

.pab1e {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base), padding var(--transition-base);
}

.c28a45.m0bd .pab1e {
  max-height: 500px;
}

.pab1e p {
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  margin: 0;
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .ec1b56 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .bda754 {
    gap: var(--spacing-lg);
  }

  .ef5807 {
    padding: var(--spacing-lg);
  }

  .pab1e p {
    padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  }
}

.mf750 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
}

.lbfc8044 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.f732f7 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.d9f {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.k58d0 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
}

.k58d0:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  text-decoration: none;
}

.k58d0:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}

@media (min-width: 768px) {
  .mf750 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .f732f7 {
    margin-bottom: var(--spacing-lg);
  }

  .d9f {
    margin-bottom: var(--spacing-2xl);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1024px) {
  .ef5807 {
    padding: var(--spacing-xl);
  }

  .pab1e p {
    padding: 0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
  }
}

.a161b {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.b7f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.c67912c {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.fce {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.j37cac {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.a7b {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.l2d7539f {
  max-width: 1200px;
  margin: 0 auto;
}

.n188d3bc {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin: 0;
  padding: 0;
  list-style: none;
}

.jdc75 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl) var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

.jdc75:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.hb05ba7b {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.hb05ba7b i {
  font-size: 1.75rem;
  color: var(--color-primary);
}

.o313 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
}

.db08a88 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.ba5b80c2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--spacing-sm);
  list-style: none;
  margin: var(--spacing-sm) 0 0 0;
  padding: 0;
}

.ba5b80c2 li {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding-left: var(--spacing-md);
  position: relative;
}

.ba5b80c2 li::before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 700;
}

.o3f8f63d {
  font-family: var(--font-primary);
  font-size: 0.9rem;
  color: var(--color-text-secondary);
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary-light);
  margin: var(--spacing-sm) 0 0 0;
}

.h3e67 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

.g87ad {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.c4b761 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.k3d58 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.j451 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-lg);
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-md);
}

.j451:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.j451:active {
  transform: translateY(0);
}

.dc97 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.p33 {
  max-width: 900px;
  margin: 0 auto;
}

.p9e0a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.hf18 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.m41941 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.bbd095 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.bbd095:hover {
  background-color: var(--color-bg-secondary);
  border-color: var(--color-primary-light);
  transform: translateX(4px);
}

.lf205 {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 0.875rem;
  flex-shrink: 0;
  transition: transform var(--transition-fast);
}

.bbd095:hover .lf205 {
  transform: translateX(4px);
}

.hfb3c {
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  line-height: var(--line-height-snug);
  font-weight: 500;
}

@media (min-width: 768px) {
  .b7f {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .a7b {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .n188d3bc {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .jdc75 {
    padding: var(--spacing-2xl);
  }

  .h3e67 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .dc97 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .m41941 {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1024px) {
  .b7f {
    padding: 4rem var(--spacing-2xl);
  }

  .a7b {
    padding: 4rem var(--spacing-2xl);
  }

  .n188d3bc {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }

  .jdc75 {
    padding: var(--spacing-2xl);
  }

  .ba5b80c2 {
    grid-template-columns: 1fr;
  }

  .h3e67 {
    padding: 4rem var(--spacing-2xl);
  }

  .dc97 {
    padding: 4rem var(--spacing-2xl);
  }
}

@media (min-width: 1440px) {
  .c67912c,
  .l2d7539f,
  .g87ad,
  .p33 {
    max-width: 1320px;
  }
}

.j66 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.j66 main {
  width: 100%;
  padding: var(--spacing-lg);
}

.i84 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.e35cad {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.e35cad h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.e35cad .ma444 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw, 1rem);
  margin-bottom: var(--spacing-2xl);
  display: block;
}

.e35cad h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.e35cad p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.e35cad ul {
  list-style-position: inside;
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-md);
}

.e35cad li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

.e35cad strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

.idd1467b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-2xl);
}

.idd1467b h2 {
  color: var(--color-primary);
  margin-top: 0;
  margin-bottom: var(--spacing-md);
}

.idd1467b p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

@media (min-width: 768px) {
  .j66 main {
    padding: var(--spacing-xl);
  }

  .e35cad h2 {
    margin-top: var(--spacing-3xl);
  }

  .idd1467b {
    padding: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .j66 main {
    padding: var(--spacing-2xl);
  }

  .e35cad {
    margin: 0 auto;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: var(--line-height-relaxed);
}

.l6c147f {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
}

.f654 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.i84 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.n698 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.o3592 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--spacing-lg) var(--spacing-md);
}

.nc76f60 {
  width: 80px;
  height: 80px;
  margin-bottom: var(--spacing-xl);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-success-light);
  border-radius: var(--radius-full);
  animation: iconPulse 0.6s ease-out;
}

.nc76f60 svg {
  width: 48px;
  height: 48px;
  color: var(--color-success);
  stroke-width: 1.5;
}

h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.p2a6 {
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 500;
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-snug);
}

.b0a6be2 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-relaxed);
}

.pca641 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: var(--line-height-relaxed);
}

.kb6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  min-height: 48px;
}

.gf0270 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
}

.gf0270:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.gf0270:active {
  transform: translateY(0);
}

.gf0270:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@keyframes iconPulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@media (min-width: 640px) {
  .f654 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .o3592 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .nc76f60 {
    width: 100px;
    height: 100px;
    margin-bottom: var(--spacing-2xl);
  }

  .nc76f60 svg {
    width: 60px;
    height: 60px;
  }
}

@media (min-width: 768px) {
  .f654 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .o3592 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  h1 {
    margin-bottom: var(--spacing-lg);
  }

  .p2a6 {
    margin-bottom: var(--spacing-xl);
  }

  .b0a6be2 {
    margin-bottom: var(--spacing-lg);
  }

  .pca641 {
    margin-bottom: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .f654 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .o3592 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nc76f60 {
    animation: none;
  }

  .gf0270:hover {
    transform: none;
  }
}

.h20 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.if629d {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .if629d {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .if629d {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
}

.i84 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.n698 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.e64fe {
  text-align: center;
  animation: slideUpFade 0.8s ease-out;
}

.ae4f89 {
  position: relative;
  margin-bottom: var(--spacing-2xl);
  display: flex;
  justify-content: center;
  align-items: center;
}

.k3ab4d {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -2px;
  line-height: 1;
  margin: 0;
  position: relative;
  z-index: 2;
}

.dd596405 {
  position: absolute;
  width: clamp(200px, 50vw, 400px);
  height: clamp(200px, 50vw, 400px);
  border: 2px solid var(--color-border-light);
  border-radius: 50%;
  opacity: 0.15;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: rotateSlow 20s linear infinite;
  z-index: 1;
}

@keyframes rotateSlow {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes slideUpFade {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.e24 {
  margin-top: var(--spacing-lg);
}

.m161200 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.e2e4 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
  font-weight: 500;
}

.kf8f {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  opacity: 0.9;
}

.jcc0 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  margin: var(--spacing-lg) 0;
}

.l2165b {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.p1da {
  display: block;
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: var(--spacing-xs);
}

.kb6 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
  margin-top: var(--spacing-md);
}

.gf0270 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

.gf0270:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.gf0270:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .e64fe {
    animation: slideUpFade 1s ease-out;
  }

  .ae4f89 {
    margin-bottom: var(--spacing-3xl);
  }

  .e24 {
    margin-top: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .dd596405 {
    width: 500px;
    height: 500px;
  }
}

.o5c7fbe3 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  overflow: hidden;
}

.ia90 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.f5ebe435 {
  text-align: center;
}

.gb58 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.g324 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .ia90 {
    padding: 5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .ia90 {
    padding: 6rem 2rem;
  }
}

.i82f6b {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.kf3d {
  width: 100%;
}

.e67a {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

@media (min-width: 768px) {
  .i82f6b {
    padding: 5rem 2rem;
  }

  .e67a {
    flex-direction: row;
    gap: 4rem;
    align-items: flex-start;
  }
}

@media (min-width: 1024px) {
  .i82f6b {
    padding: 6rem 2rem;
  }

  .e67a {
    gap: 5rem;
  }
}

.g7e984 {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .g7e984 {
    flex: 1 1 45%;
    max-width: 500px;
  }
}

.bdffc {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.c4ebb {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.n0e2aba {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.mf114cba {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.gb6a1a2,
.p4070 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: var(--transition-base);
  box-sizing: border-box;
}

.gb6a1a2::placeholder,
.p4070::placeholder {
  color: var(--color-text-muted);
}

.gb6a1a2:focus,
.p4070:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.p4070 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.jda5743 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-md);
}

.ad7e2 {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition-base);
  box-sizing: border-box;
}

.ad7e2:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

.ad7e2:active {
  transform: translateY(0);
}

.ad7e2:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.h93dc4 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.85rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.oe7f942 {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-base);
  font-weight: 600;
}

.oe7f942:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.e9d92 {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .e9d92 {
    flex: 1 1 45%;
  }
}

.ja5fd {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.p1fdc {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.hb45fd5c {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.a615edf {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.a615edf i {
  font-size: 1.25rem;
  color: var(--color-primary);
}

.f21a {
  flex: 1;
  min-width: 0;
}

.n9b2 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-xs);
}

.icbd {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-base);
  display: inline-block;
  word-break: break-word;
}

.icbd:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.l04d1f7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.m0e723 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.k856bee {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-md);
}

.n5fb {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-relaxed);
}

.nf06 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-base);
}

.nf06:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.p0f {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.hf791f46 {
  text-align: center;
}

.f6a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.ff6f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ob4 {
  display: inline-block;
  padding: 1rem 2.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
}

.ob4:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

.ob4:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .p0f {
    padding: 5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .p0f {
    padding: 6rem 2rem;
  }
}

@media (max-width: 767px) {
  .e67a {
    gap: 2.5rem;
  }

  .g7e984,
  .e9d92 {
    flex: 1 1 100%;
  }
}
.l3f,.c95aa1{
  width: 34px;
}

.j3c{
  justify-content: flex-end;
}

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.g767{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .g767{
    max-width: 100%;
  }
}

.g767.d9e{
  z-index: 999;
}

.df3d{
  padding-top: 50px;
}

.l3f[aria-expanded="true"]{
  display: none;
}