@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Hind:wght@400;500;600&display=swap');

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f0f4ff;
  --color-bg-tertiary: #e0e7ff;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e293b;
  --color-text-secondary: #475569;
  --color-text-muted: #606977;

  --color-primary: #4338ca;
  --color-primary-hover: #3730a3;
  --color-primary-light: #e0e7ff;
  --color-secondary: #6366f1;
  --color-secondary-light: #e0e7ff;

  --color-success: #059669;
  --color-success-light: #ecfdf5;
  --color-warning: #d97706;
  --color-warning-light: #fffbeb;
  --color-danger: #dc2626;
  --color-danger-light: #fef2f2;

  --color-border: #cbd5e1;
  --color-border-light: #e2e8f0;

  --font-primary: 'Hind', sans-serif;
  --font-heading: 'Montserrat', sans-serif;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 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);

  font-size: 16px;
  line-height: 1.6;

  
  --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 {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

@media (max-width: 768px) {
  .b500 {
    padding: 0 var(--spacing-md);
  }
}

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

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

h2 {
  font-size: 2.5rem;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }
}

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
  font-size: 1rem;
  line-height: 1.7;
}

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

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

button, .be3945 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
}

.i1103e1e {
  background: var(--color-primary);
  color: #ffffff;
}

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

.gf86 {
  background: var(--color-secondary);
  color: #ffffff;
}

.gf86:hover {
  background: #4f46e5;
  box-shadow: var(--shadow-lg);
}

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

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

.nda836ff {
  background: var(--color-bg-secondary);
  color: var(--color-primary);
  border: 1px solid var(--color-border-light);
}

.nda836ff:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-border);
}

input, textarea, select {
  font-family: var(--font-primary);
  font-size: 1rem;
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  width: 100%;
}

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

input::placeholder, textarea::placeholder {
  color: var(--color-text-muted);
}

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

.j3433e53:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-border);
}

.i7d {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .f84, .a84, .i91 {
    grid-template-columns: 1fr;
  }
}

.b3eb5ba8 {
  display: flex;
}

.de65e {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.h149 {
  display: flex;
  flex-direction: column;
}

.abf977 { gap: var(--spacing-xs); }
.dfd8a { gap: var(--spacing-sm); }
.c45e8e46 { gap: var(--spacing-md); }
.kac { gap: var(--spacing-lg); }
.od6bb { gap: var(--spacing-xl); }

.fd3afc { margin-bottom: var(--spacing-xs); }
.l6949 { margin-bottom: var(--spacing-sm); }
.c9e8b { margin-bottom: var(--spacing-md); }
.e7379 { margin-bottom: var(--spacing-lg); }
.d986 { margin-bottom: var(--spacing-xl); }

.dd8c8d { margin-top: var(--spacing-xs); }
.e2581d { margin-top: var(--spacing-sm); }
.l6258 { margin-top: var(--spacing-md); }
.m4904 { margin-top: var(--spacing-lg); }
.dd9c { margin-top: var(--spacing-xl); }

.l95580 { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); }
.f9f4f2a8 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.a8efc6 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.eb1f9227 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }

.b53879 { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); }
.abd228 { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.ha636 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.i9ad8 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }

.f52a { text-align: center; }
.m735d { text-align: left; }
.p4b9 { text-align: right; }

.cdb8ea { font-size: 0.875rem; }
.i443752 { font-size: 1rem; }
.f4021 { font-size: 1.125rem; }
.k8ea23d { font-size: 1.25rem; }

.cd6 { font-weight: 400; }
.ac8403c { font-weight: 500; }
.gae789a4 { font-weight: 600; }
.ld74af { font-weight: 700; }

.cc57 { color: var(--color-text-primary); }
.gda2c0 { color: var(--color-text-secondary); }
.ga2ea10 { color: var(--color-text-muted); }

.o651a7 { opacity: 0.5; }
.af2a { opacity: 0.75; }

.c04 { border-radius: var(--radius-sm); }
.kd6d { border-radius: var(--radius-md); }
.iae29f0 { border-radius: var(--radius-lg); }
.ca1ef5e { border-radius: var(--radius-xl); }
.if97 { border-radius: var(--radius-full); }

.j1116 { box-shadow: var(--shadow-sm); }
.idd3 { box-shadow: var(--shadow-md); }
.ce763 { box-shadow: var(--shadow-lg); }
.f8cef255 { box-shadow: var(--shadow-xl); }

.p9cd {
  padding: var(--spacing-3xl) 0;
}

@media (max-width: 768px) {
  .p9cd {
    padding: var(--spacing-2xl) 0;
  }
}

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

@media (max-width: 768px) {
  .g7bdc {
    margin-bottom: var(--spacing-2xl);
  }
}
.c6e0391b {
  background: var(--color-bg-primary);
  border-bottom: 2px solid var(--color-border);
  position: static;
  width: 100%;
  top: 0;
  z-index: 1000;
}

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

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

.ceb44:hover {
  opacity: 0.85;
}

.b1b3 {
  width: 45px;
  height: 45px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  display: block;
}

.j769d {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

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

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

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

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

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

.o80b829d {
  display: none;
  padding: 0.75rem 1.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  border-radius: 6px;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  flex-shrink: 0;
  text-align: center;
  cursor: pointer;
}

.o80b829d:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}

.l63 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
  transition: opacity var(--transition-base);
}

.l63:hover {
  opacity: 0.7;
}

.l63 span {
  width: 24px;
  height: 2.5px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-base);
  display: block;
}

.a9440d4 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-secondary);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  z-index: 999;
  display: flex;
  flex-direction: column;
  padding-top: clamp(70px, 12vw, 90px);
}

.a9440d4.ic7c470e {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.b4b09 {
  display: flex;
  justify-content: flex-end;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  background: var(--color-bg-secondary);
}

.j84b9 {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.75rem;
  color: var(--color-text-primary);
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color var(--transition-base);
}

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

.d0f017 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: clamp(2rem, 5vw, 3rem) clamp(1rem, 4vw, 2rem);
  overflow-y: auto;
  flex: 1;
  margin-top: 2rem;
}

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

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

.o80fa {
  display: block;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  margin: auto clamp(1rem, 4vw, 2rem) clamp(2rem, 5vw, 3rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 600;
  border-radius: 6px;
  text-align: center;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
}

.o80fa:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}

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

  .o80b829d {
    display: block;
  }

  .l63 {
    display: none;
  }

  .a9440d4 {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .ma41 {
    height: clamp(65px, 10vw, 80px);
  }
}

    

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

html, body {
  height: 100%;
}

body {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.be3945, a.be3945 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 1.75rem;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  text-decoration: none;
  border: 2px solid transparent;
  cursor: pointer;
  font-family: var(--font-primary);
}

.i1103e1e, a.i1103e1e {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-color: var(--color-accent);
}

.i1103e1e:hover, a.i1103e1e:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.gf86, a.gf86 {
  background: transparent;
  color: var(--color-accent);
  border-color: var(--color-accent);
}

.gf86:hover, a.gf86:hover {
  background: var(--color-accent-light);
  color: var(--color-accent-dark);
  transform: translateY(-2px);
}

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

.j06 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 70vh;
}

.le47 {
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.dff {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.j5343d0 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.b6b54982 {
  text-align: center;
  color: #ffffff;
  padding: clamp(2rem, 5vw, 3rem);
}

.kd2 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 800;
  margin-bottom: 1rem;
  color: #ffffff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.n7d {
  font-size: clamp(1rem, 2vw, 1.25rem);
  margin-bottom: 2rem;
  color: #f1f5f9;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ec0 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.f4f581f8, .g556 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 2rem;
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  text-decoration: none;
  border: 2px solid transparent;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

.f4f581f8:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.g556 {
  background: transparent;
  color: #ffffff;
  border-color: #ffffff;
}

.g556:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

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

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

.pb701f11 {
  flex: 1 1 45%;
  min-height: 300px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.l443902 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: var(--shadow-lg);
}

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

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

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

.hcff342 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-style: italic;
  padding-left: 1.5rem;
  border-left: 3px solid var(--color-accent);
}

.aba {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 1.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  text-decoration: none;
  border: 2px solid var(--color-accent);
  cursor: pointer;
  font-family: var(--font-primary);
  width: fit-content;
}

.aba:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

  .pb701f11 {
    flex: 1 1 100%;
    min-height: 250px;
  }

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

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

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

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

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

.c2c {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-accent);
  font-weight: 600;
}

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

.b9b0b0 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  background: var(--color-accent-light);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

.ce5a5ea5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  background: var(--color-secondary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  text-decoration: none;
  border: 2px solid var(--color-secondary);
  cursor: pointer;
  font-family: var(--font-primary);
  width: fit-content;
}

.ce5a5ea5:hover {
  background: var(--color-secondary-hover);
  border-color: var(--color-secondary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.c23903 {
  flex: 1 1 45%;
}

.leb3dbb {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.n5d {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.j6173a1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: rgba(67, 56, 202, 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #ffffff;
  transition: all var(--transition-base);
  cursor: pointer;
  z-index: 3;
}

.leb3dbb:hover .j6173a1 {
  background: var(--color-accent);
  transform: translate(-50%, -50%) scale(1.1);
}

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

  .eae2ca7 {
    flex: 1 1 100%;
  }

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

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

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

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

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

.mf2, .bb2398 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.ba59dc {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  font-weight: 700;
  text-align: center;
}

.a7b {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.gf58a8, .h76 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
}

.d26ea82f {
  font-size: 1.5rem;
  color: #dc2626;
  font-weight: bold;
  flex-shrink: 0;
}

.ndb4 {
  font-size: 1.5rem;
  color: #16a34a;
  font-weight: bold;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

.fabb {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  padding-left: clamp(2rem, 5vw, 3rem);
}

.fabb::before {
  content: '';
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--color-accent) 0%, var(--color-secondary) 100%);
}

.ob5f61 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  padding-bottom: clamp(2rem, 4vw, 2.5rem);
  position: relative;
}

.hff8e2 {
  position: relative;
  flex-shrink: 0;
  z-index: 2;
}

.ma81e3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-weight: 800;
  font-size: 1.5rem;
  box-shadow: var(--shadow-md);
}

.accc1 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 0.5rem;
}

.c0b81 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

@media (max-width: 768px) {
  .fabb {
    padding-left: 2rem;
  }

  .fabb::before {
    left: 8px;
  }

  .ma81e3 {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }
}

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

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

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

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

.f8ba {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}

.f8ba::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  transform: translateX(-50%);
}

.kc2 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 3vw, 2rem) 0;
  position: relative;
  width: 100%;
}

.a4eb {
  flex-direction: row;
}

.a4eb .eee26 {
  text-align: right;
  padding-right: clamp(2rem, 5vw, 3rem);
  flex: 1;
}

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

.o5cc .eee26 {
  text-align: left;
  padding-left: clamp(2rem, 5vw, 3rem);
  flex: 1;
}

.kf78 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  flex-shrink: 0;
}

.a9c7 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-weight: 800;
  font-size: 1.125rem;
  box-shadow: var(--shadow-lg);
}

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

.jba8ea {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

@media (max-width: 768px) {
  .f8ba::before {
    left: 20px;
  }

  .a4eb,
  .o5cc {
    flex-direction: row !important;
  }

  .a4eb .eee26,
  .o5cc .eee26 {
    text-align: left !important;
    padding-left: 80px !important;
    padding-right: 0 !important;
    flex: 1;
  }

  .kf78 {
    left: 0;
    transform: translateX(0);
  }

  .a9c7 {
    width: 50px;
    height: 50px;
    font-size: 1rem;
  }
}

.m1fb {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

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

.ja3e35 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-on-accent);
  font-weight: 800;
}

.ic86 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  max-width: 600px;
}

.i90ad6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 2rem;
  background: var(--color-bg-primary);
  color: var(--color-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  text-decoration: none;
  border: 2px solid transparent;
  cursor: pointer;
  font-family: var(--font-primary);
}

.i90ad6:hover {
  background: var(--color-bg-secondary);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

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

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

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

.b7b6 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 3vw, 2rem);
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

.hec32a4 {
  flex: 1 1 400px;
  min-height: 300px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  position: relative;
  transition: all var(--transition-base);
}

.l2c1b5 {
  flex: 1 1 300px;
  min-height: 250px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  position: relative;
  transition: all var(--transition-base);
  transform: translateY(20px);
}

.e77624 {
  flex: 1 1 250px;
  min-height: 200px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  position: relative;
  transition: all var(--transition-base);
  transform: translateY(40px);
}

.d9218f1a {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-base);
}

.hec32a4:hover .d9218f1a,
.l2c1b5:hover .d9218f1a,
.e77624:hover .d9218f1a {
  transform: scale(1.05);
}

.hec32a4:hover,
.l2c1b5:hover,
.e77624:hover {
  box-shadow: var(--shadow-xl);
  transform: translateY(calc(var(--translate-y) - 4px));
}

@media (max-width: 768px) {
  .hec32a4,
  .l2c1b5,
  .e77624 {
    flex: 1 1 100%;
    min-height: 250px;
    transform: translateY(0) !important;
  }
}

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

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

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

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

.p5a64 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.p5a64:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-accent-light);
}

.p5a64[open] {
  box-shadow: var(--shadow-md);
  border-color: var(--color-accent);
}

.o049 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  user-select: none;
  font-weight: 600;
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  transition: color var(--transition-base);
}

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

.k6423 {
  flex: 1;
  text-align: left;
}

.o049 i {
  font-size: 1.125rem;
  color: var(--color-accent);
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

.p5a64[open] .o049 i {
  transform: rotate(180deg);
}

.h28 {
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.7;
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

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

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

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

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

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

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

.b96 {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  transition: transform var(--transition-base);
}

.ff7f:hover .b96 {
  transform: scale(1.05);
}

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

.c1cafecc {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
}

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

.e8a3 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  text-decoration: none;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
}

.e8a3:hover {
  color: var(--color-accent-hover);
  border-bottom-color: var(--color-accent-hover);
  padding-left: 0.5rem;
}

.e8005d {
  display: flex;
  justify-content: center;
  padding-top: clamp(1rem, 2vw, 1.5rem);
}

.b6e6e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 2rem;
  background: var(--color-secondary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  text-decoration: none;
  border: 2px solid var(--color-secondary);
  cursor: pointer;
  font-family: var(--font-primary);
}

.b6e6e:hover {
  background: var(--color-secondary-hover);
  border-color: var(--color-secondary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.d98 {
  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: 0 -2px 10px rgba(0, 0, 0, 0.15);
}

.d98.g58463 {
  display: none !important;
}

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

.bbb {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.h98, .de034ad1 {
  padding: 0.625rem 1.25rem;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  transition: all var(--transition-base);
  border: none;
  font-family: var(--font-primary);
}

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

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

.de034ad1 {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.de034ad1:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  .d98 {
    flex-direction: column;
    align-items: stretch;
    padding: 1rem;
  }

  .m2b34 {
    text-align: center;
    min-width: 100%;
  }

  .bbb {
    justify-content: center;
    width: 100%;
  }

  .h98,
  .de034ad1 {
    flex: 1;
    min-width: 120px;
  }
}

@media (max-width: 1024px) {
  .j06 {
    min-height: 60vh;
  }
}

@media (max-width: 640px) {
  .j06 {
    min-height: 50vh;
  }

  .kd2 {
    font-size: clamp(1.5rem, 5vw, 2.5rem);
  }

  .n7d {
    font-size: clamp(0.875rem, 2vw, 1rem);
  }

  .ec0 {
    gap: 0.75rem;
  }

  .f4f581f8,
  .g556 {
    padding: 0.75rem 1.25rem;
    font-size: 0.875rem;
  }
}

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

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

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

.da16 {
  display: block;
}

.da16 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.da16 p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 55ch;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n377 {
  display: block;
}

.n377 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.mb8 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 2vw, 1rem) clamp(1rem, 3vw, 1.5rem);
  list-style: none;
  padding: 0;
  margin: 0;
}

.mb8 li {
  display: inline-block;
}

.mb8 a {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ic2 {
  display: block;
}

.ic2 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o170 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1.5vw, 0.875rem);
}

.o170 p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ic4a8409 {
  font-weight: 500;
  color: var(--color-text-primary);
}

.p193136 {
  display: block;
}

.p193136 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k236f1c {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 2vw, 1rem) clamp(1rem, 3vw, 1.5rem);
  list-style: none;
  padding: 0;
  margin: 0;
}

.k236f1c li {
  display: inline-block;
}

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

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

.a29387 {
  display: block;
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  border-top: 1px solid var(--color-border-light);
}

.m70 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1.5vw, 0.95rem);
  color: var(--color-text-muted);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e60dff {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1.5vw, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .k4ee2065 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: clamp(2.5rem, 5vw, 4rem);
    align-items: start;
  }

  .da16 {
    grid-column: 1 / -1;
  }

  .a29387 {
    grid-column: 1 / -1;
  }

  .mb8,
  .k236f1c {
    flex-direction: column;
    gap: clamp(0.5rem, 1.5vw, 0.875rem);
  }

  .mb8 li,
  .k236f1c li {
    display: block;
  }
}

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

  .mb8,
  .k236f1c {
    flex-direction: column;
    gap: clamp(0.5rem, 1.5vw, 0.875rem);
  }

  .mb8 li,
  .k236f1c li {
    display: block;
  }
}
    

.h97d1fa {
  background: var(--color-bg-primary);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  overflow-x: hidden;
}

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

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

.o662eba6 {
  background: var(--color-bg-primary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
}

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

.k906c2 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.a4adf {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

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

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

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

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

.b7d2ff {
  flex: 0 1 calc(25% - 1.5rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  overflow: hidden;
}

.b7d2ff:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

.p3732ed {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 0.375rem;
  margin-bottom: 0.5rem;
}

.gacfa3dc {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ce4a8a4 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.3rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  margin: 0;
}

.od9d {
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
  flex-grow: 1;
}

.ofe09 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: clamp(0.75rem, 1vw + 0.3rem, 0.875rem);
  color: var(--color-text-muted);
  padding: 0.75rem 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

.g5b0,
.dadd4b,
.d1991b {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.g5b0 i,
.dadd4b i,
.d1991b i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.aafb88 {
  align-self: flex-start;
  font-size: clamp(0.8125rem, 1vw + 0.3rem, 0.95rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
}

.aafb88:hover {
  color: var(--color-accent-hover);
  border-bottom-color: var(--color-accent-hover);
}

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

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

.d4cab {
  background: var(--color-bg-tertiary);
  border: 2px solid var(--color-accent);
  border-radius: 0.75rem;
  padding: clamp(2rem, 5vw, 3rem);
}

.d45a90 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

.h7c {
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1.0625rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0 0 1rem 0;
}

.oaf {
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

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

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

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

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

.k75b4c1b {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 280px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
}

.k75b4c1b:hover {
  border-color: var(--color-accent);
  box-shadow: 0 4px 12px rgba(67, 56, 202, 0.1);
}

.i27bcabb {
  font-size: 2.5rem;
  color: var(--color-accent);
}

.l1de {
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw + 0.3rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

.o8b {
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 1023px) {
  .b7d2ff {
    flex: 1 1 calc(50% - 1rem);
    min-width: 240px;
  }

  .k75b4c1b {
    flex: 1 1 calc(50% - 1.25rem);
    max-width: 100%;
  }
}

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

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

  .idf02 {
    flex-direction: column;
  }

  .ie8e30c2 {
    flex-direction: column;
  }

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

  .k906c2 {
    letter-spacing: -0.01em;
  }
}

@media (max-width: 479px) {
  .b500 {
    padding: 0 clamp(0.75rem, 3vw, 1rem);
  }

  .d4cab {
    padding: clamp(1.5rem, 4vw, 2rem);
  }

  .ofe09 {
    gap: 0.3rem;
  }

  .g5b0,
  .dadd4b,
  .d1991b {
    gap: 0.3rem;
  }
}

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

html, body {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
}

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

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

.n4e {
  width: 100%;
}

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

.m13eee0 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  flex-wrap: wrap;
}

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

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

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

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

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

.i6c22638 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 800px;
}

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

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

.d50dc2 i {
  color: var(--color-accent);
  font-size: 1rem;
}

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

.n58 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.f785f5a6 {
  width: 100%;
  max-width: 900px;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
}

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

.f0a39 {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: start;
}

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

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

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

.g3de {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.p96ce8 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: clamp(1rem, 2vw, 2rem) 0;
}

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

.lbd60d3 {
  background: var(--color-accent-light);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  margin: clamp(1.5rem, 2vw, 2rem) 0;
}

.e66185 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.6;
}

.a20b28 {
  background: var(--color-bg-secondary);
  border: 2px solid var(--color-border-light);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  margin: clamp(2rem, 4vw, 3rem) 0;
}

.dbe6 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-accent);
  margin-bottom: 0.75rem;
  font-weight: 700;
}

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

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

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

.iebe3b7d {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pbe2 {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 3px solid var(--color-accent-light);
  display: block;
}

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

.od3649 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
}

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

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

.o60aa9 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  font-weight: 600;
}

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

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

.o804 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

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

.p7deb8 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
}

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

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

.f75fd3 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

@media (max-width: 1023px) {
  .f0a39 {
    grid-template-columns: 1fr;
  }

  .mccfe9 {
    position: static;
  }
}

@media (max-width: 768px) {
  .k482f24 {
    padding: clamp(2rem, 6vw, 4rem) 0 clamp(1.5rem, 4vw, 2rem) 0;
  }

  .m13eee0 {
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
    font-size: 0.8125rem;
  }

  .e41 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .l1cd {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .f785f5a6 {
    max-height: 300px;
  }

  .o996 {
    max-height: 300px;
  }

  .lbd60d3 {
    padding: 1rem;
  }

  .mccfe9 {
    gap: 1.5rem;
  }

  .l8f {
    padding: 1.25rem;
  }

  .pbe2 {
    width: 80px;
    height: 80px;
  }

  .obd4a9a4 {
    padding: 0.5rem;
  }

  .d96a0 {
    height: 120px;
  }
}

@media (max-width: 480px) {
  .k482f24 {
    padding: clamp(1.5rem, 5vw, 3rem) 0 clamp(1rem, 3vw, 1.5rem) 0;
  }

  .m13eee0 {
    gap: 0.25rem;
    margin-bottom: 1.25rem;
  }

  .m13eee0 span {
    margin: 0 0.25rem;
  }

  .e41 {
    gap: 1rem;
    margin-top: 1rem;
  }

  .d50dc2 {
    gap: 0.375rem;
    font-size: 0.8125rem;
  }

  .dfcd {
    padding: 1.5rem 0;
  }

  .f785f5a6 {
    max-height: 250px;
  }

  .l1cd {
    padding: 1.5rem 0;
  }

  .c5e {
    gap: 1.5rem;
  }

  .m00 {
    gap: 0.75rem;
  }

  .p96ce8 {
    margin: 1rem 0;
  }

  .o996 {
    max-height: 250px;
  }

  .lbd60d3 {
    padding: 0.75rem;
    margin: 1rem 0;
  }

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

  .l8f {
    padding: 1rem;
    gap: 0.75rem;
  }

  .pbe2 {
    width: 70px;
    height: 70px;
  }

  .obd4a9a4 {
    padding: 0.5rem;
    gap: 0.5rem;
  }

  .d96a0 {
    height: 100px;
  }
}

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

html, body {
  font-family: var(--font-primary);
  line-height: 1.6;
  color: var(--color-text-primary);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.me8b3 {
  background: var(--color-bg-primary);
  overflow: hidden;
}

.ie175fdd {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 3rem) 0;
  border-bottom: 2px solid var(--color-border-light);
  overflow: hidden;
}

.o970e {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

.o970e a {
  color: var(--color-accent);
  transition: all var(--transition-base);
}

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

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

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

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

.a669d {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 500;
  max-width: 650px;
}

.n016b {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding-top: clamp(0.5rem, 1vw, 1rem);
}

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

.idb i {
  color: var(--color-accent);
  font-size: 1.125rem;
}

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

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

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

.b3b p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  margin-bottom: 1.25rem;
  line-height: 1.7;
}

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

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

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

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

  .b3b,
  .kccb7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.a742b07 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  margin-bottom: clamp(1rem, 2vw, 1.75rem);
  line-height: 1.3;
}

.cf88291d p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  margin-bottom: 1.25rem;
  line-height: 1.7;
}

.cf88291d p:last-of-type {
  margin-bottom: 0;
}

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

.c36ce p {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  margin: 0;
}

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

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

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

  .cf88291d,
  .n5d0a78e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.p787c {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  margin-bottom: clamp(1rem, 2vw, 1.75rem);
  line-height: 1.3;
}

.m6c6be2a p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  margin-bottom: 1.25rem;
  line-height: 1.7;
}

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

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

  .n9a47b64,
  .m6c6be2a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.e6b5 {
  background: var(--color-bg-tertiary);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.occ0529 {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
  padding-top: 0.25rem;
}

.db1 {
  flex: 1;
}

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

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

@media (max-width: 768px) {
  .e6b5 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .occ0529 {
    padding-top: 0;
  }
}

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

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

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

.n61a81 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  margin-bottom: clamp(1rem, 2vw, 1.75rem);
  line-height: 1.3;
}

.j62e2e p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  margin-bottom: 1.25rem;
  line-height: 1.7;
}

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

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

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

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

  .j62e2e,
  .kd10d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.c802 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  margin-bottom: clamp(1rem, 2vw, 1.75rem);
  line-height: 1.3;
}

.gf5d4cf1 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  margin-bottom: 1.25rem;
  line-height: 1.7;
}

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

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

  .l8c3,
  .gf5d4cf1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.le4 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  line-height: 1.3;
  text-align: center;
  max-width: 700px;
  margin: 0 auto clamp(1.5rem, 3vw, 2rem) auto;
}

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

.j4b36 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: row;
  gap: clamp(1.25rem, 2vw, 1.75rem);
  align-items: flex-start;
  transition: all var(--transition-base);
}

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

.gf398ee {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-weight: 800;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  width: clamp(3rem, 5vw, 3.5rem);
  height: clamp(3rem, 5vw, 3.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

.e5a73f08 {
  flex: 1;
}

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

.e5a73f08 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  margin: 0;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .j4b36 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .gf398ee {
    width: 3rem;
    height: 3rem;
  }
}

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

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

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

.e9083e {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  margin-bottom: clamp(1rem, 2vw, 1.75rem);
  line-height: 1.3;
}

.i80b8 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  margin-bottom: 1.25rem;
  line-height: 1.7;
}

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

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

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

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

  .i80b8,
  .e8f57f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.hd4a7d {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  line-height: 1.3;
  text-align: center;
}

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

.ifb89 {
  display: flex;
  justify-content: center;
  margin-top: clamp(1.5rem, 2vw, 2rem);
}

.i8ac78 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
  white-space: nowrap;
}

.i8ac78:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.cb6c80a6 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 3rem) 0;
  border-top: 2px solid var(--color-border-light);
  overflow: hidden;
}

.m9d3 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 400px;
}

.o15 {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.25rem);
  align-items: center;
  text-align: center;
}

.ea927 {
  width: 100%;
  padding-bottom: clamp(0.75rem, 1vw, 1rem);
  border-bottom: 2px solid var(--color-border);
}

.cff4 {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.a2965 {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

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

.jfe2 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 700;
  margin: 0;
}

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

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

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

.h374f6bb {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  line-height: 1.5;
  margin: 0;
}

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

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

.j2ecb9 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  text-align: center;
  line-height: 1.3;
}

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

.bc7079 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
}

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

.b35f9 {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.b35f9 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all var(--transition-base);
}

.bc7079:hover .b35f9 img {
  transform: scale(1.05);
}

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

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

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

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

.pb7995 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  line-height: 1.5;
  margin: 0;
  flex: 1;
}

@media (max-width: 1024px) {
  .bc7079 {
    flex: 1 1 calc(50% - 0.75rem);
    max-width: none;
  }
}

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

  .g616 {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .ie175fdd {
    padding: clamp(1.5rem, 3vw, 2rem) 0;
  }

  .o970e {
    font-size: 0.75rem;
    gap: 0.5rem;
  }

  .o970e span:not(:first-child):not(:last-child) {
    display: none;
  }
}

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

html, body {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

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

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

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

.i0b8 {
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 85%;
}

.a824 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
}

.l9752,
.lc15,
.b08 {
  color: var(--color-text-muted);
}

.f405 {
  color: var(--color-border-light);
}

.e1bb774 {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  overflow: hidden;
}

.g20 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

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

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

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

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

.pc14fb {
  flex: 1 1 35%;
  min-width: 0;
  position: sticky;
  top: clamp(1rem, 2vw, 2rem);
  max-height: calc(100vh - 3rem);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
}

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

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

.c8eb85 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

.gca987c8 {
  font-size: clamp(0.9rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

.ldb9 {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

.g8a8c088 {
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

.l40c69 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

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

.m6f923e {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

.ce9 {
  font-size: clamp(0.9rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.ebc {
  font-size: clamp(0.9rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.fcc593 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

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

.jfe8f170:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
}

.oa68ba {
  background: rgba(67, 56, 202, 0.08);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
}

.pd0d6f0 {
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
}

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

.h896e4c {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: space-around;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
  flex-wrap: wrap;
}

.lb8648 {
  flex: 1 1 auto;
  min-width: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
}

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

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

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

.fc7be0 {
  display: flex;
  justify-content: center;
}

.j57 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 3px solid var(--color-border-light);
}

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

.e0e82cf2 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

.e8f {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  font-style: italic;
}

.jf1d533 {
  font-size: clamp(0.8125rem, 1.25vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

.g78 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

.cff1 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.j89e56 {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.k80b {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.75vw, 1.15rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  padding: 0 0.75rem;
  margin-top: 0.25rem;
}

.kf3d526 {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all 0.3s ease;
}

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

.h72f28 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  padding: 0 0.75rem 0.75rem;
}

@media (max-width: 1023px) {
  .le655 {
    flex-direction: column;
    align-items: stretch;
  }

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

  .pc14fb {
    flex: 1 1 100%;
    max-width: 100%;
    position: static;
    max-height: none;
  }
}

@media (max-width: 768px) {
  .nd288544 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

  .lb8648 {
    flex: 1 1 100%;
  }

  .i0b8 {
    max-width: 100%;
  }

  .cca9c339 {
    font-size: 0.8125rem;
  }
}

@media (max-width: 480px) {
  .lf1534 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .e1bb774 {
    padding: clamp(1rem, 2vw, 1.5rem) 0;
  }

  .cc3 {
    max-height: 300px;
  }

  .c808 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }
}

.kcd6 {
  width: 100%;
}

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

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

.bd7 {
  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);
}

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

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

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

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

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

.bcbcb546 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.hb4bb9b {
  color: var(--color-border-light);
}

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

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

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

.ad474 {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

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

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

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

.gf6eea1 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(0.875rem, 1vw, 1.25rem);
}

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

.bac5b {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

.h8c {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

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

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

.gee {
  background: var(--color-bg-tertiary);
  border: 2px solid var(--color-border);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
}

.i614 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.hc1bfae5 {
  flex: 1 1 calc(50% - clamp(0.625rem, 1vw, 1rem));
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all 0.3s ease;
}

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

.k888 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ae67 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.pc3 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.875rem;
}

.b447 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

.l7eb4 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ge5de0 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  font-weight: 600;
  letter-spacing: 0.5px;
}

.j4a073 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b2a {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(0.875rem, 1vw, 1.25rem);
}

.ka92 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c4e25eb1 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.pf1e7c {
  width: 100%;
  height: auto;
  min-height: 140px;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

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

.jadc5 {
  font-family: var(--font-heading);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .g47de7ea {
    flex: 1 1 100%;
  }

  .j1eeec40 {
    flex: 1 1 100%;
    position: relative;
    top: auto;
  }

  .b11c51 {
    flex-direction: column;
  }

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

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

  .hc1bfae5 {
    flex: 1 1 calc(50% - 0.625rem);
  }
}

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

  .h3eb4 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .h1b {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .n979c3 {
    font-size: 0.8125rem;
  }

  .hc1bfae5 {
    flex: 1 1 100%;
  }

  .o7316 {
    gap: 1rem;
  }

  .j1eeec40 {
    gap: 1.5rem;
  }
}

* {
  box-sizing: border-box;
}

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

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

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

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

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

.ode61a0 {
  text-align: center;
  max-width: 700px;
}

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

.d460b2a {
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.2rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
}

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

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

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

.a182a1 {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.laf61c {
  display: inline-block;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: var(--spacing-sm);
}

.f6fa {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

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

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

.g7dc {
  flex: 1 1 45%;
  min-width: 280px;
}

.g7dc p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

.c7e2e663 {
  flex: 1 1 45%;
  min-width: 280px;
  height: 100%;
  min-height: 350px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.c7e2e663 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

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

.j21 {
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}

.ba4e {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

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

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

.ce4cd {
  flex: 1 1 280px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
}

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

.o54d {
  font-size: 2.5rem;
  color: var(--color-accent);
  margin-bottom: var(--spacing-md);
  display: block;
}

.d645 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
}

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

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

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

.p928 {
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}

.d953e700 {
  display: inline-block;
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: var(--spacing-sm);
}

.e46d49 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

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

.ga24 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: var(--spacing-lg);
}

.j5eea2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

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

.eb18be {
  flex: 1;
}

.e1c5 {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

.pc2a {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  margin-top: var(--spacing-lg);
  box-shadow: var(--shadow-md);
  object-fit: cover;
}

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

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

.i68 {
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}

.kf743c5b {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

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

.k1038 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
  margin-top: var(--spacing-lg);
}

.lbf92c {
  flex: 1 1 260px;
  max-width: 300px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  text-align: center;
  position: relative;
  transition: var(--transition-base);
}

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

.g81cdffd {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: 1.75rem;
  font-weight: 700;
  border-radius: 50%;
  margin: 0 auto var(--spacing-md);
  font-family: var(--font-heading);
}

.m81d4f1d {
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
}

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

.oe4 {
  background: var(--color-bg-primary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  border-top: 1px solid var(--color-border-light);
  overflow: hidden;
}

.k29 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  max-width: 800px;
  margin: 0 auto;
}

.fc3e6 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sm);
  align-items: flex-start;
}

.oee6bbd {
  font-size: 1.3rem;
  color: var(--color-secondary);
  flex-shrink: 0;
  margin-top: 0.15rem;
}

.mf2795 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  font-weight: 700;
}

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

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

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

  .g7dc,
  .c7e2e663 {
    flex: 1 1 100%;
  }

  .c7e2e663 {
    min-height: 300px;
  }

  .j5eea2 {
    flex-direction: column;
  }

  .h2193683 {
    margin-top: 0;
  }

  .ae366b,
  .k1038 {
    flex-direction: column;
  }

  .ce4cd,
  .lbf92c {
    flex: 1 1 100%;
    max-width: none;
  }
}

@media (max-width: 480px) {
  .l951907 {
    font-size: clamp(1.5rem, 5vw, 2rem);
  }

  .f6fa,
  .ba4e,
  .e46d49,
  .kf743c5b {
    font-size: clamp(1.3rem, 4vw, 1.8rem);
  }

  .g81cdffd {
    width: 45px;
    height: 45px;
    font-size: 1.5rem;
  }
}

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

body, html {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.lad {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw, 3.5rem);
  line-height: 1.2;
}

.a24 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.6;
}

.jaaaeaae {
  flex: 1 1 50%;
  min-height: 300px;
  overflow: hidden;
  border-radius: 8px;
  background: var(--color-bg-secondary);
}

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

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

  .o10e896 {
    flex: 1 1 100%;
  }

  .jaaaeaae {
    flex: 1 1 100%;
    min-height: 250px;
  }
}

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

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

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

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

.h1a6d {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  line-height: 1.3;
}

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

.b0706713 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.8;
}

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

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

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

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

.ia2f {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  line-height: 1.3;
}

.lc89c {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.6;
}

.g27 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(2rem, 4vw, 3rem);
  justify-content: center;
}

.a891495e {
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.ie3d3727 {
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-weight: 700;
  line-height: 1;
}

.h00 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  line-height: 1.4;
}

.o71fc3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  line-height: 1.7;
}

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

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

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

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

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

.gb33f382 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  line-height: 1.3;
}

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

.e227b {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
}

.a9c4 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.4;
}

.pe7b94c {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  line-height: 1.7;
}

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

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

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

.j29283 {
  text-align: center;
}

.a829a5 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  line-height: 1.3;
}

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

.e57d89 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

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

.ef08956e {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 4vw, 2.25rem);
}

.c285dec {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.4;
}

.ib0cc {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  line-height: 1.7;
}

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

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

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

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

.bbcd3b6d {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.8;
}

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

.k44ab6 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  font-weight: 600;
  border-radius: 6px;
  transition: var(--transition-base);
  border: 2px solid var(--color-accent);
}

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

.f2b5 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  font-weight: 600;
  border-radius: 6px;
  transition: var(--transition-base);
  border: 2px solid var(--color-accent);
}

.f2b5:hover {
  background: var(--color-bg-tertiary);
  transform: translateY(-2px);
}

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

  .k44ab6,
  .f2b5 {
    width: 100%;
    text-align: center;
  }
}

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

  .a891495e {
    flex: 1 1 100%;
  }

  .e227b {
    flex: 1 1 100%;
  }

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

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

.ff6f5 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.a00cbd {
  max-width: 1200px;
  margin: 0 auto;
}

.pdf90 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.ecd19c2c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
  max-width: 600px;
}

@media (min-width: 768px) {
  .ff6f5 {
    padding: 5rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ff6f5 {
    padding: 6rem var(--spacing-lg);
  }
}

.g0efd0 {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.i866c7 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .g0efd0 {
    padding: 5rem var(--spacing-lg);
  }

  .i866c7 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .g0efd0 {
    padding: 6rem var(--spacing-lg);
  }

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

.l7c018 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

.pb2c4 {
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

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

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

.a23439cc {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
}

.k2eaf280 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.ae56fd45 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .pb2c4 {
    height: 280px;
  }

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

.n23c {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.mfe9 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.h97 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.b83e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.pecea74 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-accent);
  border: 2px solid var(--color-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base);
  cursor: pointer;
}

.pecea74:hover {
  background-color: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}

.pecea74:active {
  background-color: var(--color-accent-dark);
  border-color: var(--color-accent-dark);
}

@media (min-width: 768px) {
  .n23c {
    padding: 5rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n23c {
    padding: 6rem var(--spacing-lg);
  }
}

@media (max-width: 480px) {
  .l7c018 {
    margin: 0;
  }

  .pb2c4 {
    height: 200px;
  }

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

  .pdf90 {
    font-size: 2rem;
  }

  .h97 {
    font-size: 1.5rem;
  }
}

.f0aba {
  background-color: var(--color-bg-primary);
}

.n4fa24cc {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: center;
}

.d30c1 {
  grid-column: 1;
  grid-row: 1;
}

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

.n4fa24cc p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  margin: 0;
  line-height: 1.6;
  max-width: 45ch;
}

.if96 {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  opacity: 0.25;
  z-index: 0;
  pointer-events: none;
}

@media (min-width: 768px) {
  .n4fa24cc {
    padding: 4rem 2rem;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }

  .d30c1 {
    grid-column: 1;
    grid-row: 1;
    z-index: 1;
  }

  .if96 {
    grid-column: 2;
    grid-row: 1;
    opacity: 1;
    height: 400px;
  }
}

@media (min-width: 1024px) {
  .n4fa24cc {
    padding: 5rem 3rem;
    gap: 4rem;
  }

  .n4fa24cc h1 {
    font-size: clamp(2.5rem, 6vw + 0.5rem, 4rem);
  }

  .n4fa24cc p {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  }

  .if96 {
    height: 450px;
  }
}

.f5b433 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.cddba3e2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

.ob0 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.ob0:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary);
  transform: translateY(-2px);
}

.i04f08bd {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  flex-shrink: 0;
}

.i04f08bd i {
  color: var(--color-primary);
  font-size: 1.75rem;
}

.ob0 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  margin: 0 0 1rem 0;
  line-height: 1.3;
}

.ob0 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  margin: 0 0 1.5rem 0;
  line-height: 1.6;
  flex-grow: 1;
}

.na29 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: var(--transition-base);
  border: 1px solid var(--color-primary);
  width: fit-content;
}

.na29:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

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

@media (min-width: 768px) {
  .f5b433 {
    padding: 4rem 2rem;
  }

  .cddba3e2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }

  .ob0 {
    padding: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .f5b433 {
    padding: 5rem 3rem;
  }

  .cddba3e2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }

  .ob0 {
    padding: 3rem;
  }

  .i04f08bd {
    width: 64px;
    height: 64px;
  }

  .i04f08bd i {
    font-size: 2rem;
  }
}

.n78e5 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: center;
}

.l7ea {
  grid-column: 1;
  grid-row: 1;
}

.n78e5 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

.n78e5 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  margin: 0 0 1.5rem 0;
  line-height: 1.6;
  max-width: 50ch;
}

.c69a0899 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: 1rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: var(--transition-base);
  border: 1px solid var(--color-accent);
}

.c69a0899:hover {
  background-color: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}

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

.ce5 {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  opacity: 0.2;
  z-index: 0;
  pointer-events: none;
}

@media (min-width: 768px) {
  .n78e5 {
    padding: 4rem 2rem;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }

  .l7ea {
    grid-column: 1;
    grid-row: 1;
    z-index: 1;
  }

  .ce5 {
    grid-column: 2;
    grid-row: 1;
    opacity: 1;
    height: 350px;
  }
}

@media (min-width: 1024px) {
  .n78e5 {
    padding: 5rem 3rem;
    gap: 4rem;
  }

  .n78e5 h2 {
    font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  }

  .n78e5 p {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.2rem);
  }

  .ce5 {
    height: 400px;
  }
}

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

.da5bc .b500 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.da5bc .b40b22d {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) 0;
}

.da5bc h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
}

.da5bc .d68 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.da5bc h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
}

.da5bc p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.da5bc ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.da5bc li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.da5bc .d546 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.da5bc .d546 h2 {
  margin-top: 0;
}

.da5bc .d546 p {
  margin-bottom: var(--spacing-sm);
}

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

.da5bc .b9eb strong {
  display: block;
  margin-bottom: var(--spacing-xs);
  color: var(--color-primary);
}

@media (min-width: 768px) {
  .da5bc .b500 {
    padding: 0 var(--spacing-lg);
  }

  .da5bc .b40b22d {
    padding: var(--spacing-3xl) 0;
  }

  .da5bc h2 {
    margin-top: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .da5bc .b500 {
    padding: 0 var(--spacing-xl);
  }
}

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

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: 1.6;
}

.c18c6e20 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-md);
}

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

.b500 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.jc1b9ae {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  animation: fadeInUp 0.8s ease-out;
}

.jbe {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.jbe svg {
  width: 56px;
  height: 56px;
  stroke: var(--color-primary);
  stroke-width: 2;
}

.jc1b9ae h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.5px;
  margin: var(--spacing-md) 0;
}

.cf79 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: var(--spacing-sm) 0;
}

.m9de8929 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: var(--spacing-sm) 0;
}

.m9de8929:first-of-type {
  margin-top: var(--spacing-md);
}

.be3945 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  margin-top: var(--spacing-lg);
}

.i1103e1e {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.i1103e1e:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.i1103e1e:active {
  transform: translateY(0);
}

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

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 480px) {
  .jc1b9ae {
    gap: var(--spacing-xl);
  }

  .jbe {
    width: 120px;
    height: 120px;
  }

  .jbe svg {
    width: 68px;
    height: 68px;
  }
}

@media (min-width: 768px) {
  .c18c6e20 {
    min-height: 100vh;
    padding: var(--spacing-xl);
  }

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

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

  .jbe {
    width: 140px;
    height: 140px;
    margin-bottom: var(--spacing-lg);
  }

  .jbe svg {
    width: 80px;
    height: 80px;
  }

  .m9de8929 {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }

  .be3945 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: 1.05rem;
  }
}

@media (min-width: 1024px) {
  .c18c6e20 {
    padding: var(--spacing-2xl);
  }

  .b500 {
    padding: 0 var(--spacing-2xl);
  }

  .jbe {
    width: 160px;
    height: 160px;
  }

  .jbe svg {
    width: 92px;
    height: 92px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .jc1b9ae,
  .jbe {
    animation: none;
  }

  .be3945 {
    transition: none;
  }

  .be3945:hover {
    transform: none;
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

.e7f {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.pe6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
  position: relative;
}

.pe6::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background-color: var(--color-primary-light);
  opacity: 0.05;
  pointer-events: none;
  z-index: 0;
}

.pe6::after {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -15%;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background-color: var(--color-accent-light);
  opacity: 0.03;
  pointer-events: none;
  z-index: 0;
}

.b500 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  position: relative;
  z-index: 1;
}

.b40b22d {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.a9c {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.g2881 {
  position: relative;
  margin-bottom: var(--spacing-md);
}

.j2c04 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -2px;
  position: relative;
  z-index: 2;
  animation: slideInDown 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.p323f8b6 {
  height: 4px;
  width: clamp(100px, 40vw, 200px);
  background-color: var(--color-accent);
  margin: var(--spacing-md) auto 0;
  border-radius: var(--radius-full);
  animation: expandWidth 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s backwards;
}

.jff73 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-top: var(--spacing-lg);
  animation: fadeInUp 0.6s ease-out 0.2s backwards;
}

.i25 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-top: var(--spacing-md);
  animation: fadeInUp 0.6s ease-out 0.3s backwards;
}

.cb3 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-top: var(--spacing-sm);
  animation: fadeInUp 0.6s ease-out 0.4s backwards;
}

.be3945 {
  display: inline-block;
  padding: clamp(0.875rem, 2vw, 1.1rem) clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  margin-top: var(--spacing-xl);
  animation: fadeInUp 0.6s ease-out 0.5s backwards;
}

.i1103e1e {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.i1103e1e:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.i1103e1e:active {
  transform: translateY(0);
}

.bf315d9 {
  margin-top: var(--spacing-2xl);
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  animation: fadeInUp 0.6s ease-out 0.6s backwards;
}

.m2273 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

@keyframes expandWidth {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: clamp(100px, 40vw, 200px);
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .pe6 {
    padding: var(--spacing-lg);
  }

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

  .j2c04 {
    animation: slideInDown 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  .be3945 {
    padding: 1rem 2.5rem;
    font-size: 1.05rem;
  }
}

@media (min-width: 1024px) {
  .pe6 {
    padding: var(--spacing-2xl);
  }

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

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

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

  .be3945:hover {
    transform: translateY(-3px);
  }
}

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

.bca770 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.c9a {
  width: 100%;
  text-align: center;
}

.de786a19 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.g371 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .bca770 {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .bca770 {
    padding: 5rem 0;
  }
}

.d14db686 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.n605 {
  width: 100%;
}

.oa55 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

.f8a3af5 {
  flex: 1 1 100%;
  min-width: 0;
}

.ib0f {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 1024px) {
  .f8a3af5 {
    flex: 1 1 400px;
  }

  .ib0f {
    flex: 1 1 400px;
  }
}

.i1177c4 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 2.5vw, 1.65rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

.pbfb9 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.d13487 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.b23 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.idd7,
.o7bce978 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-secondary);
  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);
  line-height: 1.5;
  transition: border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);
  box-sizing: border-box;
}

.idd7::placeholder,
.o7bce978::placeholder {
  color: var(--color-text-muted);
}

.idd7:focus,
.o7bce978:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-secondary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.o7bce978 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.f37b {
  width: 100%;
  padding: 1rem 1.5rem;
  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.95rem, 1vw, 1.05rem);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
  letter-spacing: 0.3px;
}

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

.f37b:active {
  transform: translateY(0);
}

.k6f {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  text-align: center;
}

.l2c7 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
  font-weight: 600;
}

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

.p5a {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 2.5vw, 1.65rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

.ka4b8 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.o0d0 {
  display: flex;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  transition: box-shadow var(--transition-fast), transform var(--transition-fast);
}

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

.ne3 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  font-size: 1.5rem;
  color: var(--color-primary);
}

.ee2f4 {
  flex: 1;
}

.g72c0aca {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

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

.o2b7 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
  font-weight: 600;
}

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

.h062 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary-light);
}

.c3bd41 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.p678ab {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
}

.j9c {
  display: inline-block;
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: color var(--transition-fast), transform var(--transition-fast);
}

.j9c:hover {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

@media (min-width: 768px) {
  .d14db686 {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .d14db686 {
    padding: 5rem 0;
  }
}

.oecaf {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.aa4 {
  width: 100%;
}

.kf95d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: var(--spacing-2xl);
}

.eb8d {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .eb8d {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .eb8d {
    grid-template-columns: repeat(3, 1fr);
  }
}

.c5937 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

.pc29 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.5;
}

.m4c3 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

@media (min-width: 768px) {
  .oecaf {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .oecaf {
    padding: 5rem 0;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.l63,.j84b9{width:34px;}
.l63[aria-expanded="true"]{display:none;}
.a9440d4.ic7c470e{z-index:999;}
.a9440d4{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.a9440d4{max-width:100%;}}
.m0b8068{justify-content:flex-end;}
@media (max-width:768px){.le47{min-height:500px;}}
@media (max-width:768px){.leb3dbb{min-height:500px;}}
@media (max-width:768px){.b96{min-height:500px;}}
@media (max-width:768px){.p3732ed{min-height:500px;}}