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

:root {
  --color-bg-primary: #fffbeb;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #1c1917;
  --color-bg-card: #ffffff;

  --color-text-primary: #1c1917;
  --color-text-secondary: #57534e;
  --color-text-muted: #75716e;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #f3f0ed;

  --color-primary: #d97706;
  --color-primary-hover: #b45309;
  --color-primary-light: #fed7aa;
  --color-primary-lighter: #fef3c7;

  --color-secondary: #f59e0b;
  --color-secondary-light: #fcd34d;
  --color-secondary-lighter: #fef08a;

  --color-success: #10b981;
  --color-success-light: #d1fae5;

  --color-warning: #f97316;
  --color-warning-light: #fed7aa;

  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #e7e5e4;
  --color-border-light: #f5f5f4;
  --color-border-dark: #44403c;

  --font-primary: 'Karla', sans-serif;
  --font-heading: 'Rubik', sans-serif;

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

  --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 ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;

  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: #111418;
}

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

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  margin-bottom: var(--spacing-md);
}

h2 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  margin-bottom: var(--spacing-md);
}

h3 {
  font-size: clamp(1.375rem, 3vw, 1.875rem);
  margin-bottom: var(--spacing-sm);
}

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

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

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

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

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

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

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

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

.ia68d5:hover {
  background: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.l7c5fd {
  background: var(--color-secondary);
  color: var(--color-text-primary);
}

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

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

.a2a8d29:hover {
  background: var(--color-primary-lighter);
  color: var(--color-primary-hover);
}

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

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

.d32d7c {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: var(--spacing-4xl) 0;
}

.c6d {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
  padding: var(--spacing-4xl) 0;
}

.c6d h1,
.c6d h2,
.c6d h3,
.c6d h4,
.c6d h5,
.c6d h6 {
  color: var(--color-text-light);
}

.c6d p {
  color: var(--color-text-light-secondary);
}

.c6d a {
  color: var(--color-secondary);
}

.c6d a:hover {
  color: var(--color-secondary-light);
}

.jfc2e {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-4xl) 0;
}

.i835 {
  display: grid;
  gap: var(--spacing-xl);
}

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

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

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

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

.h5a52df0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
}

.l8c9 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md);
}

.n60 {
  flex-direction: column;
}

.ba4a { gap: var(--spacing-sm); }
.oee { gap: var(--spacing-md); }
.i7c77099 { gap: var(--spacing-lg); }
.lacb { gap: var(--spacing-xl); }

.efe6a { color: var(--color-text-primary); }
.j22e45 { color: var(--color-text-secondary); }
.f3a0e40 { color: var(--color-text-muted); }
.m30 { color: var(--color-text-light); }

.af0 { font-size: 0.875rem; }
.c9b9d { font-size: 1rem; }
.l44a0f { font-size: 1.125rem; }
.aa1908 { font-size: 1.25rem; }

.o8634 { font-weight: 400; }
.ma3212fc { font-weight: 500; }
.l301 { font-weight: 600; }
.l0b0 { font-weight: 700; }

.lf45c { line-height: 1.2; }
.mde79 { line-height: 1.375; }
.l909 { line-height: 1.5; }
.a6f13df { line-height: 1.625; }
.gdeb0 { line-height: 2; }

.jc14 { margin: 0; }
.pa5 { margin-top: var(--spacing-sm); }
.f91a34 { margin-top: var(--spacing-md); }
.oa597b5 { margin-top: var(--spacing-lg); }
.nf03ec3 { margin-top: var(--spacing-xl); }

.laf19 { margin-bottom: var(--spacing-sm); }
.i99 { margin-bottom: var(--spacing-md); }
.c03d { margin-bottom: var(--spacing-lg); }
.kd59a68 { margin-bottom: var(--spacing-xl); }

.c495 { padding: var(--spacing-sm); }
.fc42eab { padding: var(--spacing-md); }
.n73405f3 { padding: var(--spacing-lg); }
.oa7b7 { padding: var(--spacing-xl); }

.ja867d4 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.l6ef29 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.e59e9 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.naf53c9 { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }

.mfb77 { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.i17b572 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.hea8d672 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.dcaa39 { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }

.c6ea { border-radius: var(--radius-sm); }
.i2fa7453 { border-radius: var(--radius-md); }
.hd24dd0e { border-radius: var(--radius-lg); }
.j90 { border-radius: var(--radius-xl); }
.ga6 { border-radius: var(--radius-full); }

.e035 { box-shadow: var(--shadow-sm); }
.fbe6 { box-shadow: var(--shadow-md); }
.c1e29a { box-shadow: var(--shadow-lg); }
.h298be { box-shadow: var(--shadow-xl); }

.l63e8 {
  border: 1px solid var(--color-border);
}

.h795 {
  border: 1px solid var(--color-border-light);
}

.e14 {
  border: 1px solid var(--color-border-dark);
}

.ec592 {
  border: 2px solid var(--color-primary);
}

.ga3 { border-top: 1px solid var(--color-border); }
.b0f5 { border-bottom: 1px solid var(--color-border); }
.a82 { border-left: 1px solid var(--color-border); }
.j3e9833 { border-right: 1px solid var(--color-border); }

.i51c84ad { opacity: 0.5; }
.f1e10f { opacity: 0.75; }

.f51cc { display: none; }

.l08d2b3 { overflow: hidden; }

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

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

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

.hedf9cd { transition: all var(--transition-fast); }
.m3878 { transition: all var(--transition-base); }
.oc5a703d { transition: all var(--transition-slow); }

.nf7b9b { transform: translateZ(0); }

.f35ec853\:scale-105:hover {
  transform: scale(1.05);
}

.f35ec853\:shadow-lg:hover {
  box-shadow: var(--shadow-lg);
}

input, textarea, select {
  font-family: var(--font-primary);
  font-size: 1rem;
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  transition: all var(--transition-fast);
  color: var(--color-text-primary);
  background: var(--color-bg-secondary);
}

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

textarea {
  resize: vertical;
  min-height: 120px;
  line-height: 1.6;
}

label {
  display: block;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .m5b92,
  .h61,
  .d4246ea6 {
    grid-template-columns: 1fr;
  }

  .d32d7c,
  .c6d,
  .jfc2e {
    padding: var(--spacing-3xl) 0;
  }

  .g4d7 {
    flex-direction: column;
  }

  .l3c1 {
    display: none;
  }
}

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  .d32d7c,
  .c6d,
  .jfc2e {
    padding: var(--spacing-2xl) 0;
  }

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

  button, .g9ce92a {
    width: 100%;
  }
}
.b84 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

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

.je03a3 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  flex-shrink: 0;
}

.dad {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  object-fit: cover;
  flex-shrink: 0;
}

.h29ec417 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  line-height: 1.2;
}

.je03a3:hover .h29ec417 {
  color: var(--color-primary);
  transition: color var(--transition-base);
}

.b41531 {
  display: none;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  margin: 0 auto;
}

.k91 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  white-space: nowrap;
}

.k91:hover {
  color: var(--color-primary);
}

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

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

.g3949a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
}

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

.g3949a:hover .ef5 {
  background: var(--color-primary);
}

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

.m9ff92.id14c {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.bd58c67c {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
  min-height: 70px;
}

.h70219 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  transition: color var(--transition-base);
}

.h70219:hover {
  color: var(--color-primary);
}

.l48f {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1rem 0;
}

.pc44130 {
  padding: 1rem 1.5rem;
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.pc44130:hover {
  background: var(--color-bg-secondary);
  color: var(--color-primary);
  padding-left: 2rem;
}

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

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

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

  .g15 {
    display: block;
  }

  .g3949a {
    display: none;
  }

  .m9ff92 {
    display: none;
  }
}

    .d341 {
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

.g9ce92a {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.25rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

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

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

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

.j027ce:hover {
  background: var(--color-primary);
  color: var(--color-text-on-accent);
}

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

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

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

  .p6e1,
  .e4a4 {
    flex: 1 1 100%;
  }

  .n91 {
    max-height: 350px;
  }
}

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

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

.j336 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

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

.k66 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.a8aa {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 900px;
  margin: 0 auto;
}

.fd317d9 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

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

.f38fc53::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 400px;
  height: 400px;
  background: var(--color-primary);
  opacity: 0.08;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  pointer-events: none;
}

.bfa3 {
  position: relative;
  z-index: 1;
  max-width: 700px;
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 1.5rem);
}

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

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

.iee {
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  align-self: center;
}

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

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

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

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

.g5002dad {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0;
}

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

.fe89d44a {
  flex: 1 1 250px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  border: 1px solid var(--color-border-light);
}

.l111 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 2.75rem);
  color: var(--color-primary);
  font-weight: 700;
  line-height: 1;
}

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

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

.lfddf {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
}

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

.g962079 {
  align-self: center;
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-text-muted);
  display: none;
}

@media (min-width: 769px) {
  .g962079 {
    display: flex;
    align-items: center;
  }
}

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

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

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

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

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

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

.p68 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  font-style: italic;
}

.n35 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

.a88aa {
  flex: 1 1 40%;
  display: flex;
  justify-content: center;
}

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

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

  .n9722,
  .a88aa {
    flex: 1 1 100%;
  }
}

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

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

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

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

.p6115 {
  flex: 1 1 200px;
  max-width: 280px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  text-align: center;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.j0f66 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-primary);
  display: flex;
  justify-content: center;
}

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

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

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

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

.gfd {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

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

.f30e {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

.i632f9e:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-xl);
}

.l17d {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}

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

.h6dd21 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
}

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

.j16d {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
  margin-top: auto;
}

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

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

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

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

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

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

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

.hc9be108 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.o0e06 {
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  align-self: center;
}

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

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

.ae2fd927.f51cc {
  display: none;
}

.f38647f {
  color: #f1f5f9;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  max-width: 600px;
  line-height: 1.5;
}

.ccf {
  display: flex;
  gap: clamp(0.75rem, 2vw, 1rem);
  flex-wrap: wrap;
  justify-content: center;
}

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

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

.l0aaac:hover {
  background: var(--color-primary-hover);
  transform: translateY(-1px);
}

.a0b36d47 {
  background: transparent;
  color: #f1f5f9;
  border: 1px solid rgba(241, 245, 249, 0.3);
}

.a0b36d47:hover {
  border-color: #f1f5f9;
  background: rgba(241, 245, 249, 0.1);
}

@media (max-width: 600px) {
  .ae2fd927 {
    flex-direction: column;
    gap: clamp(0.75rem, 2vw, 1rem);
    text-align: center;
  }

  .ccf {
    width: 100%;
  }

  .l0aaac,
  .a0b36d47 {
    flex: 1 1 auto;
  }
}

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

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

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

.m60,
.peced7c,
.la723,
.m2328340 {
  display: block;
}

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

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

.m60 p {
  max-width: 42rem;
}

.o3b57afe,
.a94 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.5rem);
}

.o3b57afe li,
.a94 li {
  display: block;
}

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

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

.la723 p {
  margin-bottom: 0.75rem;
}

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

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

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

.mc49e2 {
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: 0;
  max-width: 56rem;
}

@media (min-width: 768px) {
  .c0a292c6 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2rem, 5vw, 4rem);
  }

  .m60 {
    flex: 1 1 100%;
    max-width: 42rem;
  }

  .peced7c,
  .la723,
  .m2328340 {
    flex: 1 1 auto;
    min-width: 200px;
  }

  .o3b57afe,
  .a94 {
    flex-direction: column;
    gap: 0.75rem;
  }

  .o3b57afe li,
  .a94 li {
    display: block;
  }

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

@media (min-width: 1024px) {
  .m60 {
    flex: 1 1 30%;
  }

  .peced7c {
    flex: 1 1 18%;
  }

  .la723 {
    flex: 1 1 22%;
  }

  .m2328340 {
    flex: 1 1 22%;
  }
}
    

.j4c217 {
  width: 100%;
}

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

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

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

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

.k471b {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-light);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.1;
}

.ja5 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.5rem);
  color: var(--color-text-light-secondary);
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d08166 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-light);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f7ff {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.i45521 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-light);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.i45521 i {
  font-size: 1em;
}

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

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

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

.acd9 {
  width: 100%;
  max-width: 550px;
}

.ge913 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  overflow: hidden;
}

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

.p23041 {
  width: 100%;
  min-height: 250px;
  max-height: 300px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  margin: 0;
  padding: 0;
}

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

.d65b6455 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw + 0.25rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.3;
  margin: 0;
  padding: 0;
}

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

.b7cb243 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  align-items: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
  margin: clamp(0.5rem, 1vw, 1rem) 0;
}

.o22c34,
.obfb,
.g78b5 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.o22c34 i,
.obfb i,
.g78b5 i {
  font-size: 0.9em;
  color: var(--color-accent);
}

.f381f8d2 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  display: inline-block;
  padding: clamp(0.5rem, 1vw, 0.75rem) 0;
  border-bottom: 2px solid var(--color-accent);
  transition: all var(--transition-base);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

@media (min-width: 768px) {
  .b61f1f {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2rem, 4vw, 3rem);
    justify-content: center;
  }

  .acd9 {
    max-width: 450px;
    flex: 1 1 calc(50% - 1rem);
  }

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

  .p23041 {
    min-height: 280px;
    max-height: 350px;
  }
}

@media (min-width: 1024px) {
  .acd9 {
    max-width: 550px;
    flex: 1 1 calc(50% - 1.5rem);
  }

  .ge913 {
    padding: clamp(1.75rem, 2.5vw, 2.25rem);
  }

  .p23041 {
    min-height: 300px;
    max-height: 380px;
  }
}

@media (max-width: 767px) {
  .b61f1f {
    flex-direction: column;
    align-items: center;
  }

  .acd9 {
    width: 100%;
    max-width: 500px;
  }

  .f7ff {
    gap: 0.75rem;
  }
}

.i5a {
  background: var(--color-bg-primary);
}

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

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

.ae505d {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

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

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

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

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

.l4df758 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
}

.m043fea,
.md8aa6f0,
.bbd9 {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  background: var(--color-bg-secondary);
  border-radius: 0.25rem;
  color: var(--color-text-secondary);
}

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

.b5a201 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.g77 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

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

  .jd650,
  .g77 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

.ea443 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
  position: relative;
}

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

.h525471 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 280px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.h022 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

.k7748 {
  text-align: center;
}

.f64 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  margin-bottom: 0.25rem;
}

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

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

.f5df2b2 {
  font-size: 0.8125rem;
  color: var(--color-accent);
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}

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

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

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

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

.f4a867 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0;
  font-weight: 500;
}

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

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

.k59e,
.pc4745,
.e8c558,
.jba49 {
  flex: 1 1 50%;
  max-width: 50%;
}

.h1b67,
.ld5,
.a9ec1,
.j6ffadfd {
  flex: 1 1 50%;
  max-width: 50%;
}

.h1b67 img,
.ld5 img,
.a9ec1 img,
.j6ffadfd img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

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

.k59e p,
.pc4745 p,
.e8c558 p,
.jba49 p {
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

.k59e p:last-child,
.pc4745 p:last-child,
.e8c558 p:last-child,
.jba49 p:last-child {
  margin-bottom: 0;
}

.o573 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-primary);
  border-left: 4px solid var(--color-accent);
  border-radius: 0.5rem;
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
}

.i1ebd4 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.5rem;
}

.e00 {
  flex: 1;
}

.j09352 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
}

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

.cf426 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(2rem, 4vw, 3rem);
  padding-top: clamp(2rem, 4vw, 3rem);
  border-top: 1px solid var(--color-border-light);
}

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

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

.o04:last-child {
  margin-bottom: 0;
}

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

.hb82f {
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.baa8 {
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i2bc2 {
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  color: #d4d4d8;
  margin: 0;
  line-height: 1.6;
}

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

.c6723 {
  flex: 1 1 calc(33.333% - clamp(1rem, 3vw, 2rem));
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.c6723:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.i6e {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
}

.i6e img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}

.c6723:hover .i6e img {
  transform: scale(1.05);
}

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

.h09a0b {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
}

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

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

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

@media (max-width: 768px) {
  .f0352ea5,
  .led6b,
  .b6aa,
  .c570 {
    flex-direction: column;
  }

  .k59e,
  .pc4745,
  .e8c558,
  .jba49,
  .h1b67,
  .ld5,
  .a9ec1,
  .j6ffadfd {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

@media (min-width: 1024px) {
  .ea443 {
    position: relative;
  }

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

  .h525471 {
    flex-shrink: 0;
    position: sticky;
    top: 2rem;
  }
}

.ec22a4e {
  background: var(--color-bg-primary);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

.iec72f a:hover {
  text-decoration: underline;
}

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

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

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

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

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

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

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

.a0ff i {
  color: var(--color-accent);
}

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

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

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

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

.n1404dd3 {
  flex: 0 0 auto;
  width: 100%;
  max-width: 240px;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.g0b {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  overflow: hidden;
  flex-shrink: 0;
}

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

.g763 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

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

.c30246 {
  flex: 1 1 100%;
  min-width: 0;
}

.e6a4f {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.f44e {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

.kb603de {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: #ffffff;
  line-height: 1.3;
}

.fd140e97 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #f1f5f9;
  line-height: 1.6;
  margin: 0;
}

.f17 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.k4497672 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

.md55 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0;
}

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

.pb06e0 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: var(--transition-base);
}

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

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

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

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

.afe81 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

.g2c9d6 {
  color: var(--color-accent);
}

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

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

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

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

.dc7ec {
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  color: var(--color-accent);
  line-height: 1.3;
}

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

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

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

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

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

@media (max-width: 768px) {
  .d4a0d057,
  .a005c1a8,
  .de49a,
  .e2fa57,
  .f43b80,
  .ic11 {
    flex-direction: column;
  }

  .f8b,
  .k9ce,
  .f9acc876,
  .b6a64,
  .pe4969,
  .j34,
  .k04b5,
  .c23,
  .kaa3,
  .oed62f2 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n1404dd3 {
    position: relative;
    top: auto;
    max-width: 100%;
    width: 100%;
  }

  .iec72f {
    font-size: 0.8125rem;
  }

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

  .f6d7 {
    flex-direction: column;
  }
}

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

  .f6d7 {
    justify-content: flex-start;
  }
}

@media (min-width: 1024px) {
  .a005c1a8 {
    gap: clamp(2rem, 4vw, 4rem);
  }
}

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

html {
  font-family: var(--font-primary);
  scroll-behavior: smooth;
}

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

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

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

p, li, span, a {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.o027e {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-lg);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

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

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

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

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

.p5a8 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
}

.l12f {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.2rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  line-height: 1.6;
}

.pceea9b {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-xl);
  flex-wrap: wrap;
}

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

.i8882e i {
  color: var(--color-accent);
  width: 1.25rem;
}

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

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

.ab94a1 {
  flex: 0 0 auto;
  width: 280px;
  position: sticky;
  top: 2rem;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  background: var(--color-bg-primary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.b0ea {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto;
  border: 3px solid var(--color-accent);
}

.g6e4bf22 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.na532 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
}

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

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

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

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

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

.o725c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

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

.de067 {
  width: 100%;
  display: block;
}

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

.h40ba5c {
  background: var(--color-secondary);
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.ca7be {
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
}

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

.l67edec9 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 5px solid var(--color-secondary);
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.n1e50 {
  flex: 0 0 auto;
  font-size: 1.75rem;
  color: var(--color-secondary);
  display: flex;
  align-items: center;
}

.cda4be {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.n330398 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.2rem);
  color: #ffffff;
  font-weight: 700;
}

.h4c4 {
  font-size: clamp(0.8875rem, 1vw + 0.5rem, 1rem);
  color: #e7e5e4;
  line-height: 1.6;
}

.kbd {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

.b603f1:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 16px rgba(0, 0, 0, 0.15);
}

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

.f6e2f49 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  flex: 1 1 100%;
}

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

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

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

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

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

.f42740 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  max-width: 320px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: var(--transition-base);
}

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

.h5983 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

.iccdf {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.j191f {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.l8f7a6 {
  font-size: clamp(1.35rem, 3vw + 0.5rem, 2rem);
  color: #ffffff;
  line-height: 1.3;
}

.ha7d8 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: #e7e5e4;
  line-height: 1.8;
}

@media (max-width: 1024px) {
  .ab94a1 {
    position: static;
  }

  .gdc {
    flex-direction: column;
  }

  .ab94a1 {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}

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

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

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

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

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

  .l67edec9 {
    flex-direction: column;
    gap: var(--spacing-md);
  }

  .gdc {
    flex-direction: column;
  }

  .ab94a1 {
    width: 100%;
    max-width: 100%;
    position: static;
  }
}

@media (max-width: 480px) {
  .o027e {
    flex-direction: column;
    gap: var(--spacing-xs);
    font-size: 0.8125rem;
  }

  .o027e span {
    display: none;
  }

  .o027e a {
    display: block;
  }

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

  .p2a93 {
    flex-direction: column;
  }

  .o9f {
    flex-direction: column;
  }
}

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: 'Rubik', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.b6a a:hover {
  text-decoration: underline;
}

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

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

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

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

.pe3 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.o516fd {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-secondary);
}

.o516fd i {
  color: var(--color-accent);
  font-size: 1.1em;
}

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

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

.n1a8 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

  .k34,
  .d97d {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

.p8f52e1 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
}

.cc6b45b4 {
  flex: 0 0 280px;
  position: sticky;
  top: 2rem;
  height: fit-content;
}

.jd1 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  text-align: center;
  border: 1px solid #e7e5e4;
}

.n1f {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto clamp(1rem, 2vw, 1.5rem);
  display: block;
}

.p306aced {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

.p306aced a:hover {
  text-decoration: underline;
}

.f6bb37b9 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  margin-bottom: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
}

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

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

.de2c62 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

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

.pcfab4 {
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.k268 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

  .ec4c,
  .m03e9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .p8f52e1 {
    flex-direction: column;
  }

  .cc6b45b4 {
    flex: 1 1 100%;
    position: static;
  }
}

.ne42 {
  background: var(--color-bg-primary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

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

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

.p701b8d {
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.jc5 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

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

.lf90 {
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.h649806 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.a7f1a {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.6;
}

.a7f1a::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.2em;
}

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

.m24a11a8 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

  .ea87,
  .od17 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.i28c {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

.lff7304 {
  flex: 1;
}

.d22db23 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

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

.j3ca {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

.h0ae9a5 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

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

.j121db25 {
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

  .k6cc,
  .a8fe7095 {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }
}

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

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

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

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

.l36abd8 {
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.n26f15 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

  .d9a70,
  .b37 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.bbc {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 6vw, 5rem) 0;
  overflow: hidden;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.i22ac22c {
  max-width: 900px;
}

.fb62 {
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: #ffffff;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.2;
}

.k64 {
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  color: #e7e5e4;
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.b38 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e7e5e4;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.b38:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

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

.j908ce6 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.b38:hover .j908ce6 {
  transform: scale(1.05);
}

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

.a0c415 {
  font-size: clamp(1rem, 1.5vw, 1.1875rem);
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

.a0c415 a:hover {
  color: var(--color-accent);
  text-decoration: none;
}

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

@media (max-width: 1024px) {
  .b38 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    max-width: 100%;
  }
}

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

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

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

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

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

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

.b02b0 {
  background: var(--color-bg-primary);
}

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

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

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

.e8590a7 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 650px;
  margin: 0 auto;
}

.j38 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

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

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

.ica8 {
  text-align: center;
  margin-bottom: 1rem;
}

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

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

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

.cf0cc p {
  margin-bottom: 1rem;
  color: var(--color-text-secondary);
}

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

.dc5b {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin: 1rem auto 0;
}

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

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

.bfe {
  text-align: center;
}

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

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

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

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

.m1757 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 250px;
  transition: var(--transition-base);
}

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

.g63bd {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
}

.nd1c2 {
  font-size: clamp(1.0625rem, 1.5vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

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

.mde888 {
  text-align: center;
}

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

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

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

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

.le1ba {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 240px;
  transition: var(--transition-base);
}

.le1ba:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.ff4fed2c {
  font-size: clamp(1.0625rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

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

.bf5fa1 {
  text-align: center;
}

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

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

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

.kc9215 p {
  margin-bottom: 1rem;
  color: var(--color-text-secondary);
}

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

.k159 {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin: 1rem auto 0;
}

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

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

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

.i8a {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.o94d9 {
  font-size: clamp(1.0625rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.n5c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 800px;
}

.n5c p {
  margin-bottom: 0.75rem;
  color: var(--color-text-secondary);
}

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

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

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

  .fc7,
  .ic211d8,
  .o211,
  .c6a083b2 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

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

@media (max-width: 480px) {
  .debf {
    gap: 1rem;
  }

  .a0f7e,
  .pb880fa6,
  .p9be47,
  .g7efb6ad {
    gap: 1.5rem;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

.b5414 {
  width: 100%;
}

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

section {
  overflow: hidden;
}

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

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

@media (min-width: 768px) {
  .g83e {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

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

.g3f0 {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.cd8aa9 {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

.i8e1c6f {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

@media (max-width: 767px) {
  .pe9e {
    width: 100%;
  }
}

.a77 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

.j9dbe {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  border-top: 1px solid var(--color-border);
}

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

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

.mb5884b {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.o5277c2 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
}

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

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

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

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

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

.abac2c0 {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.c09 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
}

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

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

.df66 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

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

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

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

.p0ae6 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}

.c8a4 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: 'Rubik', sans-serif;
  font-weight: 600;
}

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

.md5e9 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  color: #f5f5f4;
}

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

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

.l104948 {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.o6786 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: #ffffff;
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
}

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

.o1b626 {
  flex: 1 1 calc(50% - 1.5rem);
  min-width: 280px;
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

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

.abbf3 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: #ffffff;
  font-family: 'Rubik', sans-serif;
  font-weight: 600;
}

.pbaf5 {
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.6;
}

.c37e {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  border-top: 1px solid var(--color-border);
}

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

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

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

.c244f5be {
  font-size: clamp(1.25rem, 3vw, 2rem);
  color: var(--color-text-primary);
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
}

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

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

@media (max-width: 767px) {
  .defd {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.dfd {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
}

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

.f69c36e {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-accent);
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
}

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

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

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

.n6d4a14 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 8px;
  border: 2px solid var(--color-accent);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.h8f9 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
}

.i4a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 500px;
  margin: 0 auto;
}

.m4f4 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  justify-content: center;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

@media (min-width: 640px) {
  .m4f4 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.a94bc {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
  font-family: 'Karla', sans-serif;
}

.e47 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-accent);
}

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

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

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

.o2b {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  border-top: 1px solid var(--color-border);
}

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

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

.a3054 {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.k2674 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
}

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

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

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

.k4911 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.ma9 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: 'Rubik', sans-serif;
  font-weight: 600;
}

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

@media (max-width: 640px) {
  .g83e {
    flex-direction: column-reverse;
  }
  
  .pe9e {
    width: 100%;
    min-height: 250px;
  }
}

@media (max-width: 480px) {
  .m4f4 {
    flex-direction: column;
  }
  
  .a94bc {
    width: 100%;
  }
}

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

.hc826c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.m31a95cf {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.f9e0e1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.n130d3 {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.l01b6ee {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.h0df4 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

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

.d019f {
  width: 100%;
  height: 250px;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

.d019f img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--transition-base);
}

.ld1a8aab:hover .d019f img {
  transform: scale(1.05);
}

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

.l70633 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.85rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
}

.p437c1 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  line-height: 1.3;
}

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

.m03b0157 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.p27 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.i05d79 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
}

.d0a2797b {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.m74e0 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.m74e0:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

.m74e0:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .hc826c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .l01b6ee {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .h0df4 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .d019f {
    height: 280px;
  }

  .m03b0157 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .hc826c {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .l01b6ee {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .d019f {
    height: 320px;
  }

  .m03b0157 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1280px) {
  .h0df4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.p3eadf {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.l59 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.e731f71 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.o98eb0e5 {
  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-sm) 0;
  line-height: 1.2;
}

.j1924 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .l59 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .l59 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
}

.m39 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.k0d3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

.ke1e602 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

.ke1e602:hover {
  background-color: var(--color-bg-tertiary);
  color: var(--color-primary);
}

.c3e07d2e {
  flex: 1;
  line-height: 1.4;
}

.f38eff {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-left: var(--spacing-sm);
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--color-primary);
  flex-shrink: 0;
  transition: transform var(--transition-fast);
}

.b4d9a6.id14c .f38eff {
  transform: rotate(45deg);
}

.ocf {
  max-height: 0;
  overflow: hidden;
  background-color: var(--color-bg-card);
  transition: max-height var(--transition-base);
}

.b4d9a6.id14c .ocf {
  max-height: 500px;
}

.ocf p {
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (min-width: 768px) {
  .m39 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

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

  .ocf p {
    padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .m39 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
}

.o8ed7bd2 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.hc9be {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.cac {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.c47b37c8 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.5;
}

.df539f7 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.df539f7:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .o8ed7bd2 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .o8ed7bd2 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
}

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

.h9e6fad .f2578 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.h9e6fad .j2aa4b15 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-4xl) var(--spacing-md);
}

.h9e6fad h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.h9e6fad .c9c5 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-3xl);
  display: block;
}

.h9e6fad h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.h9e6fad p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.h9e6fad ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
  list-style: disc;
}

.h9e6fad li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.h9e6fad .nee0 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
}

.h9e6fad .nee0 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.h9e6fad .nee0 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .h9e6fad .j2aa4b15 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .h9e6fad .j2aa4b15 {
    padding: var(--spacing-4xl) 0;
  }
}

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

html,
body {
  width: 100%;
  height: 100%;
}

.d3aa {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  background-color: var(--color-bg-primary);
}

.a530 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.f2578 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ab97 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.mba97 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-lg);
  padding: var(--spacing-2xl) 0;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.j8a9 {
  width: clamp(60px, 15vw, 120px);
  height: clamp(60px, 15vw, 120px);
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.j8a9 svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke: var(--color-success);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
  margin-bottom: var(--spacing-sm);
}

.c01d2 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

.m228f4c4 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.je7d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ne15 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(12px, 2vw, 16px) clamp(28px, 5vw, 48px);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  gap: var(--spacing-sm);
  margin-top: var(--spacing-lg);
}

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

.ne15:active {
  transform: translateY(0);
}

.ne15:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .a530 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  
  .mba97 {
    gap: var(--spacing-xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .a530 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
  
  .mba97 {
    gap: var(--spacing-2xl);
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .f2578 {
    padding: 0 var(--spacing-xl);
  }
  
  .a530 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mba97,
  .j8a9 {
    animation: none;
  }
  
  .ne15 {
    transition: none;
  }
  
  .ne15:hover {
    transform: none;
  }
}

* {
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.k5f423 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.j7d0ad {
  width: 100%;
  padding: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.f2578 {
  width: 100%;
  max-width: 1440px;
  padding: 0 var(--spacing-md);
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.ab97 {
  width: 100%;
  max-width: 600px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.h01b4c7 {
  position: relative;
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.d248 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
  line-height: 1;
  position: relative;
  z-index: 2;
}

.e74 {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 150%;
  height: 60px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,50 Q300,0 600,50 T1200,50 L1200,120 L0,120 Z' fill='%23e8f4f8' opacity='0.3'/%3E%3C/svg%3E") repeat-x;
  background-size: 600px 60px;
  animation: wave 8s linear infinite;
}

@keyframes wave {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 600px 0;
  }
}

.n6a496 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.2;
}

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

.i9d6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  font-style: italic;
}

.g9ce92a {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
}

.ia68d5 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

.ia68d5:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.ia68d5:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.a62 {
  margin-top: var(--spacing-2xl);
  opacity: 0.15;
  transition: opacity var(--transition-base);
}

.k5f423:hover .a62 {
  opacity: 0.25;
}

.g4fae16 {
  width: clamp(80px, 20vw, 140px);
  height: auto;
  color: var(--color-primary);
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

@media (min-width: 640px) {
  .j7d0ad {
    padding: var(--spacing-2xl);
  }
  
  .h01b4c7 {
    height: 240px;
    margin-bottom: var(--spacing-2xl);
  }
  
  .ab97 {
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .j7d0ad {
    padding: var(--spacing-3xl);
  }
  
  .h01b4c7 {
    height: 280px;
    margin-bottom: var(--spacing-3xl);
  }
  
  .ab97 {
    gap: var(--spacing-3xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .e74 {
    animation: none;
  }
  
  .g4fae16 {
    animation: none;
  }
  
  .ia68d5:hover {
    transform: none;
  }
}

.m87e8f {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.cc9 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

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

.cc9 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.af7 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

@media (min-width: 768px) {
  .cc9 {
    padding: 4rem 1rem;
  }
}

@media (min-width: 1024px) {
  .cc9 {
    padding: 5rem 1rem;
  }
}

.pb38 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.oa5f0 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.b130b9 {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

@media (min-width: 768px) {
  .b130b9 {
    flex-direction: row;
    gap: 4rem;
  }
}

@media (min-width: 1024px) {
  .pb38 {
    padding: 5rem 1rem;
  }

  .b130b9 {
    gap: 5rem;
  }
}

.f8b2e {
  flex: 1 1 400px;
  min-width: 0;
}

.e5d h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.e5d p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg) 0;
}

.kebcc6 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.j724 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.ec8fa2cf {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.m4e57,
.m3e12 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.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);
}

.m4e57::placeholder,
.m3e12::placeholder {
  color: var(--color-text-muted);
}

.m4e57:focus,
.m3e12:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.m3e12 {
  min-height: 140px;
  resize: vertical;
}

.fdee {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-md);
}

.n873 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.n873:active {
  transform: translateY(0);
}

.i3664409 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.j15a2 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
}

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

.l14 {
  flex: 1 1 400px;
  min-width: 0;
}

.e3c719 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.e3c719 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg) 0;
}

.e6d9a {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.h32 {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.h90e6 {
  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);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.l1248 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: 1.3;
}

.l1248 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

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

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

.l27 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-bottom: var(--spacing-xl);
}

.l27 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.iaa4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.iaa4 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

.lfccf21b p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.edd7 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
}

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

.h832e4 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.ad4ab {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.h832e4 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
  text-align: center;
}

.ad4ab > p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  text-align: center;
  margin: 0 0 var(--spacing-2xl) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ndb {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .ndb {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .h832e4 {
    padding: 5rem 1rem;
  }

  .ndb {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg);
  }
}

.f49 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}

.f49:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.f49 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

.f49 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  flex-grow: 1;
}

.c28ba {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  margin-top: var(--spacing-sm);
}

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

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

  .f8b2e,
  .l14 {
    flex: 1 1 100%;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.g3949a,.h70219{width:34px;}
.g3949a[aria-expanded="true"]{display:none;}
.m9ff92.id14c{z-index:999;}
.m9ff92{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.m9ff92{max-width:100%;}}
.b41531{justify-content:flex-end;}
@media (max-width:768px){.l17d{min-height:500px;}}