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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f0f9ff;
  --color-bg-tertiary: #e0f2fe;
  --color-bg-card: #ffffff;

  --color-text-primary: #0f172a;
  --color-text-secondary: #334155;
  --color-text-muted: #606977;

  --color-primary: #1d4ed8;
  --color-primary-hover: #1e40af;
  --color-primary-light: #dbeafe;
  --color-primary-lighter: #f0f9ff;

  --color-secondary: #60a5fa;
  --color-secondary-light: #bfdbfe;
  --color-secondary-lighter: #eff6ff;

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

  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-warning-lighter: #fffbeb;

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

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

  --font-primary: 'Open Sans', sans-serif;
  --font-heading: 'Libre Baskerville', serif;

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

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

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

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

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

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

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

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

html {
  scroll-behavior: smooth;
}

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

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

h1 {
  font-size: var(--font-size-5xl);
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: var(--font-size-4xl);
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: var(--font-size-3xl);
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: var(--font-size-2xl);
  margin-bottom: var(--spacing-md);
}

h5 {
  font-size: var(--font-size-xl);
  margin-bottom: var(--spacing-sm);
}

h6 {
  font-size: var(--font-size-lg);
  margin-bottom: var(--spacing-sm);
}

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

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

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

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

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

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

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

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

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

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

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

  h1 {
    font-size: var(--font-size-4xl);
  }

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

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

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

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

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

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

.h93b2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  border: none;
  transition: all var(--transition-base);
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}

.o59e5a {
  background: var(--color-primary);
  color: var(--color-bg-primary);
  box-shadow: var(--shadow-md);
}

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

.o59e5a:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

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

.h93b2:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

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

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

.ldfff966 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-2xl);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
}

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

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

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

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

.o722 {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid;
  margin-bottom: var(--spacing-lg);
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
}

.fb6fcdd {
  background: var(--color-success-lighter);
  border-color: var(--color-success);
  color: var(--color-success);
}

.ka9d6 {
  background: var(--color-warning-lighter);
  border-color: var(--color-warning);
  color: var(--color-warning);
}

.i74 {
  background: var(--color-danger-lighter);
  border-color: var(--color-danger);
  color: var(--color-danger);
}

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

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

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

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

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

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

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

.h811bc1 {
  text-align: center;
}

.ndf7bd {
  text-align: right;
}

.p84 {
  text-align: left;
}

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

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

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

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

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

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

.i2048ff {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n93 {
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

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

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

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

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

.bd3dfc {
  border-radius: 9999px;
}

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

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

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

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

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

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

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

.d62d {
  width: 100%;
}

.l4afdd2e {
  height: 100%;
}

.pfe85d {
  opacity: 0.5;
}

.ed5d0 {
  opacity: 0.75;
}

@media (max-width: 768px) {
  .f8fa82,
  .o0435f1,
  .i784a9 {
    grid-template-columns: 1fr;
  }
}

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

  .c5e {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-md);
  }
}
.ad3a00 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  width: 100%;
}

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

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

.c87 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  margin-right: 0.25rem;
  flex-shrink: 0;
}

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

.f1865728:hover .k0a85fc {
  color: var(--color-primary);
  transition: color var(--transition-base);
}

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

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

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

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

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

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

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

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

.p51b.o592d166 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

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

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

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

  .md8a9 {
    display: block;
  }

  .o23621 {
    display: none;
  }

  .p51b {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .m56f {
    padding: 0.875rem clamp(1rem, 4vw, 2rem);
  }

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

    .c1e3c {
  width: 100%;
}

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

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

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

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

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

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

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

.h93b2 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}

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

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

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

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

.heb6be75 {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.d516 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

@media (max-width: 768px) {
  .l10b {
    flex-direction: column;
  }
  
  .l0b6d,
  .heb6be75 {
    flex: 1 1 100%;
  }
  
  .g63b9 {
    flex-direction: column;
  }
  
  .h93b2 {
    width: 100%;
    text-align: center;
  }
}

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

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

.g4dc1e {
  text-align: center;
}

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

.m19f {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  margin: 0.5rem 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.i480 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

.a2718 {
  text-align: center;
}

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

.kc55216 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  margin: 0.5rem 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a3d16c {
  flex: 1 1 45%;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
}

.j9b03 {
  flex: 1 1 45%;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
}

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

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

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

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

.nd70 {
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.5rem;
  flex-shrink: 0;
  min-width: 1.5rem;
  text-align: center;
}

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

@media (max-width: 768px) {
  .ad03 {
    flex-direction: column;
  }
  
  .a3d16c,
  .j9b03 {
    flex: 1 1 100%;
  }
}

.l6f3bdb {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  position: relative;
}

.l6f3bdb::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 400px;
  height: 400px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  z-index: 0;
}

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

.g43 {
  color: var(--color-text-on-accent);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e8272 {
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  margin: 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e6cfe8e8 {
  background: white;
  color: var(--color-accent);
  align-self: center;
}

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

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

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

.k27 {
  text-align: center;
}

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

.i182 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  margin: 0.5rem 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.da5cff5d {
  flex: 1 1 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.f85ffc {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.n7a {
  text-align: center;
}

.cda {
  display: inline-block;
  color: var(--color-accent);
  font-weight: 600;
  text-decoration: none;
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  padding: 0.75rem 1.5rem;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  transition: all 0.3s ease;
}

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

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

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

.o5b {
  text-align: center;
}

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

.od6c {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  margin: 0.5rem 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.n44cc353 {
  color: var(--color-accent);
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

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

@media (max-width: 768px) {
  .mc0c {
    flex-direction: column;
  }
  
  .ieb210 {
    flex: 1 1 100%;
  }
}

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

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

.bb093b {
  text-align: center;
}

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

.b54d7 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  margin: 0.5rem 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.m350 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  flex: 1 1 150px;
  max-width: 180px;
}

.bbc91 {
  width: clamp(80px, 12vw, 120px);
  height: clamp(80px, 12vw, 120px);
  border-radius: 50%;
  background: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-lg);
}

.ocb {
  color: white;
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

.f0f {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 700;
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.feb51955 {
  text-align: center;
}

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

.i88e9c {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  margin: 0.5rem 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h3e04 {
  flex: 1 1 220px;
  max-width: 280px;
}

.heeaf {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  height: 100%;
  transition: all 0.3s ease;
  border: 2px solid var(--color-border-light);
}

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

.jbfa7 {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

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

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

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

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

.ofa78430 {
  text-align: center;
}

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

.kaaa33 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  margin: 0.5rem 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p6a37b41 {
  flex: 1 1 240px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

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

.n62 {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  line-height: 1;
}

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

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

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

.ha6f.mda {
  display: none;
}

.ed2e0a96 {
  color: #ffffff;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  margin: 0;
  text-align: center;
  flex: 1 1 auto;
  min-width: 200px;
  line-height: 1.4;
}

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

.m686b6d,
.gf081f {
  padding: 0.5rem clamp(1rem, 2vw, 1.25rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  border-radius: var(--radius-sm);
  cursor: pointer;
  border: none;
  font-weight: 600;
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

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

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

@media (max-width: 768px) {
  .ha6f {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
  }
  
  .ed2e0a96 {
    width: 100%;
  }
  
  .n4f {
    width: 100%;
    justify-content: stretch;
  }
  
  .m686b6d,
  .gf081f {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

@media (max-width: 480px) {
  .i480 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .e16 {
    flex-direction: row;
  }
  
  .m350 {
    flex: 1 1 calc(50% - 1rem);
  }
  
  .h3e04 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .p6a37b41 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.nc5e0 {
  display: block;
}

.nc5e0 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

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

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

.iadcf {
  display: block;
}

.iadcf h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

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

.b1a8cfa li {
  display: block;
}

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

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

.g6989 {
  display: block;
}

.g6989 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

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

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

.jf9e {
  display: block;
}

.jf9e h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

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

.c861a li {
  display: block;
}

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

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

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

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

.k6cb {
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
  color: var(--color-text-muted);
}

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

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

  .iadcf {
    flex: 0 1 140px;
  }

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

  .jf9e {
    flex: 0 1 140px;
  }

  .gbdec {
    flex: 1 1 100%;
    border-top: 1px solid var(--color-border-light);
  }
}

@media (min-width: 1024px) {
  .nc5e0 {
    flex: 1 1 320px;
  }

  .g6989 {
    flex: 1 1 280px;
  }
}
    

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

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

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

.jdd8feb2 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
}

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

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

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

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

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

.k8c {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.b2fa4 {
  text-align: center;
}

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

.l381 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1.5vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.jf125 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.d83303 {
  flex: 1 1 100%;
  max-width: 600px;
}

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

.d3101c {
  flex: 1 1 260px;
  min-width: 260px;
}

.d916f {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

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

.jf125:hover .d916f img {
  transform: scale(1.05);
}

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

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

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

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

.me4107 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}

.me4107 i {
  color: var(--color-primary);
  font-size: 0.9em;
}

.i561cf {
  display: inline-block;
  color: var(--color-primary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: var(--font-weight-semibold);
  transition: all var(--transition-base);
  align-self: flex-start;
  margin-top: auto;
  padding: 0.5rem 0;
}

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

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

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

.a144740 {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 5vw, 3.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  text-align: center;
  position: relative;
}

.e8b63 {
  color: var(--color-primary);
  font-size: clamp(2rem, 6vw, 4rem);
  line-height: 1;
}

.c416f {
  color: var(--color-primary);
  font-size: clamp(2rem, 6vw, 4rem);
  line-height: 1;
}

.p239e12 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  font-weight: var(--font-weight-semibold);
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 700px;
}

.p5e0cf0 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}

.hccc82 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  font-weight: var(--font-weight-medium);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .a44a {
    flex: 1 1 100%;
  }

  .d3101c {
    flex: 1 1 100%;
  }

  .jdd8feb2 {
    flex-wrap: wrap;
  }
}

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

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

  .d3101c {
    flex: 1 1 45%;
    min-width: 260px;
  }
}

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

  .d83303 {
    flex: 0 1 580px;
    max-width: 580px;
  }

  .a44a {
    flex: 0 1 320px;
  }

  .d3101c {
    flex: 0 1 300px;
  }
}

.k64 {
  width: 100%;
  font-family: var(--font-primary);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

.k6c48bd {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 90%;
}

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

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

.i27 {
  color: var(--color-border);
}

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

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

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

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

.e057 {
  flex: 0 0 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  position: sticky;
  top: 2rem;
  height: fit-content;
}

.m812e54 {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}

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

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

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

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

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

.o4df1 {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 500;
  margin: 0;
}

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

.h3697 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 6vw, 5rem);
}

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

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

.ka7 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

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

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

.dec {
  flex: 0 0 auto;
  font-size: clamp(3.5rem, 8vw, 5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-accent);
  opacity: 0.15;
  line-height: 1;
}

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

.a10 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

.o489a {
  background: var(--color-success-light);
  border-left: 4px solid var(--color-success);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  margin: 0.5rem 0 0 0;
}

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

.p7f59d {
  margin-top: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i9e12 {
  background: var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin-top: 1rem;
}

.mdab697b {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  margin: 0;
}

.c54e5 {
  display: inline-flex;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-text-on-accent);
  color: var(--color-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  transition: var(--transition-base);
}

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

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

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

.o9a083 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

  .h3697 {
    flex: 1 1 100%;
  }

  .i928,
  .mdc15,
  .l95 {
    flex-direction: column;
  }

  .ka7,
  .d63bcc79,
  .a10,
  .m2422 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .dec {
    flex: 0 0 60px;
    font-size: 3rem;
  }

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

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

  .a0b3b69 {
    width: 100%;
  }

  .gc52d {
    font-size: 0.8125rem;
  }

  .o4c0043 {
    flex-direction: column;
  }

  .e057 {
    flex: 1 1 100%;
    position: static;
    top: auto;
  }

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

  .i928,
  .mdc15,
  .l95 {
    flex-direction: column;
  }

  .ka7,
  .d63bcc79,
  .a10,
  .m2422 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .dec {
    flex: 0 0 50px;
    font-size: 2.5rem;
  }

  .l95 {
    flex-direction: row;
  }

  .mdc15 {
    flex-direction: column;
  }

  .h3697 {
    gap: clamp(2rem, 4vw, 3rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .l5384c,
  .dc0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.m4cde8a4 {
  flex: 0 0 280px;
  position: sticky;
  top: 2rem;
}

.j13e4 {
  background: var(--color-bg-secondary);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border-light);
}

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

.h564ef {
  text-align: center;
}

.ee91ed {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

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

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

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

.a1e67 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
}

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

.g2b302 {
  flex: 1 1 calc(100% - 280px - 3rem);
  min-width: 0;
}

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

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

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

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

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

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

.me06ee {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

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

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

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

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

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

  .b7aafe,
  .a6b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.d618327e {
  font-size: clamp(4rem, 10vw, 8rem);
  font-weight: 700;
  color: var(--color-secondary);
  opacity: 0.15;
  position: absolute;
  left: 0;
  top: -2rem;
  line-height: 1;
}

.leb {
  flex: 1 1 50%;
  max-width: 50%;
  position: relative;
  z-index: 1;
}

.h43525 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

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

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

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

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

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

  .leb,
  .e515e {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d618327e {
    font-size: 3rem;
    top: 0;
  }
}

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

.gb52d8e {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
  line-height: 1.3;
}

.la2360 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

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

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

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

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

.ib630e8e {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.k49ab {
  flex: 1;
}

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

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

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

  .j35b {
    margin-top: 0;
  }
}

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

.g9c {
  max-width: 800px;
}

.hb4 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

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

.c8a2:last-of-type {
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.f5a956 {
  background: var(--color-bg-secondary);
  border-radius: 12px;
  padding: clamp(2rem, 4vw, 2.5rem);
  text-align: center;
  border: 2px solid var(--color-secondary);
}

.n5ba {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.75rem;
  margin-top: 0;
}

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

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

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

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

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

.ocd75c {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  text-align: center;
  margin: 0;
  line-height: 1.3;
}

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

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

.b23 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kac {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
  flex-wrap: wrap;
}

.kac a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-family: var(--font-primary);
  transition: var(--transition-base);
}

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

.kac span {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

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

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

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

.ffbe8 i {
  color: var(--color-accent);
  width: 1.125rem;
  text-align: center;
}

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

.pbf5e {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
}

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

  .g969b,
  .nd0f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d04c9a {
    gap: 1rem;
  }
}

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

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

.ocf7a {
  flex: 0 0 auto;
  width: 220px;
  position: sticky;
  top: 2rem;
}

.g3661 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.75rem, 1vw, 1.25rem);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

.j2696 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0;
}

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

.e2773a {
  flex: 1 1 auto;
}

.pf4,
.h732,
.c42,
.m6ac {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
  margin-bottom: 0;
}

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

.cbd5d {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 10vw, 7rem);
  color: var(--color-accent);
  opacity: 0.15;
  position: absolute;
  left: clamp(0, -5vw, -2rem);
  top: 0;
  line-height: 1;
  font-weight: 700;
  pointer-events: none;
}

.l7845 {
  flex: 1 1 50%;
  max-width: 50%;
  position: relative;
  z-index: 1;
}

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

.ga6 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.f229 li {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  padding-left: 1.75rem;
  position: relative;
  line-height: 1.6;
}

.f229 li:before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
}

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

.i373f {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 1vw, 1.25rem);
  display: block;
}

.h732 .l144 {
  flex-direction: row-reverse;
}

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

  .l7845,
  .gd38 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .cbd5d {
    position: relative;
    left: 0;
    font-size: 2.5rem;
    margin-bottom: 1rem;
    opacity: 0.1;
  }

  .h732 .l144 {
    flex-direction: column;
  }
}

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

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

.g8094ce4 {
  flex: 0 0 auto;
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2rem, 3vw, 2.5rem);
  height: clamp(2rem, 3vw, 2.5rem);
}

.p8009c {
  flex: 1 1 auto;
}

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

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

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

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

.d7f8 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h7feb {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.hf447 {
  text-align: center;
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

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

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

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

.be74214 {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 360px;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 1vw, 1.25rem);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
}

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

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

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

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

.icb8 {
  font-family: var(--font-primary);
  font-size: clamp(0.8875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  flex: 1 1 auto;
}

.oc5c7 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.8875rem, 1vw, 0.9375rem);
  font-weight: 500;
  transition: var(--transition-base);
}

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

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

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

  .ocf7a {
    width: 100%;
    position: relative;
    top: 0;
  }

  .e2773a {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

.md2924 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
}

.a45318 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

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

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

.o042 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: var(--line-height-relaxed);
  max-width: 90%;
  margin: 0;
}

.m4072808 {
  width: 100%;
  margin: 0;
}

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

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

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

.n4544a53 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
  text-align: center;
}

.f8795d {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.f000 {
  color: var(--color-accent);
  font-size: clamp(3.5rem, 12vw, 6rem);
  font-weight: 700;
  font-family: var(--font-heading);
  line-height: 1;
  flex-shrink: 0;
}

.jf6 {
  flex: 1 1 50%;
}

.pf687d {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

.o27b632 {
  flex: 1 1 50%;
  margin: 0;
}

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

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

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

.p375 {
  flex: 1 1 50%;
  margin: 0;
}

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

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

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

.lf1 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
}

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

.cdf85:not(:last-child) {
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.ob4 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
  position: sticky;
  top: 2rem;
  z-index: 10;
}

.a3254a29 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
  max-width: 280px;
  margin: 0 auto;
}

.l8b {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.mf82fef {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
}

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

.o745b2c:not(:last-child) {
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.ae222f {
  flex: 1 1 50%;
  margin: 0;
}

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

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

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

.ke4e {
  flex: 1 1 50%;
  margin: 0;
}

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

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

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

.l03941 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
}

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

.b2b:not(:last-child) {
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

.m7064e {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
  text-align: center;
}

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

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

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

.e56068 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
  text-align: center;
}

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

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

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

.a09da {
  width: 100%;
  margin: 0;
}

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

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

.b3c0fca7 {
  margin: 0;
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  line-height: var(--line-height-tight);
}

.a28 {
  color: var(--color-accent);
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 600;
}

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

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

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

  .f000 {
    margin-bottom: 0;
  }

  .jf6 {
    flex: 1 1 100%;
  }

  .o27b632 {
    flex: 1 1 100%;
  }

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

  .p375 {
    flex: 1 1 100%;
  }

  .o322 {
    flex: 1 1 100%;
  }

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

  .j0123 {
    flex: 1 1 100%;
  }

  .ae222f {
    flex: 1 1 100%;
  }

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

  .ke4e {
    flex: 1 1 100%;
  }

  .i9673 {
    flex: 1 1 100%;
  }

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

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

@media (max-width: 480px) {
  .a45318 {
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
  }

  .lf62 {
    display: none;
  }

  .icea9 {
    font-size: 0.8125rem;
  }

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

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

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

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

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

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

.a01d5 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
}

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

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

.pcf {
  font-size: clamp(0.875rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  line-height: 1.6;
}

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

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

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

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

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

.b7241 {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

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

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

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

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

.c3cadd {
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
}

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

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

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

.h0ee {
  flex: 1 1 clamp(280px, 45vw, 380px);
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: 10px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.h0ee:hover {
  transform: translateY(-4px);
  border-color: var(--color-secondary);
  box-shadow: 0 8px 24px rgba(96, 165, 250, 0.15);
}

.i756 {
  font-size: 2rem;
  color: var(--color-secondary);
}

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

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

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

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

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

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

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

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

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

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

.mf55db {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-secondary);
  font-weight: 700;
  min-width: clamp(3rem, 5vw, 4rem);
}

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

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

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

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

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

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

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

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

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

.i940f {
  flex: 1 1 clamp(260px, 40vw, 320px);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border-left: 3px solid var(--color-secondary);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

.fafee4 {
  text-align: center;
}

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

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

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

.j38fe0 {
  flex: 1 1 clamp(200px, 35vw, 280px);
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: 10px;
  text-align: center;
  border: 1px solid var(--color-border);
}

.afa62 {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.5rem);
  color: var(--color-secondary);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

.ld452 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 900px;
  margin: 0 auto;
}

.m8f1a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

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

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

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

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

  .mf55db {
    min-width: 2.5rem;
  }

  .hcfa1,
  .f292,
  .e6bf {
    flex-direction: column;
  }

  .i940f,
  .h0ee,
  .j38fe0 {
    flex: 1 1 100%;
  }
}

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

  .f42497a,
  .b839,
  .ab9e4,
  .he576,
  .o202 {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }
}

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

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

.fe594 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

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

.ge6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(15, 23, 42, 0.7);
  z-index: 2;
}

.lf6 {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: clamp(300px, 60vh, 500px);
}

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

.ab465 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 1rem, 3.5rem);
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l6588 {
  font-size: clamp(0.875rem, 2vw + 0.5rem, 1.25rem);
  color: #cbd5e1;
  margin: 0;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

.k424 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

@media (min-width: 1024px) {
  .k424 {
    flex: 1 1 calc(25% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .pe77 {
    flex: 1 1 calc(25% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

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

.fe4f933 {
  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);
  color: var(--color-accent);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
}

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

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

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

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

.p409220a {
  text-align: center;
}

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

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

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

.l440 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

@media (min-width: 1024px) {
  .l440 {
    flex: 1 1 calc(25% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

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

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

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

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

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

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

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

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

.aa0c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  white-space: nowrap;
}

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

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

.ia6 {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

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

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

@media (min-width: 768px) {
  .a27 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .k7af9 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .fea4 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .p23ceb8e {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .d9ed9 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .j7b {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

@media (min-width: 1024px) {
  .a27 {
    padding: clamp(6rem, 14vw, 12rem) 0;
  }

  .k7af9 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .fea4 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .p23ceb8e {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .d9ed9 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .j7b {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }
}

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

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

.a2f8f {
  max-width: 1200px;
  margin: 0 auto;
}

.mde {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

.o4997 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  margin: var(--spacing-md) 0 0 0;
  line-height: var(--line-height-normal);
}

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

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

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

.ld8 {
  max-width: 1200px;
  margin: 0 auto;
}

.jd3b348 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .jd3b348 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
  
  .m866248c {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .jd3b348 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }
  
  .m866248c {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.nbadd7 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

.f1a {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.g6567 {
  display: inline-block;
  background-color: var(--color-primary-lighter);
  color: var(--color-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: fit-content;
}

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

.a9cf528 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.dcca2b {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-top: auto;
}

.e9a3a0 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
}

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

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

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

.m499a9 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-normal);
}

.n99c17 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: 2px solid var(--color-primary);
}

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

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

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

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

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

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

.ad51d21 {
  max-width: 900px;
  margin: 0 auto;
}

.k0dfe {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.a030b2d8 {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

  .k0dfe {
    font-size: clamp(2.5rem, 6vw + 0.5rem, 3.5rem);
  }
}

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

.ca5 {
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

.df02 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background-color var(--transition-base);
  font-family: var(--font-primary);
}

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

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

.pf7b {
  font-size: clamp(1rem, 1.5vw + 0.25rem, 1.125rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0;
  flex: 1;
  line-height: var(--line-height-normal);
}

.e016316f {
  flex-shrink: 0;
  margin-left: var(--spacing-md);
  color: var(--color-primary);
  transition: transform var(--transition-base);
  display: flex;
  align-items: center;
  justify-content: center;
}

.df02[aria-expanded="true"] .e016316f {
  transform: rotate(180deg);
}

.g11 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  background-color: var(--color-bg-card);
}

.df02[aria-expanded="true"] + .g11 {
  max-height: 500px;
  padding: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
}

.g11 p {
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

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

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

  .g11 {
    max-height: 0;
  }

  .df02[aria-expanded="true"] + .g11 {
    padding: 0 var(--spacing-lg) var(--spacing-xl) var(--spacing-lg);
  }
}

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

.pac432bc {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.d76 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.pbbbb6e7 {
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.c393e88c {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  line-height: var(--line-height-normal);
}

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

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

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

  .d76 {
    font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  }
}

@media (max-width: 479px) {
  .df02 {
    padding: var(--spacing-md);
  }

  .df02[aria-expanded="true"] + .g11 {
    padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  }

  .c393e88c {
    width: 100%;
  }
}

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

.c26e953 .ea44 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.c26e953 .a2fb {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.c26e953 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.c26e953 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.c26e953 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.c26e953 .a298c4 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

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

.c26e953 ul {
  list-style: none;
  padding: 0;
  margin-bottom: var(--spacing-md);
}

.c26e953 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

.c26e953 li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: var(--font-weight-bold);
}

.c26e953 .p83b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-3xl);
}

.c26e953 .p83b h2 {
  margin-top: 0;
}

.c26e953 .jeadf {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.c26e953 .jeadf strong {
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
}

.c26e953 .i532cc {
  font-size: clamp(0.95rem, 1.05vw + 0.5rem, 1.15rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

@media (max-width: 767px) {
  .c26e953 .ea44 {
    padding: 0 var(--spacing-md);
  }

  .c26e953 .a2fb {
    padding: var(--spacing-2xl) 0;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .c26e953 .ea44 {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .c26e953 .ea44 {
    padding: 0 var(--spacing-xl);
  }

  .c26e953 .a2fb {
    padding: var(--spacing-4xl) 0;
  }
}

.edad72d5 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.j01 {
  width: 100%;
  padding: var(--spacing-lg) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.ea44 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.a2fb {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.nde027 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--spacing-xl) var(--spacing-md);
}

.c8a {
  width: 120px;
  height: 120px;
  margin-bottom: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
}

.c8a svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.o863 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.mf10e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
}

.mf10e:last-of-type {
  margin-bottom: var(--spacing-2xl);
}

.h93b2 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
}

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

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

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

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

@media (min-width: 640px) {
  .nde027 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .c8a {
    width: 140px;
    height: 140px;
    margin-bottom: var(--spacing-xl);
  }

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

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

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

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

  .c8a {
    width: 160px;
    height: 160px;
    margin-bottom: var(--spacing-2xl);
  }

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

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

  .mf10e:last-of-type {
    margin-bottom: var(--spacing-3xl);
  }
}

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

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

  .nde027 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }

  .c8a {
    width: 180px;
    height: 180px;
    margin-bottom: var(--spacing-3xl);
  }

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

  .mf10e:last-of-type {
    margin-bottom: var(--spacing-4xl);
  }
}

@media (min-width: 1440px) {
  .ea44 {
    padding: 0;
  }
}

.jd87e2e1 {
  background-color: var(--color-bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-md) 0;
}

.de6eef99 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ea44 {
  width: 100%;
  max-width: 1440px;
  padding: 0 var(--spacing-md);
  margin: 0 auto;
}

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

.ff1 {
  margin-bottom: var(--spacing-3xl);
  display: flex;
  justify-content: center;
}

.kf473 {
  position: relative;
  display: inline-block;
}

.f2f02c5 {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  font-family: var(--font-heading);
  letter-spacing: -0.02em;
  display: block;
  line-height: 1;
  position: relative;
  z-index: 2;
}

.h51060c6 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  height: 120%;
  background: radial-gradient(circle, var(--color-primary-lighter) 0%, transparent 70%);
  border-radius: 50%;
  z-index: 1;
  animation: pulse-decoration 3s ease-in-out infinite;
}

@keyframes pulse-decoration {
  0%, 100% {
    opacity: 0.3;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 0.1;
    transform: translate(-50%, -50%) scale(1.15);
  }
}

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

.gf70 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-family: var(--font-heading);
  letter-spacing: -0.01em;
}

.l3d53 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-relaxed);
  font-family: var(--font-primary);
}

.a1d46f4 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-2xl);
  line-height: var(--line-height-relaxed);
  font-family: var(--font-primary);
}

.h93b2 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  border: 2px solid transparent;
  cursor: pointer;
}

.o59e5a {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
  margin-bottom: var(--spacing-2xl);
}

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

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

.ce0b5b8 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary-light);
}

.g90 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  font-family: var(--font-primary);
}

@media (min-width: 768px) {
  .jd87e2e1 {
    padding: var(--spacing-lg) 0;
  }

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

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

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

  .h51060c6 {
    width: 140%;
    height: 140%;
  }
}

@media (min-width: 1024px) {
  .jd87e2e1 {
    padding: var(--spacing-xl) 0;
  }

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

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

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

  .h51060c6 {
    width: 160%;
    height: 160%;
  }

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

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

.h6bb {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.n5e80a5 {
  max-width: 900px;
  margin: 0 auto;
}

.bc7 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.e49 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.4rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 750px;
}

@media (min-width: 768px) {
  .h6bb {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .h6bb {
    padding: 5rem 2rem;
  }
}

.e2d9 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.c594 {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.g41f {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

@media (min-width: 768px) {
  .e2d9 {
    padding: 4rem 2rem;
  }

  .g41f {
    gap: 4rem;
  }

  .n871a1df {
    flex: 1 1 45%;
    max-width: 500px;
  }

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

@media (min-width: 1024px) {
  .e2d9 {
    padding: 5rem 2rem;
  }

  .g41f {
    gap: 5rem;
  }

  .n871a1df {
    flex: 0 1 500px;
  }

  .j024 {
    flex: 0 1 400px;
  }
}

.ocd2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.l90 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.n41d58c6 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  display: block;
}

.md3f,
.m03538e {
  font-family: var(--font-primary);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.md3f::placeholder,
.m03538e::placeholder {
  color: var(--color-text-muted);
}

.md3f:focus,
.m03538e:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.m03538e {
  min-height: 140px;
  resize: vertical;
}

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

.b15974e {
  font-family: var(--font-primary);
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  display: inline-block;
}

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

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

.l56 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
}

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

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

.e09cb {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.mc354b {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
  border-bottom: 1px solid var(--color-border-light);
}

.mc354b:last-of-type {
  border-bottom: none;
  margin-bottom: var(--spacing-lg);
  padding-bottom: 0;
}

.pbb {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: var(--font-size-lg);
}

.o144 {
  flex: 1;
}

.g116 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.cb1d {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

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

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

.j712 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
  margin-top: var(--spacing-xl);
}

.b88bb7f2 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.n27 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.acbe {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.c256b3 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.cc86 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.ke1ca8 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw + 0.4rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.jefe7adc {
  display: inline-block;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

@media (min-width: 768px) {
  .acbe {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .acbe {
    padding: 5rem 2rem;
  }
}

.ea44 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  padding: 0 1rem;
}

@media (min-width: 768px) {
  .ea44 {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .ea44 {
    padding: 0 3rem;
  }
}
.o23621,.k37ae{
  width: 34px;
}

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

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.p51b{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .p51b{
    max-width: 100%;
  }
}

.p51b.o592d166{
  z-index: 999;
}

.g347f1{
  padding-top: 50px;
}

.o23621[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .hce {
    aspect-ratio: 6 / 9;
  }
  .d916f {
    aspect-ratio: 6 / 9;
  }
}