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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #fff1f2;
  --color-bg-tertiary: #ffe4e6;
  --color-bg-card: #ffffff;

  --color-text-primary: #1c1917;
  --color-text-secondary: #57534e;
  --color-text-muted: #6d6966;

  --color-primary: #e11d48;
  --color-primary-hover: #be123c;
  --color-primary-light: #f8d7dc;
  --color-primary-lighter: #fce9eb;

  --color-secondary: #f43f5e;
  --color-secondary-light: #f9c5cc;
  --color-secondary-lighter: #fde2e6;

  --color-success: #16a34a;
  --color-success-light: #dcfce7;
  
  --color-warning: #d97706;
  --color-warning-light: #fef3c7;
  
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

  --color-border: #f5f5f4;
  --color-border-light: #fafaf9;
  --color-border-dark: #e7e5e4;

  --font-primary: 'Nunito', sans-serif;
  --font-heading: 'Bitter', serif;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --spacing-4xl: 96px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.05);
  --shadow-md: 0 4px 6px rgba(28, 25, 23, 0.07);
  --shadow-lg: 0 10px 15px rgba(28, 25, 23, 0.1);
  --shadow-xl: 0 20px 25px rgba(28, 25, 23, 0.12);
  --shadow-2xl: 0 25px 50px rgba(28, 25, 23, 0.15);

  --transition-fast: 150ms ease-out;
  --transition-base: 250ms ease-out;
  --transition-slow: 350ms ease-out;

  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  --line-height-loose: 2;

  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;
  --font-size-5xl: 48px;
  --font-size-6xl: 60px;

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

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

html {
  scroll-behavior: smooth;
}

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

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

h1 {
  font-size: var(--font-size-5xl);
  font-weight: 700;
}

h2 {
  font-size: var(--font-size-4xl);
  font-weight: 700;
}

h3 {
  font-size: var(--font-size-3xl);
  font-weight: 600;
}

h4 {
  font-size: var(--font-size-2xl);
  font-weight: 600;
}

h5 {
  font-size: var(--font-size-xl);
  font-weight: 600;
}

h6 {
  font-size: var(--font-size-lg);
  font-weight: 600;
}

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

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

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

a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

button,
input[type="button"],
input[type="submit"] {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-fast);
}

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

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

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

ul,
ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

li {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-secondary);
}

blockquote {
  border-left: 4px solid var(--color-primary);
  padding-left: var(--spacing-lg);
  margin: var(--spacing-lg) 0;
  color: var(--color-text-secondary);
  font-style: italic;
}

code {
  background: var(--color-bg-secondary);
  color: var(--color-primary);
  padding: 2px 6px;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-family: 'Monaco', 'Courier New', monospace;
}

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

.i3eb40 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: var(--font-size-base);
  font-weight: 600;
  border-radius: var(--radius-lg);
  transition: all var(--transition-fast);
  cursor: pointer;
  text-decoration: none;
  border: 2px solid transparent;
  gap: var(--spacing-sm);
}

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

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

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

.mc5:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.h7e37a1 {
  background: var(--color-bg-secondary);
  color: var(--color-primary);
  border-color: var(--color-primary);
}

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

.h7e37a1:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.e53c3b {
  background: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
}

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

.e53c3b:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.ff20 {
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: var(--font-size-sm);
}

.n6db6 {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: var(--font-size-lg);
}

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

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

.i2c48 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: 600;
  background: var(--color-bg-secondary);
  color: var(--color-primary);
}

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

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

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

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

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

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

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

.he8 {
  color: var(--color-success);
}

.m621 {
  color: var(--color-warning);
}

.id20151 {
  color: var(--color-danger);
}

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

.df9d13ac {
  font-size: var(--font-size-sm);
}

.mdb3e {
  font-size: var(--font-size-lg);
}

.dba5cf {
  font-size: var(--font-size-xl);
}

.p92 {
  font-size: var(--font-size-2xl);
}

.d1b76 {
  font-weight: 600;
}

.def0cc {
  font-weight: 700;
}

.b66a40c {
  line-height: var(--line-height-tight);
}

.nf9 {
  line-height: var(--line-height-normal);
}

.db7c {
  line-height: var(--line-height-relaxed);
}

.h78d0269 {
  line-height: var(--line-height-loose);
}

.p12 {
  margin: 0;
}

.c723c21 {
  margin-bottom: var(--spacing-xs);
}

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

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

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

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

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

.d515 {
  margin-top: var(--spacing-xs);
}

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

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

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

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

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

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

.b134a {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.n2be86b {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

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

.i5d {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}

.ka3b {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}

.b43f {
  padding-top: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
}

.d746d94e {
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-3xl);
}

.f907 {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}

.jcebb59 {
  display: flex;
}

.j3f1 {
  flex-direction: column;
}

.p7bf2a {
  flex-wrap: wrap;
}

.o61 {
  align-items: flex-start;
}

.ldc {
  align-items: center;
}

.bf2 {
  align-items: flex-end;
}

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

.nd31 {
  justify-content: center;
}

.l814d268 {
  justify-content: space-between;
}

.pb374 {
  justify-content: flex-end;
}

.kd70bd1 {
  gap: var(--spacing-xs);
}

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

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

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

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

.mf1 {
  display: grid;
}

.f686121 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

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

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

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

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

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

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

.b76 {
  width: 100%;
}

.l86\/2 {
  width: 50%;
}

.oa160 {
  height: auto;
}

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

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

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

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

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

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

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

.pff {
  opacity: 0.5;
}

.a6ab {
  opacity: 0.75;
}

.idfc {
  opacity: 1;
}

.ce92074a {
  transition: all var(--transition-fast);
}

.je636aa {
  transition: all var(--transition-base);
}

.if8b4 {
  transition: all var(--transition-slow);
}

.ka3dd5 {
  transform: translate(0);
}

.a3ef9f\:opacity-80:hover {
  opacity: 0.8;
}

.bd6\:ring:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

@media (max-width: 768px) {
  h1 {
    font-size: var(--font-size-4xl);
  }

  h2 {
    font-size: var(--font-size-3xl);
  }

  h3 {
    font-size: var(--font-size-2xl);
  }

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

  .hf7e {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .f39 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

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

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

@media (max-width: 480px) {
  h1 {
    font-size: var(--font-size-3xl);
  }

  h2 {
    font-size: var(--font-size-2xl);
  }

  h3 {
    font-size: var(--font-size-xl);
  }

  .i129d3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.h516 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.c4a:hover {
  opacity: 0.85;
}

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

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

.a2ddfeb {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 2vw, 2.5rem);
  flex: 1;
  justify-content: center;
}

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

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

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

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

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

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

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

.ga36ad {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
  transition: var(--transition-base);
}

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

.ga36ad:hover span {
  background: var(--color-accent);
}

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

.bf61cbd4.h7af {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.cfd50 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1.25rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  flex-shrink: 0;
}

.a6dd3126 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 3vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

.h1aa:hover {
  color: var(--color-accent);
  transform: rotate(90deg);
}

.o1f7af {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  padding: clamp(1rem, 3vw, 1.5rem) 0;
  overflow-y: auto;
}

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

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

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

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

@media (min-width: 768px) {
  .ga36ad {
    display: none;
  }

  .bf61cbd4 {
    display: none;
  }

  .a2ddfeb {
    display: flex;
  }

  .d6896 {
    display: block;
  }
}

@media (min-width: 1024px) {
  .ldec3 {
    font-size: 1.5rem;
  }

  .lc9b584 {
    font-size: 1rem;
  }

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

    .dd42a874 {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
}

.dd42a874 * {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.kc7 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.f54ee55b {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-accent);
  font-weight: 600;
  line-height: var(--line-height-normal);
}

.kb7 {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

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

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

.m8e {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 2px solid var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
}

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

.ob4bc {
  flex: 1 1 50%;
  clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);
  height: 400px;
  min-height: 300px;
  overflow: hidden;
}

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

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

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

.l8dbc4a {
  text-align: center;
}

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

.nb16 {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
}

.h235 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  position: relative;
  padding: clamp(1rem, 3vw, 2rem) 0;
}

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

.d275 {
  display: flex;
  gap: clamp(1rem, 3vw, 2rem);
  align-items: flex-start;
}

.i64 {
  flex-direction: row;
  justify-content: flex-end;
  text-align: right;
}

.i64 .d8c6 {
  flex: 1 1 40%;
}

.g14 {
  flex-direction: row-reverse;
  justify-content: flex-end;
  text-align: left;
}

.g14 .d8c6 {
  flex: 1 1 40%;
}

.ld68 {
  width: 16px;
  height: 16px;
  background: var(--color-accent);
  border-radius: 50%;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  margin-top: 4px;
}

.of6 {
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.mbe1ff31 {
  font-size: clamp(0.85rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

@media (max-width: 767px) {
  .h235::before {
    left: 8px;
  }

  .d275 {
    flex-direction: column-reverse !important;
    text-align: left !important;
  }

  .i64,
  .g14 {
    flex-direction: column-reverse !important;
    justify-content: flex-start;
  }

  .i64 .d8c6,
  .g14 .d8c6 {
    flex: 1 1 100%;
  }

  .ld68 {
    margin-left: 0;
  }
}

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

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

.k089 {
  text-align: center;
}

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

.j50ec {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
}

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

.cdc2 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 380px;
  padding: clamp(1.25rem, 3vw, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.f9bd {
  font-size: 1.75rem;
  color: var(--color-accent);
  display: flex;
  align-items: center;
}

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

.p198997c {
  font-size: clamp(0.85rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

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

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

.ob604 {
  text-align: center;
}

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

.j997 {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

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

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

.m4e9608 {
  text-align: center;
}

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

.h28 {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
}

.m4c83a19 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.25rem, 2vw, 2rem);
  justify-content: center;
  align-items: center;
}

.h4348 {
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 180px;
  max-width: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.75rem;
  position: relative;
}

.df89 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

.m56 {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
}

.ef8f4 {
  font-size: clamp(0.8rem, 1vw + 0.2rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.i9f2 {
  flex: 0 1 auto;
  width: clamp(1.5rem, 3vw, 3rem);
  height: 2px;
  background: var(--color-accent-light);
}

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

  .i9f2 {
    display: none;
  }
}

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

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

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

.g47131 {
  text-align: center;
}

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

.ke0ed0e {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
}

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

.dac {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.5rem) 0;
  border-bottom: 1px solid var(--color-border-light);
}

.dac:last-child {
  border-bottom: none;
}

.iedcf70 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: 80px;
  flex-shrink: 0;
}

.p625d6 {
  font-size: clamp(0.85rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

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

.o72c5d {
  text-align: center;
}

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

.efaab9 {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
}

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

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

.fbb39a2e {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: 50px;
  flex-shrink: 0;
  text-align: center;
}

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

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

.c0a26e {
  font-size: clamp(0.85rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

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

.bdd {
  text-align: center;
}

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

.pec7d {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
}

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

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

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

.k4e {
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
}

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

.df7f8b:hover .obc17ea {
  transform: scale(1.05);
}

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

.dde {
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-tight);
}

.e83b6 {
  font-size: clamp(0.85rem, 1vw + 0.2rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  flex-grow: 1;
}

.oe9c {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
  align-self: flex-start;
}

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

.g8d11 {
  text-align: center;
  padding-top: 1rem;
}

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

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

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

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

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

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

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

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

.n6e76 {
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.jff {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  transition: all 0.3s ease;
  align-self: flex-start;
}

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

.e8dc0 {
  flex: 1 1 50%;
  max-height: 450px;
  min-height: 300px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

  .c84 {
    flex: 1 1 100%;
  }

  .e8dc0 {
    flex: 1 1 100%;
    min-height: 250px;
    max-height: 350px;
  }

  .jff {
    width: 100%;
  }
}

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

.j76c34f.g864c00 {
  display: none;
}

.l3b {
  color: var(--color-bg-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  flex: 1 1 auto;
  min-width: 200px;
}

.hdd1e2cd {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}

.oe7,
.n5f3 {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
}

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

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

.n5f3 {
  background: transparent;
  color: var(--color-bg-primary);
  border: 1px solid var(--color-bg-primary);
}

.n5f3:hover {
  background: rgba(255, 255, 255, 0.1);
}

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

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

  .hdd1e2cd {
    flex: 1 1 100%;
    width: 100%;
  }

  .oe7,
  .n5f3 {
    flex: 1 1 auto;
  }
}

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

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

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

.f048225 {
  display: block;
}

.f048225 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
  line-height: var(--line-height-tight);
}

.f048225 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  line-height: var(--line-height-relaxed);
  max-width: 45ch;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b4bf {
  display: block;
}

.b4bf h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
}

.ie3eb0 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1.5vw, 0.75rem);
}

.ie3eb0 li {
  display: block;
}

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

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

.ec927f {
  display: block;
}

.ec927f h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
}

.ec927f p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  margin: 0;
  padding: clamp(0.25rem, 1vw, 0.5rem) 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.kfe9 {
  display: block;
}

.kfe9 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
}

.m906 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1.5vw, 0.75rem);
}

.m906 li {
  display: block;
}

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

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

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

.nb3b91 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin: 0;
  padding-bottom: clamp(0.75rem, 2vw, 1rem);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i4d7ff {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 65ch;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

  .n64 {
    flex: 1 1 100%;
    padding-top: clamp(2rem, 3vw, 2.5rem);
  }
}

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

  .f048225 {
    flex: 0 0 auto;
  }
}

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

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

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

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

.n005f {
  text-align: center;
}

.f8e {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k51dc13 {
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.j177d {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

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

.nd2483 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-align: center;
}

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

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

.kb49 {
  text-align: center;
}

.kf008 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n88 {
  font-size: clamp(0.9rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.kb9 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  flex: 1 1 clamp(280px, 100%, 380px);
  transition: all var(--transition-base) ease;
}

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

.j86c1 {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-sm);
}

.k8000cf {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c4eadf {
  font-size: clamp(0.8875rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  flex-grow: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o6d610 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-text-muted);
  padding: clamp(0.75rem, 1.5vw, 1rem) 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

.e5b5,
.n291,
.j6b {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.35rem;
  color: var(--color-text-muted);
}

.e5b5 i,
.n291 i,
.j6b i {
  font-size: 0.85em;
  color: var(--color-accent);
}

.p62 {
  display: inline-block;
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base) ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.h9cf {
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-md);
}

.m7a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.m7a i {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  flex-shrink: 0;
}

.p5b24b1 {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.9rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.gc70f9f {
  font-size: clamp(0.9rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.n6c3ab {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  font-size: clamp(0.9rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n6c3ab i {
  font-size: 1.1em;
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 0.15em;
}

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

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

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

  .j177d {
    width: 100%;
  }

  .m7a {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (min-width: 768px) {
  .kb9 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  }
}

@media (min-width: 1024px) {
  .kb9 {
    flex: 1 1 calc(33.333% - clamp(1rem, 1.5vw, 1.33rem));
  }
}

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

html, body {
  width: 100%;
}

.hb75d {
  width: 100%;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  overflow: hidden;
}

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

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

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

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

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

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

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

.g5e0 span:last-child {
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

  .f80,
  .ha7 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h160 {
    gap: 1rem;
  }
}

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

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

.gf15 {
  flex: 1 1 70%;
  max-width: 70%;
}

.g6f647f {
  flex: 1 1 30%;
  max-width: 30%;
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
}

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

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

.df806be {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  line-height: var(--line-height-tight);
  font-family: var(--font-heading);
  font-weight: 700;
}

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

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

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

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

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

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

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

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

.n5a {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.jcea74 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  padding-left: 1.5rem;
  position: relative;
}

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

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

.n30bc9 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: var(--line-height-loose);
  margin: 0 0 clamp(0.875rem, 2vw, 1.25rem) 0;
}

.e2af2d {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  font-style: normal;
  display: block;
}

.h73 {
  margin: clamp(2rem, 4vw, 3rem) 0;
}

.e2fa7a7 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: var(--radius-md);
}

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

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

.f50 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  border-radius: var(--radius-lg);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-sm);
}

.o8a9 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.875rem, 2vw, 1.25rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
}

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

.f1e97b6 {
  width: 100%;
}

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

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

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

.h74950fe {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  margin: clamp(0.25rem, 0.5vw, 0.5rem) 0 0 0;
  font-weight: 500;
}

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

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

.eee42 {
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.875rem, 2vw, 1.25rem) 0;
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

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

.j3425cf9 {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  margin: clamp(0.75rem, 1.5vw, 1rem) clamp(0.75rem, 1.5vw, 1rem) clamp(0.5rem, 1vw, 0.75rem) clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

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

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

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

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

  .gf15,
  .g6f647f {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .e1f4ff {
    flex-direction: column;
  }

  .baf51,
  .b4ede9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .mcda6543 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .o8a9 {
    flex-direction: column;
  }

  .n6a25bc {
    width: 100px;
    height: 100px;
  }

  .e1f4ff {
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .de7c {
    flex: 1 1 70%;
    max-width: 70%;
  }

  .f29de3 {
    flex: 1 1 30%;
    max-width: 30%;
  }

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

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

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

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

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

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

  .bd941 {
    flex-shrink: 0;
    font-size: 1.5rem;
    color: var(--color-accent);
  }

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

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

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

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

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

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

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

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

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

  .eb188 {
    flex: 1 1 auto;
  }

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

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

  .dc75 {
    background: var(--color-bg-tertiary);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-left: 4px solid var(--color-accent);
    border-radius: var(--radius-md);
    font-style: italic;
  }

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

  .n816ab {
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    color: var(--color-text-secondary);
    font-style: normal;
  }

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

  .kd16ed52 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
  }

  .kd16ed52 i {
    font-size: 1.25rem;
    color: var(--color-accent);
    flex-shrink: 0;
  }

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

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

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

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

  .h95aca2 {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-weight: 700;
    margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .af824a4 {
    display: flex;
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
    background: var(--color-bg-card);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
  }

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

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

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

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

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

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

  .edc {
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 2rem;
  }

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

  .c19762 {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-lg);
    object-fit: cover;
    display: block;
    margin: 0 auto;
  }

  .l942 {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-weight: 600;
    margin: 0;
    text-align: center;
  }

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

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

  .g6d {
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    color: var(--color-text-muted);
    text-align: center;
    margin: 0;
  }

  .g4fb75b {
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-normal);
    text-align: center;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

    .ad36254 {
      flex-direction: column;
    }

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

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

    .af824a4 {
      flex-direction: column;
    }

    .j43f {
      width: 100%;
      height: 200px;
    }

    .o541bec {
      gap: 1rem;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

.he367 {
  display: flex;
  align-items: center;
  gap: clamp(0.75rem, 1vw, 1rem);
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
}

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

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

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

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

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

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

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

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

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

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

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

.b33 {
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 2rem);
  background: var(--color-bg-primary);
  margin: clamp(1rem, 2vw, 1.5rem) 0;
  border-radius: var(--radius-md);
  font-style: italic;
}

.nc16 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.1875rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

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

.f33 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.df8a4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  line-height: var(--line-height-normal);
  padding-left: clamp(1.5rem, 2vw, 2rem);
  position: relative;
}

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

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

.cf75 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  margin: 0;
  line-height: var(--line-height-tight);
}

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

.b1b105 {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  object-fit: cover;
  box-shadow: var(--shadow-md);
}

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

.dc448 {
  margin: 0;
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.125rem);
  font-weight: 700;
}

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

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

.add {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 0.95vw + 0.5rem, 0.9375rem);
  margin: 0;
  font-weight: 600;
}

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

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

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

.pbdd2fd4 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  background: var(--color-bg-primary);
  padding: clamp(1rem, 1.5vw, 1.25rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

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

.icc {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

  .n9752,
  .k8b6177c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k9086 {
    flex-direction: column;
  }

  .bc3072b,
  .f4537 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .jd73a4 {
    flex-direction: column;
  }

  .ke256,
  .n7438e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .a31c {
    font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  }

  .pf964 {
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  }

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

  .bc3072b,
  .ke256 {
    gap: clamp(1.5rem, 2vw, 2rem);
  }

  .bdf1c {
    margin: clamp(1rem, 1.5vw, 1.5rem) 0;
  }

  .b33 {
    margin: clamp(1rem, 1.5vw, 1.25rem) 0;
  }
}

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

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

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

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

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

.mfe4 {
  color: var(--color-text-muted);
  margin: 0 0.25rem;
}

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

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

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

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

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

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

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

.ja1afed6 i {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

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

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

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

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

.b13 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
}

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

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

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

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

.f2e5b15:first-child {
  margin-top: 0;
}

.m69c78 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  line-height: var(--line-height-tight);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g710a59 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 clamp(1.25rem, 2vw, 1.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.pe3308e {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.1875rem);
  font-style: italic;
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.pd852495 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.aa567 {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

.d43 strong {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  display: block;
  margin-bottom: 0.25rem;
}

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

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

.bc8 {
  flex-shrink: 0;
  color: var(--color-warning);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
}

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

.b2245 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.bfb9 {
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.k1093 {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(1rem, 1.5vw, 1.25rem);
}

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

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

.i4b45 {
  margin: 0;
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
}

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

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

.k78 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 500;
  margin: 0;
}

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

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

.dc7ac {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.bdfffaf {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all 0.3s ease;
}

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

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

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

.i7686 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  margin: clamp(0.75rem, 1.5vw, 1rem);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.b6b46 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  line-height: var(--line-height-normal);
  margin: 0 clamp(0.75rem, 1.5vw, 1rem) clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.hb79d {
  flex-shrink: 0;
  color: var(--color-warning);
  font-size: clamp(1.5rem, 2vw, 1.75rem);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

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

.ded {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.o76 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}

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

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

  .pb7 {
    flex: 1 1 100%;
  }

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

  .fcc1b {
    flex-direction: column;
  }

  .h656 {
    flex: 1 1 100%;
  }

  .d18cf697 {
    flex: 1 1 100%;
  }

  .fcd6 {
    flex-direction: column;
  }

  .j5567 {
    flex: 1 1 100%;
  }

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

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

  .mfe4 {
    margin: 0 0.1rem;
  }

  .je8fe472 {
    gap: 0.5rem;
  }

  .f5a138 {
    flex: 1 1 calc(50% - 0.25rem);
    min-width: 0;
  }

  .df49a {
    gap: 0.75rem;
  }

  .ja1afed6 {
    font-size: 0.75rem;
  }

  .e3d {
    flex-direction: column;
  }

  .bc8 {
    width: auto;
  }

  .cd2 {
    flex-direction: column;
  }

  .hb79d {
    width: auto;
  }

  .bdfffaf {
    display: flex;
    flex-direction: row;
    gap: 1rem;
  }

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

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

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

  .f5a138 {
    flex: 1 1 100%;
  }

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

  .aa567 {
    width: 28px;
    height: 28px;
    font-size: 0.75rem;
  }

  .bdfffaf {
    flex-direction: column;
  }

  .c610a {
    width: 100%;
    height: 150px;
  }

  .na4 {
    padding: 0 1rem;
  }
}

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

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

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

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

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

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

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

.lfcaa {
  text-align: center;
}

.c10e6 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  line-height: var(--line-height-tight);
}

.ca720aa {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 400;
  max-width: 700px;
  margin: 0 auto;
}

.o1c1d5 {
  width: 100%;
  height: auto;
  max-width: 900px;
  margin: 0 auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

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

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

.l45 {
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.m2125 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: 1rem;
}

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

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

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

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

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

.h86a {
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.bfccb:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(232, 103, 74, 0.15);
}

.kadb804f {
  color: var(--color-accent);
  font-size: 1.75rem;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

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

.jbc67d {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: 1rem;
}

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

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

.k12831e {
  background: var(--color-bg-primary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 4px;
}

.j44ce31 {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

.l1c95b7b {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: 1rem;
}

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

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

.l2dad80 p {
  margin-bottom: 1rem;
}

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

.ic88405 {
  width: 100%;
  height: auto;
  max-width: 900px;
  margin: 0 auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

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

.e6f1a0 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 900px;
}

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

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

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

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

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

  .lfcaa {
    flex: 1 1 45%;
    text-align: left;
  }

  .o1c1d5 {
    flex: 1 1 45%;
    margin: 0;
  }

  .kc9 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .bfccb {
    flex: 1 1 calc(33.333% - 1.67rem);
    min-width: 300px;
    max-width: none;
  }

  .c81f {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

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

  .of3363a5 {
    flex: 1 1 45%;
    text-align: left;
  }

  .ic88405 {
    flex: 1 1 45%;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .bfccb {
    flex: 1 1 calc(25% - 1.875rem);
    min-width: 280px;
  }
}

@media (max-width: 767px) {
  .c81f {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .k12831e {
    padding: clamp(1.25rem, 2.5vw, 1.75rem);
  }

  .bfccb {
    flex: 1 1 100%;
    min-width: auto;
    max-width: none;
  }

  .of3363a5 {
    margin-bottom: 1.5rem;
  }
}

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

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

.oc1 p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-relaxed);
}

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

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

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

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

.f1fca {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 1rem, 3.5rem);
  line-height: var(--line-height-tight);
  margin: 0;
}

.id5 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.l721a {
  flex: 1 1 100%;
  width: 100%;
  max-width: 500px;
}

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

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

  .m4ae {
    flex: 1 1 45%;
    text-align: left;
  }

  .l721a {
    flex: 1 1 45%;
    max-width: none;
  }

  .id5 {
    margin-left: 0;
    margin-right: 0;
  }
}

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

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

.h99 {
  text-align: center;
}

.cc6d57 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  margin: 0;
  line-height: var(--line-height-tight);
}

.lec2816b {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
  max-width: 850px;
  margin: 0 auto;
}

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

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

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

.j1cdf8d9 {
  text-align: center;
}

.ae96 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  margin: 0 0 clamp(0.75rem, 1vw, 1rem) 0;
  line-height: var(--line-height-tight);
}

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

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

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

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

.n71 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

  .ea593 {
    flex: 1 1 calc(33.333% - 1rem);
    min-width: 250px;
  }
}

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

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

.ma1424f1 {
  text-align: center;
}

.l13bfeb {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

.m24e3d {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.5rem);
  margin: 0 0 clamp(0.75rem, 1vw, 1rem) 0;
  line-height: var(--line-height-tight);
}

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

@media (min-width: 768px) {
  .b7ca {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

.af214e {
  text-align: center;
}

.g8d4 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  margin: 0 0 clamp(0.75rem, 1vw, 1rem) 0;
  line-height: var(--line-height-tight);
}

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

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

.ic7ec72 {
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 220px;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  transition: var(--transition-base);
}

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

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

.o59c36c i {
  color: var(--color-accent);
  font-size: clamp(2rem, 4vw, 2.5rem);
}

.h4b277a {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

@media (min-width: 1024px) {
  .i17c80a {
  }

  .ic7ec72 {
    flex: 1 1 25%;
    max-width: none;
  }
}

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

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

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

.ie38d80a {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  margin: 0;
  line-height: var(--line-height-tight);
}

.ndf9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 850px;
}

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

.eb30 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 150px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .c8083 {
    justify-content: center;
  }

  .eb30 {
    flex: 1 1 calc(25% - 1rem);
  }
}

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

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

.d46af57 {
  color: var(--color-text-on-accent);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  margin: 0;
  line-height: var(--line-height-tight);
}

.ib8e {
  color: var(--color-text-on-accent);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.oc2525f {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1.25rem);
  justify-content: center;
  align-items: center;
}

.i9791,
.afd7 {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  text-align: center;
  min-width: 200px;
}

.i9791 {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
}

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

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

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

@media (min-width: 640px) {
  .oc2525f {
    flex-direction: row;
  }

  .i9791,
  .afd7 {
    min-width: auto;
  }
}

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

.af4b2 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow: hidden;
}

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

.b035d05 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.f960f {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.o00b8 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.m56d2 {
  padding: var(--spacing-lg);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.g26d0ab {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.i04fc2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.h40 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

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

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

.ld3f3 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.m2ae {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.la4b {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: 2px solid var(--color-primary);
}

.la4b:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: scale(1.05);
}

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

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

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

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

  .m02247 {
    height: 250px;
  }

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

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

  .jf14b {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

  .o00b8 {
    flex-direction: row;
  }

  .o00b8:nth-child(odd) {
    flex-direction: row;
  }

  .o00b8:nth-child(even) {
    flex-direction: row-reverse;
  }

  .m02247 {
    width: 45%;
    height: auto;
    min-height: 280px;
  }

  .m56d2 {
    width: 55%;
    padding: var(--spacing-xl);
    justify-content: center;
  }

  .b6ce4 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

* {
  box-sizing: border-box;
}

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

.i81b52 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.i81b52 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.i81b52 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.l8168 {
  width: 100%;
  height: auto;
  max-height: 280px;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

.mc0 {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
}

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

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

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

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

.m4b34 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: background-color var(--transition-fast);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.125rem);
}

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

.ica56a {
  text-align: left;
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-normal);
}

.lbcc73 {
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  transition: transform var(--transition-base);
}

.c8b.f26 .lbcc73 {
  transform: rotate(45deg);
}

.f46d {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  background-color: var(--color-bg-primary);
}

.c8b.f26 .f46d {
  max-height: 500px;
}

.f46d p {
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  margin: var(--spacing-md) 0 0 0;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw + 0.2rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.l99 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.l4a457 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.l99 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.l99 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.2rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.h64 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.3rem, 1.125rem);
  font-weight: 600;
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
}

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

.m75fa6 {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  margin: 0 auto;
}

@media (min-width: 768px) {
  .i81b52 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-2xl);
  }

  .c467c {
    flex: 1;
  }

  .l8168 {
    flex: 1;
    max-height: 400px;
  }

  .mc0 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .l99 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-2xl);
  }

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

  .m75fa6 {
    flex: 1;
    max-height: 350px;
  }

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

  .f46d p {
    padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .i81b52 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .mc0 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .l99 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

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

  .f46d p {
    padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  }
}

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

.cc12b7 main {
  width: 100%;
}

.cc12b7 .i788 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.cc12b7 .k891 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) 0;
}

.cc12b7 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: var(--line-height-tight);
}

.cc12b7 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.cc12b7 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.cc12b7 .e95 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.cc12b7 .ef38 {
  margin-bottom: var(--spacing-2xl);
}

.cc12b7 .ef38 p {
  text-align: justify;
}

.cc12b7 ul {
  list-style-position: inside;
  margin-left: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

.cc12b7 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

.cc12b7 .dbac {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-top: var(--spacing-2xl);
}

.cc12b7 .dbac h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.cc12b7 .dbac p {
  margin-bottom: var(--spacing-sm);
}

.cc12b7 .nb8da7c8 {
  font-weight: 600;
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .cc12b7 .i788 {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .cc12b7 .i788 {
    padding: 0 var(--spacing-xl);
  }

  .cc12b7 .k891 {
    padding: var(--spacing-4xl) 0;
  }
}

.h49a2b5 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

.i788 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.lb6 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xl);
}

.p2ed9f {
  color: var(--color-success);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.p2ed9f svg {
  width: 80px;
  height: 80px;
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
}

.lb6 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  line-height: var(--line-height-tight);
  letter-spacing: -0.5px;
}

.lb6 .c82a4b6 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-normal);
  max-width: 600px;
}

.lb6 .e4a2 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 650px;
}

.i3eb40 {
  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-lg);
  transition: var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  box-shadow: var(--shadow-md);
  margin-top: var(--spacing-md);
}

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

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

.mc5:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.mc5:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .d89369 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
  
  .p2ed9f svg {
    width: 100px;
    height: 100px;
  }
  
  .lb6 {
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .d89369 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
  
  .lb6 {
    gap: var(--spacing-3xl);
  }
  
  .i3eb40 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: var(--font-size-lg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .p2ed9f {
    animation: none;
  }
  
  .i3eb40 {
    transition: none;
  }
  
  .i3eb40:hover {
    transform: none;
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

.pc30 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.j6fc7b9 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
  overflow: hidden;
}

.i788 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.a28 {
  margin-bottom: var(--spacing-3xl);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.f5278 {
  position: relative;
  width: 100%;
  max-width: 280px;
  aspect-ratio: 1;
  display: flex; flex-direction: column;
}

.m69 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  position: relative;
  z-index: 2;
  letter-spacing: -2px;
}

.ha93f9 {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid var(--color-primary-light);
  opacity: 0.3;
  animation: pulse-water 4s ease-in-out infinite;
}

.ha93f9::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid var(--color-primary-lighter);
  opacity: 0.5;
  animation: pulse-water 6s ease-in-out infinite reverse;
  inset: -15px;
}

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

.i65 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.m6edc {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-relaxed);
}

.ba1ed10 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  margin: var(--spacing-lg) 0 var(--spacing-2xl) 0;
  border-radius: var(--radius-md);
}

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

.i3eb40 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
}

.mc5 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.mc5:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.k5c5c2 {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: clamp(1rem, 1.1vw, 1.2rem);
}

@keyframes pulse-water {
  0% {
    transform: scale(1);
    opacity: 0.3;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.15;
  }
  100% {
    transform: scale(1);
    opacity: 0.3;
  }
}

@media (min-width: 640px) {
  .j6fc7b9 {
    padding: var(--spacing-xl) 0;
  }
  
  .a28 {
    margin-bottom: var(--spacing-3xl);
  }
  
  .ba1ed10 {
    padding: var(--spacing-lg) var(--spacing-xl);
    margin: var(--spacing-2xl) 0 var(--spacing-3xl) 0;
  }
}

@media (min-width: 768px) {
  .j6fc7b9 {
    padding: var(--spacing-2xl) 0;
  }
  
  .i788 {
    padding: 0 var(--spacing-lg);
  }
  
  .a28 {
    margin-bottom: var(--spacing-4xl);
  }
  
  .b1c1 {
    margin-top: var(--spacing-3xl);
  }
  
  .i65 {
    margin-bottom: var(--spacing-lg);
  }
  
  .m6edc {
    margin-bottom: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .j6fc7b9 {
    padding: var(--spacing-3xl) 0;
  }
  
  .k891 {
    max-width: 850px;
  }
  
  .f5278 {
    max-width: 320px;
  }
}

@media (min-width: 1440px) {
  .j6fc7b9 {
    padding: var(--spacing-4xl) 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ha93f9,
  .ha93f9::before {
    animation: none;
  }
  
  .mc5:hover {
    transform: none;
  }
}

.e83 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  width: 100%;
  overflow: hidden;
}

.b562ac2a {
  background-color: var(--color-bg-secondary);
  padding: 2.5rem 1rem;
  overflow: hidden;
}

.k8cf05a {
  width: 100%;
}

.gde1b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.if15 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .b562ac2a {
    padding: 3.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .b562ac2a {
    padding: 4.5rem 2rem;
  }
}

.d1c5 {
  background-color: var(--color-bg-primary);
  padding: 2.5rem 1rem;
  overflow: hidden;
}

@media (min-width: 768px) {
  .d1c5 {
    padding: 3.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .d1c5 {
    padding: 4.5rem 2rem;
  }
}

.e3c9ae {
  width: 100%;
}

.cad2cff {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

@media (min-width: 1024px) {
  .cad2cff {
    flex-direction: row;
    gap: 3rem;
  }
}

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

@media (min-width: 1024px) {
  .p4e {
    flex: 0 1 auto;
    min-width: 400px;
  }
}

.p9726 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-tight);
}

.dcb0b7 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.hc8fc {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.f7493,
.c8f5a0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.1rem);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base);
  box-sizing: border-box;
}

.f7493:focus,
.c8f5a0:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
}

.f7493:invalid:not(:placeholder-shown),
.c8f5a0:invalid:not(:placeholder-shown) {
  border-color: var(--color-danger);
}

.c8f5a0 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.if8e7bbb {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-sm);
}

.lc6c2 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 700;
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.lc6c2:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.o07c4 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: var(--line-height-normal);
  text-align: center;
}

.ad9531 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
  font-weight: 600;
}

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

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

@media (min-width: 1024px) {
  .e9df1755 {
    flex: 0 1 auto;
    min-width: 350px;
  }
}

.dee3d6 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-tight);
}

.i01d9d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.l3947 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.a6fbca {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  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;
}

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

.e4fc6 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-tight);
}

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

.cdcfdb {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.fac64a {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.ac276 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
}

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

.b78f1 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

@media (min-width: 768px) {
  .p4e {
    flex: 1 1 auto;
  }

  .e9df1755 {
    flex: 1 1 auto;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.ga36ad,.h1aa{width:34px;}
.ga36ad[aria-expanded="true"]{display:none;}
.bf61cbd4.h7af{z-index:999;}
.bf61cbd4{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.bf61cbd4{max-width:100%;}}
.a2ddfeb{justify-content:flex-end;}
@media (max-width:768px){.j86c1{min-height:500px;}}