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

:root {
  --color-bg-primary: #faf6f1;
  --color-bg-secondary: #f5ebe0;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

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

  --color-primary: #c2410c;
  --color-primary-hover: #9a3412;
  --color-primary-light: #f4d4c8;
  --color-primary-lighter: #fae8e0;

  --color-secondary: #dc2626;
  --color-secondary-light: #fee2e2;
  --color-secondary-lighter: #fef2f2;

  --color-success: #059669;
  --color-success-light: #d1fae5;
  --color-success-lighter: #f0fdf4;

  --color-warning: #d97706;
  --color-warning-light: #fed7aa;
  --color-warning-lighter: #fffbeb;

  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;
  --color-danger-lighter: #fef2f2;

  --color-border: #e7ddd7;
  --color-border-light: #f0e9e3;

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

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

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

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

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

  
  --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;
}

html {
  font-size: 17px;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  letter-spacing: 0.3px;
}

.f10ff8 {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  letter-spacing: -0.5px;
  margin-top: 0;
  margin-bottom: var(--spacing-md);
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2.25rem;
}

h3 {
  font-size: 1.875rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

p {
  margin-top: 0;
  margin-bottom: var(--spacing-md);
  font-weight: 400;
  line-height: 1.7;
}

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

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

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

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

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

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

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

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

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

.i833bb:hover {
  background: #b91c1c;
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

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

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

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

.h7c9c2 {
  background: transparent;
  color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
}

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

button:disabled,
.na0161:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}

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

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

input::placeholder,
textarea::placeholder {
  color: var(--color-text-muted);
  letter-spacing: 0.3px;
}

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

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

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

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

.cb9b204 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

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

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

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

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

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

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

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

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

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

.obf7e {
  text-align: center;
}

.a88490 {
  text-align: left;
}

.i71650ce {
  text-align: right;
}

.b742 {
  font-weight: 700;
}

.h1bf567a {
  font-weight: 600;
}

.m4985 {
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0.4px;
}

.c5630f85 {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.5px;
}

.la5516 {
  font-size: 1.125rem;
  line-height: 1.7;
}

.i98 {
  font-size: 1.25rem;
  line-height: 1.7;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dda2 {
  display: flex;
}

.i47dfc {
  flex-direction: column;
}

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

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

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

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

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

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

.ea42 {
  display: grid;
}

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

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

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

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

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

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

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

.e07c1 {
  display: none;
}

.o57 {
  display: block;
}

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

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

hr {
  border: none;
  border-top: 1px solid var(--color-border);
  margin: var(--spacing-lg) 0;
}

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

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

pre {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-md);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  line-height: 1.5;
}

pre code {
  background: none;
  color: inherit;
  padding: 0;
  border-radius: 0;
}

ul,
ol {
  margin: var(--spacing-md) 0;
  padding-left: 1.5rem;
  line-height: 1.8;
}

li {
  margin-bottom: var(--spacing-sm);
  letter-spacing: 0.3px;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--spacing-lg) 0;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

th {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-md);
  text-align: left;
  font-weight: 700;
  letter-spacing: 0.3px;
  border-bottom: 2px solid var(--color-border);
}

td {
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--color-border-light);
  letter-spacing: 0.3px;
}

tr:last-child td {
  border-bottom: none;
}

tr:hover {
  background: var(--color-bg-secondary);
}

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

figure {
  margin: var(--spacing-lg) 0;
}

figcaption {
  margin-top: var(--spacing-sm);
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  text-align: center;
  letter-spacing: 0.3px;
}

@media (max-width: 768px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

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

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

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

  .f10ff8 {
    padding: 0 16px;
  }
}

@media (max-width: 480px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.125rem;
  }

  .c66f0e4,
  .b72f,
  .c8365d1 {
    grid-template-columns: 1fr;
  }

  button,
  .na0161 {
    width: 100%;
  }

  .f10ff8 {
    padding: 0 12px;
  }
}
.g2127655 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 100;
  overflow: hidden;
}

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

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

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

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

.g0069:hover .n1c5a {
  color: var(--color-accent);
  transition: color var(--transition-fast);
}

.dc28f4f4 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(0.5rem, 2vw, 2rem);
  flex: 1;
  justify-content: center;
  margin: 0 2rem;
}

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

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

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

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

.na7e7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  width: 44px;
  height: 44px;
  padding: 0;
  gap: 6px;
  flex-shrink: 0;
}

.i8a {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.i8a::before,
.i8a::after {
  content: '';
  display: block;
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  transition: all var(--transition-fast);
}

.i8a {
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  transition: all var(--transition-fast);
}

.na7e7[aria-expanded="true"] .i8a {
  background: transparent;
}

.na7e7[aria-expanded="true"] .i8a::before {
  transform: rotate(45deg) translate(9px, 9px);
}

.na7e7[aria-expanded="true"] .i8a::after {
  transform: rotate(-45deg) translate(7px, -7px);
}

.m6fd {
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  z-index: 99;
  border-top: 1px solid var(--color-border-light);
  overflow-y: auto;
}

.m6fd.ic7a5a {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

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

.pa22 {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.5rem;
  color: var(--color-text-primary);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color var(--transition-fast);
}

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

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

.l1cee {
  color: var(--color-text-primary);
  text-decoration: none;
  padding: 0.875rem 1rem;
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  font-weight: 500;
  border-radius: 0.375rem;
  transition: all var(--transition-fast);
  font-family: var(--font-primary);
  display: block;
}

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

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

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

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

  .na7e7 {
    display: none;
  }

  .m6fd {
    display: none !important;
  }

  .i30a {
    height: 80px;
  }

  .n1c5a {
    font-size: 1.5rem;
  }
}

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

  .g0069 {
    gap: 0.5rem;
  }

  .kcd37 {
    width: 36px;
    height: 36px;
  }
}

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

.feffa762 {
  position: relative;
  height: 100vh;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.h7f1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(41, 37, 36, 0.55);
  z-index: 1;
}

.feffa762 .f10ff8 {
  position: relative;
  z-index: 2;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

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

.i3e5c6 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.75rem);
  font-family: var(--font-heading);
  color: #ffffff;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.2;
}

.ff55 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: #f1f5f9;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.je7cb9c {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  transition: all var(--transition-base);
  text-align: center;
  font-size: clamp(0.875rem, 1vw, 1.125rem);
}

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

.f3151 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  background: transparent;
  color: #ffffff;
  text-decoration: none;
  border: 2px solid #ffffff;
  border-radius: var(--radius-md);
  font-weight: 600;
  transition: all var(--transition-base);
  text-align: center;
  font-size: clamp(0.875rem, 1vw, 1.125rem);
}

.f3151:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--color-accent);
  color: var(--color-accent);
}

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

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

.b9ae {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(1rem, 3vw, 2rem);
  padding: clamp(1.25rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-left: 5px solid var(--color-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.b9ae:hover {
  transform: translateX(8px);
  box-shadow: var(--shadow-md);
}

.e903e {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.e903e i {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-accent);
}

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

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

.lc7 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: clamp(1rem, 1.5vw, 1.5rem);
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.b9ae:hover .lc7 {
  transform: translateX(4px);
}

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

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

.p2e {
  text-align: center;
}

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

.fdf21b {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 500px;
  margin: 0 auto;
}

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

.gfea061 {
  flex: 1 1 clamp(250px, 100%, 320px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.ba2d70 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 6vw, 4rem);
  height: clamp(3rem, 6vw, 4rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
}

.i34 {
  font-size: clamp(1rem, 1.75vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

.b0dfcb4 {
  text-align: center;
}

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

.a6784bf2 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 500px;
  margin: 0 auto;
}

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

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

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

.b45e181 {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: clamp(60px, 12vw, 100px);
  flex-shrink: 0;
}

.d2fb5 {
  font-size: clamp(0.875rem, 1.25vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

.b6a898 {
  flex: 1 1 clamp(150px, 100%, 220px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(0.5rem, 1.5vw, 1rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

.i302 {
  font-size: clamp(0.875rem, 1.25vw, 1.125rem);
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

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

.c64782 {
  text-align: center;
}

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

.lc0b3 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 500px;
  margin: 0 auto;
}

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

.p95 {
  flex: 1 1 clamp(280px, 100%, 380px);
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

.d04 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(4rem, 8vw, 5.5rem);
  height: clamp(4rem, 8vw, 5.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  color: var(--color-accent);
  font-size: clamp(2rem, 4vw, 3rem);
}

.fe3755 {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.l31a1aa {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 500px;
}

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

.jb9cc.e07c1 {
  display: none;
}

.jbf {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  text-align: center;
  flex: 1 1 auto;
  min-width: 200px;
}

.hf7 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  justify-content: center;
}

.ne53567 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

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

.f8ffb {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

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

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

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

  .bc8a1aa2 {
    flex-direction: column;
    gap: clamp(0.75rem, 2vw, 1.25rem);
  }

  .b45e181 {
    min-width: auto;
  }

  .p95 {
    flex: 1 1 100%;
  }

  .jb9cc {
    flex-direction: column;
  }

  .jbf {
    min-width: auto;
  }
}

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

  .je7cb9c,
  .f3151 {
    width: 100%;
  }

  .a7fd {
    flex-grow: 1;
  }

  .b587 {
    flex-direction: column;
  }

  .b6a898 {
    flex: 1 1 100%;
  }

  .hf7 {
    width: 100%;
  }

  .ne53567,
  .f8ffb {
    flex: 1 1 auto;
  }
}

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

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

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

.k43,
.j9d2ec,
.o20dc,
.l173,
.h22bf {
  display: block;
}

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

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

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

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

.ied695,
.b099ee0 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.875rem);
}

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

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

.o20dc p {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
}

.ic64 {
  font-size: clamp(0.8125rem, 0.95vw, 0.875rem);
  color: var(--color-text-muted);
  margin-top: clamp(1rem, 2vw, 1.5rem);
  font-style: italic;
}

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

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

  .j9d2ec {
    flex: 0 1 auto;
    min-width: 140px;
  }

  .o20dc {
    flex: 0 1 auto;
    min-width: 180px;
  }

  .l173 {
    flex: 0 1 auto;
    min-width: 160px;
  }

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

@media (max-width: 767px) {
  .ied695,
  .b099ee0 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1rem, 3vw, 1.5rem);
  }

  .b099ee0 li {
    margin-right: 0;
  }

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

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

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

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

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

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

.fba701 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e50dfa30 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  border: 1px solid var(--color-border-light);
  font-weight: 500;
  transition: all var(--transition-base);
  cursor: default;
}

.e50dfa30:hover {
  background: var(--color-bg-card);
  border-color: var(--color-primary);
}

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

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

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

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

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

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

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

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

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

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

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

.kba4 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1rem);
  padding-top: clamp(0.5rem, 1vw, 0.75rem);
  border-top: 1px solid var(--color-border-light);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
}

.p2b,
.g240c9,
.mc29c {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--color-text-muted);
}

.p2b i,
.g240c9 i,
.mc29c i {
  font-size: 0.875em;
  color: var(--color-primary);
}

.n2937de {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: all var(--transition-base);
  width: fit-content;
}

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

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

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

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

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

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

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

.eb168 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  border: 1px solid var(--color-border);
  font-weight: 500;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
}

.eb168:hover {
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
  transform: scale(1.05);
}

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

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

  .aede314 {
    gap: 0.5rem;
  }

  .e50dfa30 {
    padding: 0.4rem 0.8rem;
    font-size: 0.75rem;
  }

  .p0d1714a {
    gap: 0.6rem;
  }

  .eb168 {
    padding: 0.4rem 0.8rem;
    font-size: 0.75rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ce2 {
    flex: 1 1 clamp(280px, 45vw, 380px);
    max-width: 400px;
  }
}

@media (min-width: 1024px) {
  .ce2 {
    flex: 1 1 clamp(280px, 22vw, 320px);
  }
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

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

.ba5 {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.n48 {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

.b710b {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.b63 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
}

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

.d85f4 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.k7d76fc {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.fe4e4b7 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  transition: box-shadow var(--transition-base);
}

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

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

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

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

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

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

  .oc51507b,
  .g38 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b810c4c5 {
    min-height: 250px;
  }
}

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

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

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

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

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

.b6c9 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h6a492 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1 1 calc(50% - 1rem);
  min-width: 150px;
}

.ff1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  font-size: 1.5rem;
  color: var(--color-accent);
}

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

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

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

  .cbb5a,
  .ld10 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d342 {
    flex-direction: column;
  }

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

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

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

.pf85 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.hcef480 {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.i58 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.i6a7 {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  padding-left: 1rem;
  border-left: 3px solid var(--color-accent);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .i8e31a,
  .f65 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .f65 img {
    min-height: 250px;
  }
}

.m60f {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-left: 4px solid var(--color-warning);
  border-radius: var(--radius-md);
  margin: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

.eda9f2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.k67ddef5 {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.mb56 {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.ec0be {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.g8a88f {
  width: 100%;
  height: auto;
  max-height: 180px;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

.i034 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

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

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

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

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

.o42e2c {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

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

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

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

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

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

  .e871,
  .pc672 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.k188 {
  flex: 1 1 55%;
  max-width: 55%;
}

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

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

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

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

.n3aa3 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.n3aa3 i {
  color: var(--color-accent);
  font-size: 1.5em;
}

.l9e0e1 {
  list-style: none;
  padding: 0;
  margin: 0;
}

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

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

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

  .k188,
  .hffde5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.oa1d99 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.aae5e {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  font-weight: bold;
  font-family: var(--font-heading);
}

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

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

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

.g14a9ef {
  list-style: none;
  padding: 0;
  margin: clamp(1.5rem, 3vw, 2.5rem) 0 0 0;
}

.j70c537 {
  padding: clamp(0.75rem, 1.5vw, 1.25rem) 0;
  padding-left: clamp(1.5rem, 2.5vw, 2rem);
  position: relative;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  border-left: 3px solid var(--color-accent);
  margin-bottom: 0.5rem;
}

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

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

  .k2121,
  .o15d00 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k12659ba {
    flex-direction: column;
  }
}

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

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

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

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

.if4 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.if4 i {
  color: var(--color-accent);
  font-size: 1.5em;
}

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

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

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

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

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

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

.o1e5f {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: var(--shadow-md);
}

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

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

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

.a1f349c {
  flex-shrink: 0;
}

.g7b {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.l934a1 {
  flex: 1;
}

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

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

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

.n3c7f1ae {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  margin: 0 0 0.75rem 0;
  font-weight: 600;
}

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

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

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

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

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

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

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

.o48af6ff {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

  .gc3 {
    width: 100%;
    max-width: 300px;
  }

  .ab6c9 {
    text-align: center;
  }

  .c65e0 {
    text-align: center;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .dd91d8b {
    flex-direction: column;
  }

  .e871,
  .pc672 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .j664cd,
  .k12659ba {
    flex-direction: column;
  }

  .k2121,
  .o15d00 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.a3f4b {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b24153 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 2rem);
  margin-top: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.adfc {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  padding-left: 1.75rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.adfc::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.2em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k05112 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-accent-light);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.mc4188 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  padding-left: 1.75rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g29d {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  padding-left: 1.75rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.mc4188::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.4em;
}

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

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

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

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

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

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

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

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

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

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

.j074d {
  flex: 1;
}

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

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

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

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

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

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

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

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

.o72a5 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.ceba {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 380px;
}

.g1dc {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
  transition: transform var(--transition-base);
}

.g1dc:hover {
  transform: translateY(-4px);
}

.ef865 {
  width: 100%;
  height: 200px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

.g1dc:hover .ef865 img {
  transform: scale(1.05);
}

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

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

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

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

  .da016118,
  .j6a6 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c9d74,
  .pb8,
  .m42a,
  .e0ee2589 {
    flex-direction: column;
  }

  .c5d7,
  .facd8,
  .pfc0e0,
  .a7b635,
  .k2f92e,
  .gd5c152,
  .bf743,
  .ld01 {
    flex: 1 1 100%;
    max-width: 100%;
    order: auto !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p0cc,
    .f6e82885 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .deea726 {
      max-height: 300px;
    }
  }

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

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

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

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

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

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

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

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

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

    .ocd5,
    .i8f7dd18 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .i8f7dd18 img {
      max-height: 300px;
    }
  }

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

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

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

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

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

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

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

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

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

    .lf22,
    .a8a {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .a8a img {
      max-height: 300px;
    }
  }

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

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

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

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

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

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

  .ha2846 {
    width: 50px;
    height: 50px;
    background: var(--color-primary-light);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--color-accent);
  }

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

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

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

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

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

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

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

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

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

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

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

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

    .p1cef109,
    .c449 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .c449 img {
      max-height: 300px;
    }
  }

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

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

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

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

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

  .l8cc7 {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    align-items: flex-start;
  }

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

  .dcaf0 {
    flex: 1;
  }

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

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

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

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

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

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

    .b4b578d img {
      max-height: 300px;
    }
  }

  .d914 {
    background: var(--color-primary-light);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
    margin: clamp(2rem, 4vw, 3rem) 0;
    overflow: hidden;
  }

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

  .h6138 {
    flex-shrink: 0;
    font-size: 1.5rem;
    color: var(--color-accent);
    width: 30px;
    text-align: center;
  }

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

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

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

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

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

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

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

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

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

  .ecb68 {
    flex-shrink: 0;
  }

  .na8053 {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-lg);
    object-fit: cover;
    display: block;
    box-shadow: var(--shadow-sm);
  }

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

  .j93565c2 {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

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

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

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

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

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

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

    .oec28632 {
      align-items: center;
    }
  }

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

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

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

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

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

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

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

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

  .pc210be3:hover .lf381 {
    transform: scale(1.05);
  }

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

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

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

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

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

    .kf7 {
      height: 200px;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lc1 {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--color-primary);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: var(--spacing-sm);
}

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

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

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

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

.o3d {
  text-align: center;
}

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

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

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

.i7c3ed43 {
  background: var(--color-bg-tertiary);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: var(--transition-base);
}

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

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

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

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

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

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

.m66 {
  text-align: center;
}

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

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

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

.l993ad {
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  min-height: 240px;
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

.l993ad:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: var(--color-primary);
}

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

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

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

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

  .p00cc056 {
    flex-direction: column;
  }
}

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

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

.k5c0 {
  text-align: center;
}

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

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

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

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

.g7a5 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  margin-top: 4px;
}

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

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

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

.kfff92 {
  flex: 1 1 50%;
  min-width: 250px;
}

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

.kfff92 h2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: var(--spacing-md);
}

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

.nd06 {
  flex: 1 1 50%;
  min-width: 250px;
}

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

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

  .kfff92 {
    flex: 1 1 100%;
  }

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

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

.g14429c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  align-items: center;
  text-align: center;
}

.o3f780be {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-on-accent);
  line-height: 1.3;
  max-width: 600px;
}

.fd6 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  max-width: 500px;
  line-height: 1.7;
}

.g1a9c {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: var(--transition-base);
  border: 2px solid var(--color-bg-tertiary);
}

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

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

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

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

.i05a {
  font-size: 1.25rem;
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 2px;
}

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

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

@media (max-width: 768px) {
  .a6ccc20b {
    text-align: center;
  }

  .p11b {
    text-align: center;
  }

  .n7650e {
    text-align: center;
  }

  .p00cc056 {
    flex-direction: column;
  }

  .l993ad {
    flex: 1 1 100%;
  }

  .i3ea51a {
    text-align: left;
  }

  .g14429c {
    text-align: center;
  }
}

@media (max-width: 1024px) {
  .c3fc {
    padding: 2.5rem 0;
  }

  .fe5 {
    padding: 2.5rem 0;
  }

  .e042f938 {
    padding: 2.5rem 0;
  }

  .k76bd {
    padding: 2.5rem 0;
  }

  .fd11f {
    padding: 2.5rem 0;
  }

  .lf1 {
    padding: 2.5rem 0;
  }
}

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

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

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

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

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

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

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

.g4639 {
  flex: 1 1 45%;
  min-height: 250px;
  max-height: 450px;
}

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

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

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

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

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

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

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

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

.e0e {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
}

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

  .g4639 {
    flex: 1 1 100%;
    min-height: 200px;
    max-height: 300px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nf3 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pcb11e {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

.e525 {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.p7d3de {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.7;
  font-weight: 500;
}

.jb0d6 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  font-style: normal;
}

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

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

  .cc8e4e {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l5db,
.k2efa01 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

.k2efa01 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-accent);
}

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

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

  .l5db,
  .k2efa01 {
    width: 100%;
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .oe97e5 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .md65e5 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .ke4a25 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .ab1 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .b29 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .i3826b72 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .d0b9 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

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

.ibd {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

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

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

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

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

.ia833 img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

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

.d23c00 {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.a2b {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.p33f1a0a {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.o1348 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  font-size: 1.75rem;
  color: var(--color-primary);
}

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

.m0c8744b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  flex-grow: 1;
}

.k8ee {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  transition: color var(--transition-fast);
  width: fit-content;
}

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

.k8ee::after {
  content: "→";
  transition: transform var(--transition-fast);
}

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

.n27e7c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
  overflow: hidden;
}

.l297 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  max-width: 600px;
}

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

.i93d0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.l8cd2 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
  width: fit-content;
}

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

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

.mdfa img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

@media (min-width: 768px) {
  .ibd {
    grid-template-columns: 1fr 1fr;
    padding: var(--spacing-xl) var(--spacing-lg);
    gap: var(--spacing-xl);
  }

  .ia833 {
    order: 2;
  }

  .e58 {
    order: 1;
  }

  .o1f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .n27e7c {
    grid-template-columns: 1fr 1fr;
    padding: var(--spacing-3xl) var(--spacing-lg);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .ibd {
    padding: var(--spacing-3xl) 0;
    gap: var(--spacing-3xl);
  }

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

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

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

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

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

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

@media (min-width: 1200px) {
  .a2b {
    grid-template-columns: repeat(2, 1fr);
  }

  .d23c00,
  .e58,
  .l297 {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.b5eb {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.a95 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 var(--spacing-md) 0;
}

.b5b {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 2vw + 0.25rem, 1.125rem);
  line-height: 1.6;
  margin: 0;
  font-weight: 400;
}

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

  .b5b {
    max-width: 600px;
    margin: 0 auto;
  }
}

@media (min-width: 1024px) {
  .b5eb {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

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

.odb9 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.b95279 {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.j0d {
  font-family: var(--font-primary);
  color: var(--color-primary);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--spacing-sm);
}

.h61 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 3vw + 0.25rem, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 var(--spacing-md) 0;
}

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

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

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

  .neec {
    height: 280px;
  }
}

@media (min-width: 1024px) {
  .e9e {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

  .odb9:nth-child(4) {
    grid-column: 1 / 2;
  }

  .neec {
    height: 300px;
  }
}

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

.na353 {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  align-items: center;
}

.n03fd {
  text-align: center;
}

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

.c0a {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1.0625rem);
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg) 0;
}

.db5f5 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  justify-content: center;
}

.a0d91a10 {
  font-family: var(--font-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  text-align: center;
  display: inline-block;
  border: 2px solid;
}

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

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

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

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

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

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

  .n03fd {
    text-align: left;
  }

  .db5f5 {
    flex-direction: row;
    justify-content: flex-start;
    gap: var(--spacing-md);
  }

  .a0d91a10 {
    flex: 1;
  }
}

@media (min-width: 1024px) {
  .fd511a4 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

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

.h71de main {
  width: 100%;
}

.f10ff8 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.g579f {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.h71de h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.h71de h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.h71de p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.h71de .l5cc1ca {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

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

.h71de ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.h71de li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.h71de .i53eea {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-top: var(--spacing-2xl);
}

.h71de .i53eea h2 {
  margin-top: 0;
}

.h71de .i53eea p {
  margin-bottom: var(--spacing-sm);
}

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

.h71de .e9915 {
  font-size: clamp(0.95rem, 1vw + 0.55rem, 1.15rem);
  line-height: 1.8;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

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

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

@media (min-width: 1024px) {
  .g579f {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

  .h71de h2 {
    margin-top: var(--spacing-3xl);
  }
}

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

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

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

.b1371a1d {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
}

.ad6ba213 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.f10ff8 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.cf144014 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.fda {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--spacing-lg) var(--spacing-md);
}

.m18ca17 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  width: 100%;
}

.ic052 {
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
  color: var(--color-success);
  animation: scaleIn 0.6s ease-out;
  flex-shrink: 0;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.p83 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  animation: slideUp 0.6s ease-out 0.1s both;
  letter-spacing: -0.02em;
}

.b84eb {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
  animation: slideUp 0.6s ease-out 0.2s both;
}

.aa7 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
  animation: slideUp 0.6s ease-out 0.3s both;
}

.a326ae {
  font-size: clamp(0.9rem, 1.1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
  animation: slideUp 0.6s ease-out 0.4s both;
}

.na0161 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
  animation: slideUp 0.6s ease-out 0.5s both;
}

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

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

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

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

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

@media (min-width: 640px) {
  .ad6ba213 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .ad6ba213 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }

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

  .aa7 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .a326ae {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

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

@media (max-width: 639px) {
  .m18ca17 {
    margin-bottom: var(--spacing-md);
  }

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .ic052,
  .p83,
  .b84eb,
  .aa7,
  .a326ae,
  .na0161 {
    animation: none;
  }

  .nfa6:hover {
    transform: none;
  }
}

.ae25 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.g32c {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.f10ff8 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--spacing-md);
}

.cf144014 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .cf144014 {
    gap: var(--spacing-xl);
  }
}

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

@media (min-width: 768px) {
  .jdd8 {
    margin-bottom: var(--spacing-lg);
  }
}

.i52 {
  position: relative;
  display: inline-block;
}

.fc1d {
  font-family: var(--font-heading);
  font-size: clamp(3rem, 12vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  margin: 0;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
}

.m15272d3 {
  position: absolute;
  width: clamp(200px, 60vw, 500px);
  height: clamp(200px, 60vw, 500px);
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-full);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.4;
  z-index: 1;
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0px);
  }
  50% {
    transform: translate(-50%, -50%) translateY(-20px);
  }
}

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

@media (min-width: 768px) {
  .oe368bf {
    gap: var(--spacing-lg);
  }
}

.d052f1 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: -0.01em;
}

.ibb2a413 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  padding: 0 var(--spacing-sm);
}

@media (min-width: 768px) {
  .ibb2a413 {
    padding: 0;
  }
}

.pc0a3231 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
  text-align: left;
  margin: var(--spacing-sm) 0;
}

@media (min-width: 768px) {
  .pc0a3231 {
    padding: var(--spacing-xl);
    margin: var(--spacing-lg) 0;
  }
}

.faf {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-sm) 0;
}

.p1e {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.p1e li {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

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

.na0161 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  letter-spacing: 0.3px;
}

.nfa6 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.nfa6:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

@media (prefers-reduced-motion: reduce) {
  .m15272d3 {
    animation: none;
  }

  .nfa6:hover {
    transform: none;
  }
}

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

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

.c5e {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.fb50719 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.n02cf {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  font-weight: 400;
}

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

@media (min-width: 1024px) {
  .p07 {
    padding: 4rem 0;
  }
}

.j96f7 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.da285ae0 {
  width: 100%;
  padding: 0 var(--spacing-md);
}

.pc48ee {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2xl);
  align-items: flex-start;
}

.oaa282 {
  flex: 1 1 100%;
  min-width: 280px;
}

.m56d2206 {
  flex: 1 1 100%;
  min-width: 280px;
}

@media (min-width: 768px) {
  .oaa282 {
    flex: 1 1 calc(50% - var(--spacing-lg));
  }

  .m56d2206 {
    flex: 1 1 calc(50% - var(--spacing-lg));
  }
}

.k2017 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.j064c7 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.ecb6e,
.c0c711 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base);
  box-sizing: border-box;
}

.ecb6e:focus,
.c0c711:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
}

.c0c711 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.pb300a1 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.n10f1824 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.5;
  text-align: center;
  margin-top: var(--spacing-sm);
}

.bed4c {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

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

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

.g3553d {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3vw, 1.8rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.p39c0a3 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  font-weight: 400;
}

.pd0e3 {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  align-items: flex-start;
}

.f4f6 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  font-size: clamp(1.3rem, 2vw, 1.6rem);
  color: var(--color-primary);
}

.i7de {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

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

.g14d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 400;
  line-height: 1.5;
}

.i1d7 {
  margin-top: var(--spacing-2xl);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

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

.d1d494 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
}

.b6006 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid var(--color-primary);
  transition: all var(--transition-base);
}

.b6006:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
  padding-left: var(--spacing-xs);
}

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

@media (min-width: 1024px) {
  .j96f7 {
    padding: 4rem 0;
  }

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

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

@media (max-width: 480px) {
  .f4f6 {
    width: 45px;
    height: 45px;
  }

  .k2017,
  .i1d7 {
    gap: var(--spacing-md);
  }
}