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

:root {
  --color-bg-primary: #fefdf8;
  --color-bg-secondary: #faf8f0;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e1b4b;
  --color-text-secondary: #3730a3;
  --color-text-muted: #636c97;

  --color-primary: #4338ca;
  --color-primary-hover: #3730a3;
  --color-primary-light: #e0e7ff;
  --color-primary-lighter: #f0f4ff;

  --color-secondary: #6366f1;
  --color-secondary-light: #e0e7ff;
  --color-secondary-lighter: #f3f4ff;

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #e5e1e8;
  --color-border-light: #f0ede7;

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'DM Serif Display', serif;

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

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

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 200ms ease-in-out;
  --transition-slow: 300ms ease-in-out;

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;

  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0em;
  --letter-spacing-wide: 0.05em;

  
  --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 {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-normal);
  -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: 3.5rem;
  letter-spacing: var(--letter-spacing-tight);
}

h2 {
  font-size: 2.5rem;
  letter-spacing: var(--letter-spacing-tight);
}

h3 {
  font-size: 2rem;
  letter-spacing: var(--letter-spacing-tight);
}

h4 {
  font-size: 1.5rem;
  letter-spacing: var(--letter-spacing-tight);
}

h5 {
  font-size: 1.25rem;
  letter-spacing: var(--letter-spacing-tight);
}

h6 {
  font-size: 1rem;
  letter-spacing: var(--letter-spacing-tight);
}

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

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

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

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

input,
textarea,
select {
  font-family: var(--font-primary);
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

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

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

.o0e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  font-size: 1rem;
  font-weight: 600;
  transition: all var(--transition-base);
}

.h473ed {
  background: var(--color-primary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

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

.e874 {
  background: var(--color-secondary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

.e874:hover {
  background: #4f46e5;
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

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

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

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

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

.k7bc385a {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  padding: var(--spacing-xl);
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

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

.je9b0 {
  grid-template-columns: 1fr;
}

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

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

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

.jb3fe {
  display: flex;
}

.o5e078 {
  flex-direction: column;
}

.g57f7e4 {
  flex-wrap: wrap;
}

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

.ce15e86 {
  justify-content: center;
}

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

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

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

.c27ae6 {
  align-items: center;
}

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

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

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

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

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

.aa53 {
  font-size: 0.75rem;
}

.k0109 {
  font-size: 0.875rem;
}

.gdfa821 {
  font-size: 1rem;
}

.fc1aec {
  font-size: 1.125rem;
}

.e0dba {
  font-size: 1.25rem;
}

.a1b {
  font-size: 1.5rem;
}

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

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

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

.a81 {
  font-weight: 400;
}

.g083 {
  font-weight: 500;
}

.k2de8b {
  font-weight: 600;
}

.f8479b {
  font-weight: 700;
}

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

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

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

.bf28841 {
  letter-spacing: var(--letter-spacing-tight);
}

.c59aca {
  letter-spacing: var(--letter-spacing-normal);
}

.ke16da {
  letter-spacing: var(--letter-spacing-wide);
}

.e33 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d2fff {
  padding: 0;
}

.hd7f17f {
  padding: var(--spacing-xs);
}

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

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

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

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

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

.p6a {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

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

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

.p75d18c4 {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}

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

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

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

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

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

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

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

.e82288 {
  border-radius: 9999px;
}

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

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

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

.cc2e3 {
  background: var(--color-bg-secondary);
}

.b40295c {
  background: var(--color-bg-tertiary);
}

.e7f902 {
  background: var(--color-bg-card);
}

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

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

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

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

.p5f2 {
  opacity: 0.5;
}

.f2f63 {
  opacity: 0.75;
}

.m28fc29 {
  opacity: 1;
}

.hc2866 {
  cursor: pointer;
}

.db9 {
  cursor: default;
}

.p6c8f {
  display: none;
}

.ma608293 {
  display: block;
}

.a9ad {
  display: inline-block;
}

.e95986ed {
  width: 100%;
}

.e1d3695 {
  height: 100%;
}

.hed9 {
  max-width: 100%;
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

  .a5e {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  :root {
    --spacing-lg: 1rem;
    --spacing-xl: 1.5rem;
    --spacing-2xl: 2rem;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.125rem;
  }

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

  .i1110 {
    grid-template-columns: 1fr;
  }

  .ibe30 {
    grid-template-columns: 1fr;
  }

  .a5e {
    grid-template-columns: 1fr;
  }

  .o0e {
    width: 100%;
  }
}

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  .c6e {
    gap: var(--spacing-md);
  }
}
.i827d1 {
    background: var(--color-bg-primary);
    border-bottom: 1px solid var(--color-border-light);
    position: static;
    z-index: 1000;
    overflow: hidden;
  }

  .kbb998bc {
    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(60px, 12vw, 80px);
  }

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

  .i73e4c:hover {
    opacity: 0.85;
  }

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

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

  .b584b {
    display: none;
    flex-direction: row;
    gap: clamp(1rem, 2vw, 2.5rem);
    align-items: center;
    flex: 1;
    margin-left: clamp(2rem, 5vw, 4rem);
  }

  .e237 {
    color: var(--color-text-secondary);
    text-decoration: none;
    font-size: clamp(0.875rem, 1vw, 1rem);
    font-weight: 500;
    transition: color var(--transition-base);
    white-space: nowrap;
  }

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

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

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

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

  .nf73:hover {
    opacity: 0.7;
  }

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

  .nf73.iaa1c span:nth-child(1) {
    transform: rotate(45deg) translate(8px, 8px);
  }

  .nf73.iaa1c span:nth-child(2) {
    opacity: 0;
  }

  .nf73.iaa1c span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
  }

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

  .i65754cf.iaa1c {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

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

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

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

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

  .l5d21e {
    color: var(--color-text-secondary);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    padding: 1rem 0;
    border-bottom: 1px solid var(--color-border-light);
    transition: color var(--transition-base);
  }

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

  .j07ec4b {
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    padding: 1rem clamp(1rem, 3vw, 2rem);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    transition: background var(--transition-base);
    margin: clamp(1rem, 3vw, 2rem) clamp(1rem, 3vw, 2rem) clamp(1rem, 3vw, 2rem);
    border-radius: var(--radius-md);
  }

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

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

    .p2a0 {
      display: inline-block;
    }

    .nf73 {
      display: none;
    }

    .i65754cf {
      display: none;
    }
  }

  @media (max-width: 767px) {
    .b584b {
      display: none;
    }

    .p2a0 {
      display: none;
    }
  }

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

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

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

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

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

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

.g6f468 {
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  color: var(--color-secondary);
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

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

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

.l3d1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.o0e {
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1.25rem, 2vw, 1.75rem);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

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

.ocfe0 {
  width: 100%;
  max-height: 500px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

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

  .ocfe0 {
    flex: 1 1 45%;
    max-height: 450px;
  }
}

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

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

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

.d737 {
  width: 100%;
  max-height: 350px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

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

.fc0132 {
  font-size: 1.75rem;
  color: var(--color-accent);
}

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

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

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

  .d737 {
    flex: 1 1 45%;
    max-height: 450px;
  }

  .jb867cda {
    flex: 1 1 45%;
  }

  .eaf {
    gap: 0.75rem;
  }
}

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

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

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

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

.dfe {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

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

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

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

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

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

.h62a {
  flex: 1;
}

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

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

.cc2ea {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: var(--line-height-relaxed);
}

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

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

.lf8963de {
  flex-shrink: 0;
  font-weight: bold;
  font-size: 1.25rem;
}

.ka1708 .lf8963de {
  color: var(--color-danger-light);
}

.ndb .lf8963de {
  color: var(--color-success);
}

.m196558 {
  flex: 1;
}

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

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

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

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

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

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

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

.k0c2ee {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.i70d3 {
  width: 100%;
  height: 250px;
  overflow: hidden;
}

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

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

.h44f191 {
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-normal);
}

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

.kbc {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
  width: fit-content;
}

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

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

.hbed5 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.hbed5 img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  flex-shrink: 0;
}

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

.b66d7 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-normal);
}

.i623 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.a7ba3 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
  width: fit-content;
  margin-top: auto;
}

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

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

@media (min-width: 768px) {
  .k0c2ee {
    flex-direction: row;
  }

  .i70d3 {
    flex: 1 1 45%;
    height: auto;
    max-height: 350px;
  }

  .g4c {
    flex: 1 1 45%;
  }

  .hbed5 {
    flex-direction: column;
  }

  .hbed5 img {
    width: 100%;
    height: 180px;
  }
}

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

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

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

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

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

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

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

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

.j3633a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--color-accent);
}

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

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

@media (min-width: 768px) {
  .g5797ec {
    flex-direction: row;
    flex-wrap: wrap;
  }

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

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

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

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

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

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

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

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

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

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

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

  .mffe {
    flex: 1 1 calc(50% - 1rem);
    min-width: 200px;
  }

  .mffe:nth-child(3),
  .mffe:nth-child(4) {
    flex: 1 1 calc(50% - 1rem);
  }
}

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

  .mffe:nth-child(3),
  .mffe:nth-child(4) {
    flex: 1 1 calc(25% - 1.125rem);
  }
}

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

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

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

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

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

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

.a730e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-xl);
  transition: all var(--transition-base);
}

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

.kbf68 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  white-space: nowrap;
  transition: all var(--transition-base);
}

.a730e:hover .kbf68 {
  color: var(--color-text-on-accent);
}

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

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

.ndfac {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--color-bg-tertiary);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(0.75rem, 1.5vw, 1rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.l86f71 {
  width: 100%;
  border: none;
  background: transparent;
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding: 0;
  outline: none;
}

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

.c70 {
  color: var(--color-text-muted);
  margin-left: 0.75rem;
  flex-shrink: 0;
}

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

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

.fd0a72d6 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 1rem 0;
  line-height: var(--line-height-normal);
}

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

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

.b9ef4a2c.p6c8f {
  display: none;
}

.g831 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  flex: 1 1 auto;
  min-width: 200px;
  line-height: var(--line-height-normal);
}

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

.p0da5e7,
.c262aab {
  padding: clamp(0.5rem, 1vw, 0.625rem) clamp(1rem, 1.5vw, 1.25rem);
  border: none;
  border-radius: var(--radius-sm);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

.c262aab:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 640px) {
  .b9ef4a2c {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    padding-bottom: clamp(1rem, 3vw, 1.5rem);
  }

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

  .p0da5e7,
  .c262aab {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

  .k0c2ee {
    flex-direction: column;
  }

  .i70d3 {
    max-height: 300px;
  }

  .hbed5 {
    flex-direction: column;
  }

  .hbed5 img {
    width: 100%;
    height: 200px;
  }
}

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

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

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

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

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

.n598 {
  max-width: 500px;
}

.n598 h3,
.b5b18c8 h3,
.n1a51 h3,
.fc6f5d h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
}

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

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

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

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

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

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

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

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

.o607 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  margin: 0;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (min-width: 1024px) {
  .c51 {
    grid-template-columns: repeat(4, 1fr);
  }

  .n598 {
    grid-column: 1 / 2;
  }

  .b5b18c8 {
    grid-column: 2 / 3;
  }

  .n1a51 {
    grid-column: 3 / 4;
  }

  .fc6f5d {
    grid-column: 4 / 5;
  }

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

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

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

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

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

.f64 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e58a {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  align-items: center;
}

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

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

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

.abe730 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.jfb6b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f0f193 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.c2d3da4 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  flex: 1 1 clamp(280px, 45vw, 420px);
  min-width: 280px;
  transition: all var(--transition-base);
}

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

.d5cc8f29 {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--color-bg-secondary);
}

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

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

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

.l4f02 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  font-size: clamp(0.75rem, 1vw + 0.4rem, 0.85rem);
  color: var(--color-text-muted);
  margin: 0.5rem 0 0 0;
}

.d2fa8,
.l35,
.a5820 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--color-text-muted);
}

.d2fa8 i,
.l35 i,
.a5820 i {
  font-size: 0.85em;
  color: var(--color-accent);
}

.ca3597 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
  width: fit-content;
  margin-top: auto;
}

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

.ca3597::after {
  content: "→";
  font-size: 1.1em;
}

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

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

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

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

.jad3 p {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-align: left;
}

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

@media (min-width: 768px) {
  .c2d3da4 {
    flex: 1 1 clamp(300px, 45vw, 450px);
  }
}

@media (min-width: 1024px) {
  .kd68 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .c2d3da4 {
    flex: 1 1 clamp(320px, 45vw, 480px);
  }

  .jad3 {
    gap: clamp(1.25rem, 2vw, 2rem);
  }

  .jad3 p {
    font-size: clamp(0.9rem, 1vw + 0.5rem, 1.125rem);
  }
}

@media (max-width: 767px) {
  .e58a {
    flex-direction: column;
    gap: 0.5rem;
  }

  .c72db {
    display: none;
  }

  .c2d3da4 {
    flex: 1 1 100%;
  }

  .kd68 {
    flex-direction: column;
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

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

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

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

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

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

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

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

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

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

.p92d {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  align-self: center;
  letter-spacing: 0.5px;
}

.d1bba41 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
  font-weight: 700;
}

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

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

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

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

.aa4e {
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
  max-height: 500px;
}

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

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

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

.bcd21 {
  flex: 1 1 100%;
}

.c6c312 {
  flex: 1 1 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  max-height: 400px;
}

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

.n57 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'DM Serif Display', serif;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

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

.l553b {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  margin-top: clamp(2rem, 4vw, 3rem);
  align-items: flex-start;
}

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

.kee5a65 {
  flex: 1 1 100%;
}

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

.i300 strong {
  color: var(--color-accent);
}

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

.eb9 {
  background: var(--color-bg-secondary);
}

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

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

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

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

.g05a {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'DM Serif Display', serif;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

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

.j504 {
  list-style: none;
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.idf2edd {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  padding: 0.75rem 0;
  padding-left: 1.75rem;
  position: relative;
  line-height: 1.6;
}

.idf2edd:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: var(--color-accent);
  border-radius: 50%;
}

.dccc9 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

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

.l51 strong {
  color: var(--color-accent);
}

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

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

.p36eed66 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'DM Serif Display', serif;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.3;
}

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

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

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

.d94:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(67, 56, 202, 0.1);
}

.p87 {
  color: var(--color-accent);
  font-size: 2rem;
  height: 3rem;
  display: flex;
  align-items: center;
}

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

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

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

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

.kaf5e6 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  flex-shrink: 0;
}

.i2963 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

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

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

.e2cc98b5 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  margin: 0;
  letter-spacing: 0.5px;
}

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

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

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

.p2696167 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'DM Serif Display', serif;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.3;
}

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

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

.o53 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.o53:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(67, 56, 202, 0.15);
}

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

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

.o53:hover .m04 {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

.fc9 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'DM Serif Display', serif;
  line-height: 1.3;
}

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

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

.d04c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.75rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
}

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

@media (max-width: 1023px) {
  .mac42d,
  .fec6,
  .ndb9 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .h2a229,
  .p8134 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

  .i2963 {
    gap: 0.5rem;
  }
}

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

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

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

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

  .af90dd8 {
    gap: 1rem;
  }
}

.k2e7d {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

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

.h30b {
  display: inline-block;
  background: var(--color-secondary);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.5px;
  width: fit-content;
}

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

.l5e75 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 55ch;
}

.gffb4a {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 2rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

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

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

.f27376 {
  margin: 0;
  padding: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.j65c3 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  display: block;
}

.o209 {
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  padding: clamp(0.75rem, 2vw, 1.25rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  margin: 0;
  font-style: italic;
}

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

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

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

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

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

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

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

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

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

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

.b882 {
  flex: 1 1 50%;
  max-width: 50%;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

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

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

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

.n269 {
  color: var(--color-secondary);
  font-size: 1.75rem;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

.n16a2 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

.obb1874 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
  box-shadow: var(--shadow-sm);
}

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

.d23 {
  flex: 1;
}

.i5169e {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}

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

.j8f6d {
  flex: 1 1 50%;
  max-width: 50%;
  margin: 0;
  padding: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  position: sticky;
  top: 2rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k8af6 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.k0fb16d {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  box-shadow: var(--shadow-sm);
}

.a71b {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c1d {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  aspect-ratio: 3/2;
}

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

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

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

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

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

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

@media (max-width: 1023px) {
  .ib249a28,
  .n5436bc,
  .d979,
  .hd913 {
    flex-direction: column;
  }

  .d508,
  .j98a34,
  .b882,
  .if1,
  .j5b3821,
  .j8f6d,
  .g11,
  .l5b {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

  .g500,
  .e8513ba,
  .lb82,
  .ed74949c,
  .mcc,
  .ff8ff10f,
  .mbc,
  .db92 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .caba5 {
    font-size: 0.8125rem;
  }

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

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

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

  .a71b {
    margin: 0 auto;
  }

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

  .n269 {
    margin: 0 auto 0.5rem auto;
  }
}

@media (max-width: 640px) {
  .m136dd49 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .caba5 {
    font-size: 0.75rem;
  }

  .c15a3b8 {
    flex: 1 1 45%;
  }

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

  .gfc {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
  }
}

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

  html {
    scroll-behavior: smooth;
  }

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

  .jabe {
    display: block;
  }

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

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

  p {
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin-bottom: 1rem;
  }

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

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

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

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

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

  .l01 a {
    color: var(--color-text-secondary);
    transition: color var(--transition-base);
  }

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

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

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

  .k24b {
    display: inline-block;
    background: var(--color-accent-dark);
    color: #ffffff;
    padding: 0.4rem 0.9rem;
    border-radius: 2rem;
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    width: fit-content;
  }

  .pa7 {
    color: var(--color-text-primary);
    font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
    margin-bottom: 0.5rem;
  }

  .l4d3678 {
    color: var(--color-text-secondary);
    font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
    line-height: 1.7;
    max-width: 700px;
    margin-bottom: 1rem;
  }

  .ifc1 {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1rem, 2vw, 2rem);
    margin-bottom: 1.5rem;
    font-size: clamp(0.875rem, 1vw, 1rem);
  }

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

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

  .f66 {
    width: 100%;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    max-height: 500px;
  }

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

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

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

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

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

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

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

  .d712 img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
  }

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

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

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

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

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

  .b2d4e00c {
    background: var(--color-bg-tertiary);
    border-left: 4px solid var(--color-accent);
    padding: 1.25rem;
    border-radius: var(--radius-lg);
    margin-top: 1.5rem;
  }

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

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

  .pd60 img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
  }

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

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

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

  .b928fae {
    flex: 1;
  }

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

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

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

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

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

  .kfe img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
  }

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

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

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

  .f29257 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1.5rem;
  }

  .ldf3d8c {
    padding: 1.25rem;
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border-light);
  }

  .j5e71 {
    color: var(--color-accent);
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
    margin-bottom: 0.5rem;
    display: block;
  }

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

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

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

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

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

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

  .h06 {
    margin: 2rem 0;
    padding: 1.5rem;
    background: var(--color-bg-secondary);
    border-left: 4px solid var(--color-accent);
    border-radius: var(--radius-lg);
  }

  .jca1 {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
    font-style: italic;
    line-height: 1.8;
    margin: 0 0 1rem 0;
    display: block;
  }

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

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

  .d3e4b img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
  }

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

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

  .jb414 {
    color: var(--color-text-primary);
    font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
    text-align: center;
    margin-bottom: 0.5rem;
  }

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

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

  .bf0b3c1 {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 280px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: clamp(1.5rem, 3vw, 2rem);
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    transition: transform var(--transition-base), box-shadow var(--transition-base);
  }

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

  .b95fc {
    font-size: 2rem;
    color: var(--color-accent);
  }

  .iae0996 {
    color: var(--color-text-primary);
    font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.375rem);
    margin: 0 0 0.5rem 0;
  }

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

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

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

  .o1a20 {
    flex-shrink: 0;
  }

  .o1a20 img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: var(--shadow-md);
  }

  .p8b {
    flex: 1;
  }

  .c0da {
    color: var(--color-accent);
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
    display: block;
    font-weight: 600;
  }

  .ke48 {
    color: var(--color-text-primary);
    font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.375rem);
    margin: 0 0 0.25rem 0;
  }

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

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

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

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

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

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

  .cbda6ee {
    color: var(--color-text-primary);
    font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
    text-align: center;
    margin-bottom: 0.5rem;
  }

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

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

  .b6ff {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 300px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    transition: transform var(--transition-base), box-shadow var(--transition-base);
  }

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

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

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

  .b6ff:hover .l72 img {
    transform: scale(1.05);
  }

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

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

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

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

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

  .c4fba {
    display: flex;
    gap: 1rem;
    color: var(--color-text-muted);
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    margin-top: 0.5rem;
  }

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

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

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

  .k9f0 {
    color: var(--color-text-secondary);
    font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
    line-height: 1.8;
    margin-bottom: 1.5rem;
  }

  .g8a9891 {
    background: var(--color-bg-secondary);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    border: 2px solid var(--color-accent);
    margin-top: 2rem;
  }

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

  .j6e7b {
    display: inline-block;
    background: var(--color-accent);
    color: #ffffff;
    padding: 0.75rem 1.75rem;
    border-radius: 0.375rem;
    font-weight: 600;
    font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
    text-decoration: none;
    transition: all var(--transition-base);
  }

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

  @media (max-width: 768px) {
    .lf23a227,
    .af03,
    .k62f,
    .gb84136c {
      flex-direction: column;
    }

    .j779e72,
    .d712,
    .fb7,
    .pd60,
    .keb7,
    .kfe,
    .c459,
    .d3e4b {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

    .o1a20 {
      flex-shrink: 0;
    }

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

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

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

    .l01 {
      font-size: 0.8125rem;
    }

    .ifc1 {
      gap: 0.75rem;
    }
  }

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

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

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

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

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

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

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

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

.fdb8d {
  display: inline-block;
  background: var(--color-secondary);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  align-self: center;
  width: fit-content;
}

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

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

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

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

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

.eba {
  margin-top: clamp(1rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  max-height: 500px;
}

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

@media (max-width: 768px) {
  .l4a8960 {
    flex-direction: column;
    text-align: center;
  }
  
  .l4a8960 span {
    display: none;
  }
}

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

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

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

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

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

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

.c81ddfe2 {
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--color-border), transparent);
  margin: clamp(1rem, 3vw, 2rem) 0;
}

.pf18d32,
.k68,
.o6a14,
.a8695b4,
.l7bfd1 {
  background: var(--color-bg-primary);
}

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

.a2db625,
.jda6fa2,
.gc120d {
  flex: 1 1 50%;
  max-width: 50%;
}

.o465,
.lc2,
.g05ead4 {
  flex: 1 1 50%;
  max-width: 50%;
}

.o465 img,
.lc2 img,
.g05ead4 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
  .hfea9,
  .h87fbd45,
  .kac255c3 {
    flex-direction: column;
  }
  
  .a2db625,
  .jda6fa2,
  .gc120d,
  .o465,
  .lc2,
  .g05ead4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.a2db625 p,
.jda6fa2 p,
.gc120d p,
.n9a942 p,
.l7bfd1 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 1rem 0;
}

.j5aa1e {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0 0 0;
}

.j5aa1e li {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  line-height: var(--line-height-relaxed);
  padding-left: 1.75rem;
  margin-bottom: 0.75rem;
  position: relative;
}

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

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

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

.mdfcd432 strong {
  color: var(--color-accent);
  font-weight: 700;
}

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

.ne19 {
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  text-align: center;
  min-width: 120px;
}

.n32 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

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

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

.ac59d {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  transition: all 0.3s ease;
}

.ac59d:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  border-color: var(--color-accent);
  transform: translateY(-2px);
}

.c6352 {
  margin-bottom: 1rem;
}

.bafbd {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  margin: 0 0 0.75rem 0;
}

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

.oeea3f {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  background: var(--color-bg-secondary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-sm);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

.jecd {
  flex: 1;
}

.j691 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  margin: 0 0 0.75rem 0;
}

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

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

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

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

.aa7 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-border-light);
}

.a39 {
  flex: 1;
}

.o55fa5f {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  margin: 0 0 0.25rem 0;
}

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

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

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

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

@media (max-width: 768px) {
  .dd10b2 {
    flex-direction: column;
    text-align: center;
  }
  
  .aa7 {
    width: 100px;
    height: 100px;
  }
}

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

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

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

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

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

.fa1d {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all 0.3s ease;
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
}

.fa1d:hover {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
  transform: translateY(-6px);
  border-color: var(--color-accent);
}

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

.g44 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.fa1d:hover .g44 img {
  transform: scale(1.05);
}

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

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

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

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

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

.pe8adb {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: color 0.3s ease;
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

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

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

.j1f8727 {
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

.k5140 {
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: clamp(1.5rem, 3vw, 2.5rem) auto 0;
  border-radius: 12px;
  display: block;
  object-fit: cover;
}

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .pf0 {
    flex-direction: row;
    align-items: center;
  }
}

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

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

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

.oc3263 {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  min-height: 300px;
  border-radius: 12px;
  object-fit: cover;
}

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

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

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

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

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

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

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

.l8d4a:hover {
  transform: translateY(-4px);
  background: var(--color-bg-card);
  border-color: var(--color-accent);
}

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

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

.fb0 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
}

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

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

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

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

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

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

.ic10 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

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

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

.pb6a5bfc {
  width: 100%;
  height: auto;
  min-height: 280px;
  border-radius: 12px;
  object-fit: cover;
}

@media (min-width: 768px) {
  .l253b6 {
    flex-direction: row;
    align-items: center;
  }

  .e8fc5077 {
    flex: 1 1 45%;
  }

  .pb6a5bfc {
    flex: 1 1 45%;
  }
}

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

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

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

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

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

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

.f607bcc2 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 200px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 10px;
  border: 1px solid var(--color-border-light);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  transition: all 0.3s ease;
}

.f607bcc2:hover {
  background: var(--color-bg-card);
  border-color: var(--color-accent);
  transform: translateY(-4px);
}

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

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

.h242e9 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
}

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

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

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

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

.he3 {
  max-width: 750px;
  text-align: center;
  border-left: 4px solid var(--color-accent);
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
  padding-right: clamp(1.5rem, 3vw, 2.5rem);
}

.nb5022f1 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: var(--font-heading);
}

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

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

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

.ae44223 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
}

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

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

.n08b8a {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.7;
}

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

  .k361,
  .oc3263 {
    flex: 1 1 100%;
  }

  .l253b6 {
    flex-direction: column;
  }

  .e8fc5077,
  .pb6a5bfc {
    flex: 1 1 100%;
  }

  .h70 {
    padding: 0 1rem;
  }

  .n434c5b {
    padding: 0 1rem;
  }

  .p15c7a3f {
    padding: 0 1rem;
  }

  .h1cb {
    padding: 0 1rem;
  }
}

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

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

@media (min-width: 1024px) {
  .l8d4a {
    flex: 1 1 calc(33.333% - 1.333rem);
  }

  .f607bcc2 {
    flex: 1 1 calc(33.333% - 1.333rem);
  }
}

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

html, body {
  height: 100%;
}

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

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

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

.ld2bcb7 {
  width: 100%;
}

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

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

.g9f {
  text-align: center;
  max-width: 600px;
}

.ee3c70 {
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.75rem;
}

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

.g260 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.7;
}

.odb95 {
  width: 100%;
  max-width: 500px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

  .odb95 {
    flex: 1 1 45%;
    max-width: none;
    max-height: 450px;
  }
}

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

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

.ca8 {
  text-align: center;
}

.e073 {
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: block;
  margin-bottom: 0.75rem;
}

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

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

.ieec8c p {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.0625rem);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

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

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

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

.la18 {
  text-align: center;
}

.j14b {
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: block;
  margin-bottom: 0.75rem;
}

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

.f7fc {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.0625rem);
  max-width: 600px;
  margin: 0 auto;
}

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

.h3ce92a9 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.eab30 {
  width: 48px;
  height: 48px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-secondary);
  font-size: 1.5rem;
}

.a3a {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  line-height: 1.3;
}

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

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

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

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

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

.e9098c8 {
  text-align: center;
}

.j93 {
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: block;
  margin-bottom: 0.75rem;
}

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

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

.de55be7c {
  flex: 1 1 calc(50% - 1rem);
  min-width: 220px;
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.25rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

.ke3571 {
  text-align: center;
}

.jc960 {
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: block;
  margin-bottom: 0.75rem;
}

.kcc3b660 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.75rem;
}

.d7a6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.0625rem);
  max-width: 600px;
  margin: 0 auto;
}

.de7b {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2.5vw, 1.75rem);
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.bad1 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-decoration: none;
  transition: var(--transition-base);
  color: inherit;
}

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

.mc5b6909 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-secondary);
  font-size: 1.5rem;
}

.h70ff7 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.5rem;
}

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

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

  .mc5b6909 {
    margin-top: 0.25rem;
  }
}

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

.kafe07 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto;
}

.ede9b {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.p284641e {
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

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

.o4de3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.0625rem);
  line-height: 1.7;
}

.kde89 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1rem) clamp(1.75rem, 3vw, 2.25rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.95rem, 1.2vw, 1.0625rem);
  font-weight: 600;
  transition: var(--transition-base);
  align-self: flex-start;
  border: none;
  cursor: pointer;
}

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

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

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

.hec8 {
  width: 40px;
  height: 40px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-secondary);
  font-size: 1.25rem;
}

.k7ba2fb {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  line-height: 1.3;
}

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

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

  .ede9b {
    flex: 1 1 100%;
  }

  .pa19e4 {
    flex: 1 1 100%;
  }

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

@media (max-width: 1023px) {
  .ee3c70,
  .e073,
  .j14b,
  .j93,
  .jc960,
  .p284641e {
    font-size: 0.8125rem;
  }
}

.j4620 {
  width: 100%;
}

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

.ja50 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.f776 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
}

.je6572 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.2rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.abc {
  max-width: 1200px;
  margin: 0 auto;
}

.p08 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

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

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

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

.k66c3af:hover .ifaadc img {
  transform: scale(1.05);
}

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

.hdc1 {
  display: flex;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}

.k660afd {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  color: var(--color-primary);
  background-color: var(--color-primary-lighter);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
}

.a529f881 {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.8rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
}

.hcf74755 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
}

.b7a {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
}

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

.kcac3 {
  display: inline-block;
  transition: transform var(--transition-base);
}

.b7a:hover .kcac3 {
  transform: translateX(4px);
}

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

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

.f5f {
  font-family: var(--font-heading);
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: var(--letter-spacing-tight);
}

.n120 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-2xl) 0;
}

.of9 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: 2px solid var(--color-primary);
}

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

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

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

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

  .ifaadc {
    height: 250px;
  }

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

@media (min-width: 1024px) {
  .f53ff8 {
    padding: 5rem var(--spacing-2xl);
  }

  .fdf {
    padding: 5rem var(--spacing-2xl);
  }

  .b3d {
    padding: 5rem var(--spacing-2xl);
  }

  .ifaadc {
    height: 280px;
  }

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

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

@media (min-width: 1440px) {
  .abc {
    max-width: 1400px;
  }

  .ifaadc {
    height: 300px;
  }
}

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

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

.pde0b {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.ibfd099 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-wide);
}

.l6b5 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .n7b05 {
    padding: 5rem var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .n7b05 {
    padding: 6rem var(--spacing-xl);
  }
}

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

.l4e191 {
  max-width: 1200px;
  margin: 0 auto;
}

.a98 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .a98 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xl);
  }

  .o9ba {
    padding: 5rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a98 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .o9ba {
    padding: 6rem var(--spacing-xl);
  }
}

.lcf {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.kcf {
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

.kcf i {
  font-size: 1.5rem;
  color: var(--color-primary);
}

.o4b66 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.gf72 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

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

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

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

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

.fffe3 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-wide);
}

.e5f7b40 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.a4ce3 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .h07ce17 {
    padding: 5rem var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .h07ce17 {
    padding: 6rem var(--spacing-xl);
  }
}

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

.l1425 .kdc9 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.l1425 .d73155f {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.l1425 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.l1425 .n7f0 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.l1425 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-normal);
}

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

.l1425 ul {
  list-style: none;
  padding: 0;
  margin: var(--spacing-md) 0 var(--spacing-lg) 0;
}

.l1425 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);
  padding-left: var(--spacing-lg);
  position: relative;
}

.l1425 li:before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

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

.l1425 .j755 {
  margin-top: var(--spacing-3xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
}

.l1425 .j755 h2 {
  color: var(--color-text-primary);
}

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

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

@media (min-width: 768px) {
  .l1425 .kdc9 {
    padding: 0 var(--spacing-lg);
  }

  .l1425 .d73155f {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .l1425 .kdc9 {
    padding: 0 var(--spacing-xl);
  }

  .l1425 .d73155f {
    padding: var(--spacing-4xl) 0;
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

.k4d {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md);
}

.cfb5a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.kdc9 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.d73155f {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.lbabd7 {
  text-align: center;
  padding: var(--spacing-2xl) var(--spacing-md);
}

.b1f2 {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-xl);
  animation: scaleInIcon 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.b1f2 svg {
  color: var(--color-success);
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
}

.lbabd7 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
  animation: fadeInUp 0.8s ease-out 0.1s both;
}

.lbabd7 .oda6ef {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 500;
  letter-spacing: var(--letter-spacing-normal);
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

.lbabd7 .b27 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
  animation: fadeInUp 0.8s ease-out 0.3s both;
}

.lbabd7 .l9ea {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-2xl);
  animation: fadeInUp 0.8s ease-out 0.4s both;
}

.o0e {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  cursor: pointer;
  border: 2px solid transparent;
  animation: fadeInUp 0.8s ease-out 0.5s both;
}

.h473ed {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.h473ed:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.h473ed:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

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

@keyframes scaleInIcon {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

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

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

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

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

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

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

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

  .o0e {
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .b1f2,
  .lbabd7 h1,
  .lbabd7 .oda6ef,
  .lbabd7 .b27,
  .lbabd7 .l9ea,
  .o0e {
    animation: none;
  }

  .h473ed:hover {
    transform: none;
  }

  .h473ed:active {
    transform: none;
  }
}

.n80b5 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p26ca3 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

@media (min-width: 1024px) {
  .p26ca3 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.kdc9 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

@media (min-width: 768px) {
  .kdc9 {
    padding: 0 var(--spacing-lg);
  }
}

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

.k338b773 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .k338b773 {
    gap: var(--spacing-3xl);
  }
}

.p326 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.ce060 {
  font-size: clamp(3.5rem, 12vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-wide);
  position: relative;
  z-index: 2;
}

.h79e9c {
  position: absolute;
  width: clamp(150px, 40vw, 300px);
  height: clamp(150px, 40vw, 300px);
  border-radius: 50%;
  background-color: var(--color-primary-lighter);
  opacity: 0.3;
  z-index: 1;
  animation: pulse-decoration 3s ease-in-out infinite;
}

@keyframes pulse-decoration {
  0%, 100% {
    transform: scale(1);
    opacity: 0.3;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.2;
  }
}

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

@media (min-width: 768px) {
  .b9ca1 {
    gap: var(--spacing-lg);
  }
}

.ifad6685 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  letter-spacing: var(--letter-spacing-tight);
  margin: 0;
}

.dd8 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  font-family: var(--font-primary);
}

.dfce9d3 {
  font-size: clamp(0.9rem, 0.95vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  font-family: var(--font-primary);
  font-style: italic;
}

.o0e {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  border: none;
  cursor: pointer;
  letter-spacing: var(--letter-spacing-normal);
  margin-top: var(--spacing-md);
}

@media (min-width: 768px) {
  .o0e {
    margin-top: var(--spacing-lg);
    padding: var(--spacing-lg) var(--spacing-2xl);
  }
}

.h473ed {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.h473ed:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (prefers-reduced-motion: reduce) {
  .h473ed:hover {
    transform: none;
  }
  
  .h473ed:active {
    transform: none;
  }
  
  .h79e9c {
    animation: none;
    opacity: 0.3;
  }
}

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

.kbf {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.aca59d8 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
}

.o370 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
}

.hdbe53ba {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.k9dd1 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

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

.hb1ef9 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xl);
  letter-spacing: var(--letter-spacing-tight);
}

.bd27 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.hfd793ca {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
}

.nbc {
  color: var(--color-danger);
  margin-left: 0.25rem;
}

.e8df9,
.o7ad {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  line-height: var(--line-height-normal);
}

.e8df9:focus,
.o7ad:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.e8df9::placeholder,
.o7ad::placeholder {
  color: var(--color-text-muted);
}

.o7ad {
  min-height: 140px;
  resize: vertical;
}

.o113 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-md);
}

.kcc59 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 600;
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
}

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

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

.g00e9f72 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.9rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
}

.h3b4 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: var(--transition-fast);
}

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

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

.bc6 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xl);
  letter-spacing: var(--letter-spacing-tight);
}

.p9da4 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-3xl);
}

.e5b535bd {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.a72 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.h93 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.f343 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
  margin: 0;
}

.f95 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.e5cf8a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: var(--transition-fast);
}

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

.d88b0 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.d8e {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.4rem, 1.3rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
  margin: 0;
}

.aa16c93 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

.b693a60 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-fast);
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
}

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

@media (min-width: 768px) {
  .kbf {
    padding: 4rem 0;
  }

  .hdbe53ba {
    padding: 4rem 0;
  }

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

  .g7744 {
    flex: 1 1 400px;
  }

  .ka00ee0d {
    flex: 1 1 400px;
  }
}

@media (min-width: 1024px) {
  .kbf {
    padding: 5rem 0;
  }

  .hdbe53ba {
    padding: 5rem 0;
  }

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

  .g7744 {
    flex: 1 1 450px;
  }

  .ka00ee0d {
    flex: 1 1 450px;
  }
}

@media (min-width: 1200px) {
  .kbf {
    padding: 6rem 0;
  }

  .hdbe53ba {
    padding: 6rem 0;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.nf73,.m25c9{width:34px;}
.nf73[aria-expanded="true"]{display:none;}
.i65754cf.iaa1c{z-index:999;}
.i65754cf{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.i65754cf{max-width:100%;}}
.b584b{justify-content:flex-end;}