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

:root {
  --color-bg-primary: #0e0c0a;
  --color-bg-secondary: #1a1714;
  --color-bg-tertiary: #28231e;
  --color-bg-card: #1a1714;

  --color-text-primary: #fdf6ee;
  --color-text-secondary: #d6c5a8;
  --color-text-muted: #a89572;

  --color-primary: #c2742e;
  --color-primary-hover: #a8612a;
  --color-primary-light: #e8a85c;
  --color-secondary: #d4903a;
  --color-secondary-light: #e8b157;

  --color-success: #6b9e5f;
  --color-success-light: #8ec270;
  --color-warning: #d4a53a;
  --color-warning-light: #e8b957;
  --color-danger: #c24a3a;
  --color-danger-light: #d66b5a;

  --color-border: #3a342f;
  --color-border-light: #2a241f;

  --font-primary: 'Lato', sans-serif;
  --font-heading: 'Vollkorn', serif;

  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1.25rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 5.5rem;

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

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
  --shadow-xl: 0 12px 32px rgba(0, 0, 0, 0.7);

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);

  --line-height-tight: 1.3;
  --line-height-base: 1.6;
  --line-height-relaxed: 1.8;

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

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

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

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

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: var(--line-height-base);
  letter-spacing: var(--letter-spacing-normal);
  overflow-x: hidden;
}

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

h1 {
  font-size: 3.5rem;
  font-weight: 700;
}

h2 {
  font-size: 2.75rem;
  font-weight: 700;
}

h3 {
  font-size: 2rem;
  font-weight: 600;
}

h4 {
  font-size: 1.5rem;
  font-weight: 600;
}

h5 {
  font-size: 1.25rem;
  font-weight: 600;
}

h6 {
  font-size: 1rem;
  font-weight: 600;
}

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

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

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

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

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

button:disabled, [role="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

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

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  background: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(194, 116, 46, 0.15);
}

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

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

.c2b3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-size: 1rem;
  font-weight: 600;
  transition: all var(--transition-fast);
}

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

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

.i24f95:active {
  background: var(--color-primary-hover);
}

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

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

.bc5942c:active {
  background: #ba7e31;
}

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

.nfb:hover {
  background: rgba(194, 116, 46, 0.1);
  border-color: var(--color-primary-light);
  color: var(--color-primary-light);
}

.nfb:active {
  background: rgba(194, 116, 46, 0.15);
  border-color: var(--color-primary-hover);
  color: var(--color-primary-hover);
}

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

.j17422:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
  background: rgba(194, 116, 46, 0.05);
}

.j17422:active {
  background: rgba(194, 116, 46, 0.1);
}

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

.e788f296 {
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: 1.125rem;
}

.pc388d {
  width: 100%;
}

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

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

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

.m7a19e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
}

.ac40adc {
  background: rgba(194, 116, 46, 0.2);
  color: var(--color-primary-light);
}

.hecea {
  background: rgba(212, 144, 58, 0.2);
  color: var(--color-secondary-light);
}

.hb4 {
  background: rgba(107, 158, 95, 0.2);
  color: var(--color-success-light);
}

.jcdcd1 {
  background: rgba(212, 165, 58, 0.2);
  color: var(--color-warning-light);
}

.bf902b {
  background: rgba(194, 74, 58, 0.2);
  color: var(--color-danger-light);
}

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

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

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

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

.mbc2de {
  color: var(--color-secondary);
}

.gb546 {
  font-size: 0.75rem;
}

.df8b35dc {
  font-size: 0.875rem;
}

.nb025 {
  font-size: 1rem;
}

.m11e {
  font-size: 1.125rem;
}

.dc5 {
  font-size: 1.25rem;
}

.l4837 {
  font-weight: 700;
}

.n389ce {
  font-weight: 600;
}

.baf {
  font-weight: 400;
}

.mdab3 {
  text-align: center;
}

.fa6fd2 {
  text-align: left;
}

.fd3b {
  text-align: right;
}

.oa7dbe6e > * + * {
  margin-left: var(--spacing-xs);
}

.g989 > * + * {
  margin-left: var(--spacing-sm);
}

.ff2f > * + * {
  margin-left: var(--spacing-md);
}

.ca3 > * + * {
  margin-left: var(--spacing-lg);
}

.b97 > * + * {
  margin-top: var(--spacing-xs);
}

.k8ac1c > * + * {
  margin-top: var(--spacing-sm);
}

.cd63 > * + * {
  margin-top: var(--spacing-md);
}

.c81d97c > * + * {
  margin-top: var(--spacing-lg);
}

.ec39 > * + * {
  margin-top: var(--spacing-xl);
}

.c408591 > * + * {
  margin-top: var(--spacing-2xl);
}

.e7ad5c48 { margin: 0; }
.af5ad39d { margin: var(--spacing-xs); }
.a05a29 { margin: var(--spacing-sm); }
.hd5561 { margin: var(--spacing-md); }
.adbb { margin: var(--spacing-lg); }
.dc23bf { margin: var(--spacing-xl); }

.d53 { margin-top: 0; }
.bc63fe3d { margin-top: var(--spacing-xs); }
.ib36a516 { margin-top: var(--spacing-sm); }
.pf0 { margin-top: var(--spacing-md); }
.ece38fb { margin-top: var(--spacing-lg); }
.o202463 { margin-top: var(--spacing-xl); }

.mca240 { margin-bottom: 0; }
.i0e9afc { margin-bottom: var(--spacing-xs); }
.c9bb { margin-bottom: var(--spacing-sm); }
.c11fdd { margin-bottom: var(--spacing-md); }
.l0335edc { margin-bottom: var(--spacing-lg); }
.h01f3ac9 { margin-bottom: var(--spacing-xl); }

.c7f345 { padding: 0; }
.c0d { padding: var(--spacing-xs); }
.kcf53 { padding: var(--spacing-sm); }
.l8a { padding: var(--spacing-md); }
.b2d44 { padding: var(--spacing-lg); }
.a9b { padding: var(--spacing-xl); }

.p3f { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.f12 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.pf0fd05 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.ebd424 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }

.g4124 {
  display: flex;
}

.nb10 {
  flex-direction: column;
}

.oc73eb {
  flex-wrap: wrap;
}

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

.k2f {
  align-items: center;
}

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

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

.oc6a5b {
  justify-content: center;
}

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

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

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

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

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

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

.mca2 {
  display: grid;
}

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

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

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

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

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

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

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

.kb9 {
  width: 100%;
}

.d31b86aa {
  width: auto;
}

.g77d {
  height: 100%;
}

.n838471b {
  height: auto;
}

.i224 {
  min-height: 100vh;
}

.k7b {
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

.k55 {
  opacity: 0.5;
}

.i6d17 {
  opacity: 0.75;
}

.l7385 {
  opacity: 1;
}

.n624 {
  visibility: hidden;
}

.ia4c930 {
  visibility: visible;
}

.n3cb {
  display: block;
}

.gfa {
  display: inline-block;
}

.c0e5e {
  display: inline;
}

.g99 {
  display: none;
}

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

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

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

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

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

.fd063 {
  border-color: var(--color-primary);
}

.b44bf7 {
  border-color: var(--color-secondary);
}

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

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

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

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

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

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

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

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 1.75rem;
  }

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

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

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

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

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

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

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

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

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.125rem;
  }

  body {
    font-size: 0.95rem;
  }

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

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

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

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

::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary-light);
}
.ed3fc503 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
}

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

.b46aeb {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 0.5rem;
  flex-shrink: 0;
  transition: transform var(--transition-fast);
}

.b46aeb:hover {
  transform: translateY(-2px);
}

.g66d5f9b {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  object-fit: cover;
  margin-right: 0.25rem;
  flex-shrink: 0;
}

.e08dc0 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
}

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

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

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

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

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

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

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

.aae9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  transition: color var(--transition-base);
  padding: 0;
  flex-shrink: 0;
}

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

.i676e713 {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 320px;
  height: 100vh;
  background: var(--color-bg-secondary);
  box-shadow: var(--shadow-xl);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 1000;
  overflow-y: auto;
  padding-top: clamp(60px, 12vh, 80px);
}

.i676e713.h4c56e5 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.d47 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-bottom: 1px solid var(--color-border-light);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: clamp(60px, 12vh, 80px);
}

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

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

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

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

.g708c1bd:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding-left: 2rem;
}

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

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

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

  .i676e713 {
    display: none;
  }

  .c81e95 {
    display: flex;
  }

  .d01b {
    display: block;
  }

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

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

  .ba6cd9 {
    font-size: 1rem;
  }

  .d01b {
    font-size: 0.95rem;
    padding: 0.875rem 1.75rem;
  }
}

body.p96e {
  overflow: hidden;
}

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

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

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

.m3e2ea {
  background: var(--color-bg-primary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
}

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

.c3f3 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  max-width: 900px;
}

.pd750f {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 8vw, 4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

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

.jae {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.p3d3cd {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin-top: 1rem;
}

.c2b3 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  text-align: center;
}

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

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

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

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

.g404 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 4rem);
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}

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

.pf5ce3c6 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

.mebb4c {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

@media (min-width: 768px) {
  .p3d3cd {
    flex-direction: row;
    justify-content: center;
  }
}

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

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

.dec4cf2 {
  text-align: center;
}

.kf3ef {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

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

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

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

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

.o51d {
  text-align: left;
}

.ma0d {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

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

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

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

  .kc880 {
    flex: 1 1 100%;
  }

  .k2487 {
    flex: 1 1 100%;
    min-height: 250px;
  }
}

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

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

.f522 {
  text-align: center;
}

.pda75 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

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

.fa7c9 {
  flex: 1 1 300px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

.b6d8e3 {
  flex: 1 1 400px;
  max-width: 500px;
}

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

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

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

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

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

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

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

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

.pf0bff {
  text-align: center;
  margin-top: 1rem;
}

.k0962c11 {
  display: inline-block;
  font-size: clamp(0.95rem, 1vw, 1.125rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

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

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

.ebdb72a9 {
  text-align: center;
}

.k6e512 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

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

.f1a419 strong {
  color: var(--color-accent);
  font-weight: 600;
}

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

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

.g11 {
  text-align: center;
}

.h8b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.kec8 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 1200px;
  margin: 0 auto;
}

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

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

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

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

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

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

.k8d19 {
  text-align: center;
}

.d628 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

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

.d476 {
  text-align: center;
}

.n5c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

.d59f {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 1200px;
  margin: 0 auto;
}

.c293dec {
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.k485 {
  grid-column: 1 / -1;
  aspect-ratio: 3/1;
}

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

.c293dec:hover .a1993387 {
  transform: scale(1.05);
}

@media (max-width: 768px) {
  .d59f {
    grid-template-columns: 1fr;
  }

  .k485 {
    grid-column: auto;
    aspect-ratio: 16/9;
  }
}

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

.mb0cc671 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.bee33 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  padding: clamp(2rem, 5vw, 3rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}

.j20 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

.i82c {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin-top: 0.5rem;
}

@media (min-width: 768px) {
  .i82c {
    flex-direction: row;
    justify-content: center;
  }
}

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

.h2f8.g99 {
  display: none;
}

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

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

.cdb,
.n2340 {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

.n2340 {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
}

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

@media (max-width: 640px) {
  .h2f8 {
    flex-direction: column;
    gap: 1rem;
  }

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

  .be71f6 {
    width: 100%;
  }

  .cdb,
  .n2340 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

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

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

.d36a56a {
  max-width: 580px;
}

.d36a56a h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-tight);
}

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

.h6e77,
.f36,
.id0b {
  display: block;
}

.h6e77 h3,
.f36 h3,
.id0b h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-tight);
}

.ea5de,
.pb077d {
  display: flex;
  flex-direction: column;
  gap: clamp(0.625rem, 1.5vw, 0.875rem);
}

.dff8a44a {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

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

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

.k9bff0b {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-base);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fd1 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .m7276c2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.5rem, 6vw, 4rem);
  }

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

  .h6e77,
  .f36,
  .id0b {
    display: block;
  }

  .ea5de,
  .pb077d {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .m7276c2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(2.5rem, 5vw, 3.5rem);
  }

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

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

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

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

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

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

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

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

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

.mfb {
  position: relative;
  min-height: clamp(400px, 70vh, 700px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.jcf8461 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(14, 12, 10, 0.65);
  z-index: 2;
}

.k3e3e0 {
  position: relative;
  z-index: 3;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 2rem);
}

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

.gbce {
  font-size: clamp(0.875rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 300;
  letter-spacing: 0.05em;
}

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

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

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

.o457d98 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.01em;
}

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

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

.h0ff5 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.h0ff5:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(194, 116, 46, 0.15);
  transform: translateY(-2px);
}

.aa184cf3 {
  flex: 0 0 30%;
  min-width: 200px;
  overflow: hidden;
}

.jf2637 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 250px;
}

.c6573f05 {
  flex: 1 1 70%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: space-between;
}

.l65 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.01em;
}

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

.lae41 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.5rem);
  padding-top: 1rem;
  border-top: 1px solid var(--color-border-light);
}

.h06066e {
  font-size: 0.875rem;
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

.fedfe3c7 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all 0.3s ease;
  width: fit-content;
  padding: 0.5rem 0;
}

.fedfe3c7:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

.fedfe3c7::after {
  content: '→';
  transition: transform 0.3s ease;
}

.fedfe3c7:hover::after {
  transform: translateX(4px);
}

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

  .aa184cf3 {
    flex: 0 0 auto;
    width: 100%;
    min-width: auto;
    min-height: 200px;
  }

  .jf2637 {
    min-height: 200px;
  }

  .c6573f05 {
    padding: clamp(1rem, 3vw, 1.5rem);
  }

  .mfb {
    min-height: clamp(300px, 60vh, 500px);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .aa184cf3 {
    flex: 0 0 35%;
  }

  .c6573f05 {
    flex: 1 1 65%;
  }
}

@media (min-width: 1024px) {
  .mfb {
    min-height: 600px;
  }

  .h0ff5 {
    gap: 2.5rem;
  }

  .lae41 {
    gap: 2rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gb7dffb7,
  .ef84 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.l5a5 {
  max-width: 900px;
  margin: 0 auto;
}

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

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

.paef {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .p4d,
  .m7a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .e0794f,
  .l3c8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.laffb3 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  text-align: center;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.e92 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  text-align: center;
  max-width: 700px;
  margin: 0 auto clamp(2rem, 3vw, 2.5rem) auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.o1414 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.2rem);
  line-height: var(--line-height-relaxed);
  font-style: italic;
  margin: 0;
}

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

  .h92cf,
  .ia5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.oab18e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

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

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

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

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

.j4470 {
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

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

.gd1b {
  max-width: 900px;
  margin: 0 auto;
}

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

.n55 {
  flex-shrink: 0;
}

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

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

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

.mb9c5d4 {
  margin: 0;
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
}

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

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

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

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

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

  .n55 {
    flex-shrink: 0;
  }
}

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

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

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

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

.n19c {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: all 0.3s ease;
}

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

.o35 {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .i1f1cdd,
  .d1de1b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

  .e7eb2c09,
  .i6c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.j6b9e6db {
  text-align: center;
}

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

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

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

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

.f88087 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

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

.m9921d {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-sm);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

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

  .o5c4,
  .ibb2a1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.jc7 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.d04 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .k1cf,
  .g03 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.p806195 {
  max-width: 900px;
  margin: 0 auto;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-secondary);
}

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

.abb42 i {
  font-size: 1.3rem;
  color: var(--color-secondary);
  flex-shrink: 0;
}

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

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

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

.c23d {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
}

.fd4 {
  flex-shrink: 0;
}

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

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

.fb43 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.85rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb03aa {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

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

.i252f023 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nefc a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

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

.bae9 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 4.5rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

.jb3bd10 i {
  color: var(--color-accent);
  flex-shrink: 0;
}

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

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

.p9f {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 4.5rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

.i49be928 {
  background: var(--color-bg-primary);
  padding: clamp(2.5rem, 6vw, 4.5rem) 0;
  overflow: hidden;
}

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

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

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

.d7858040 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.d7858040:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
}

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

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

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

.paa81 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 4.5rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

.mfd {
  background: var(--color-bg-primary);
  padding: clamp(2.5rem, 6vw, 4.5rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

.k245aed {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 4.5rem) 0;
  overflow: hidden;
}

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

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

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

.d9e {
  background: var(--color-bg-primary);
  padding: clamp(2.5rem, 6vw, 4.5rem) 0;
  overflow: hidden;
}

.df153 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-secondary);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

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

.f1bd {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 4.5rem) 0;
  overflow: hidden;
}

.idf2e20 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  max-width: 900px;
  margin: 0 auto;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
}

.g9bf {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
}

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

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

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

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

.dab3506 a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

.lb2a650e {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  font-weight: 600;
}

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

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

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

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

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

.pd0 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 300px;
  max-width: 400px;
  background: var(--color-bg-secondary);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pd0:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
}

.l1af0 {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

.pd0:hover .l1af0 img {
  transform: scale(1.05);
}

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

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

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

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

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

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

  .n59,
  .k61c4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c55,
  .f45,
  .pc8bd6 {
    flex-direction: column;
  }

  .gb012,
  .fa9e1bb,
  .m49,
  .efbd7e,
  .j409,
  .hb884cf {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

  .df153 {
    flex-direction: column;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .m252af {
    flex-direction: column;
  }
  
  .lde2c81e,
  .m97df66 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.c40 {
  flex: 1 1 60%;
  max-width: 60%;
}

.c701192c {
  flex: 1 1 40%;
  max-width: 40%;
}

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

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

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

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

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

.lce37 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  padding: 0.5rem 0 0.5rem 1.5rem;
  position: relative;
  line-height: 1.6;
}

.lce37::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 0.4rem;
  height: 0.4rem;
  background: var(--color-accent);
  border-radius: 50%;
}

@media (max-width: 768px) {
  .k19 {
    flex-direction: column;
  }
  
  .c40,
  .c701192c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .o14a2 {
    flex-direction: column;
  }
  
  .fe8ac,
  .h6be4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.ha9e65 {
  color: var(--color-accent);
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-family: var(--font-heading);
  font-weight: 700;
}

.p9588 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 700;
}

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

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

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

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

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

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

.b587e00 {
  flex: 1 1 50%;
}

.p5a1f {
  color: var(--color-text-primary);
  font-size: clamp(1.2rem, 2.5vw, 1.5rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

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

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

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

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

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

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

.e69 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: clamp(1rem, 2vw, 2rem) 0 0 0;
}

.n970 {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 600;
  transition: background var(--transition-base), transform var(--transition-base);
}

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

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

.l1801 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  max-width: 600px;
  margin: 0 auto;
}

.a7e436f {
  flex: 0 0 auto;
}

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

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

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

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

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

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

.g013b6b {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  font-weight: 500;
  margin: 0;
}

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

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

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

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

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

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

.feb123d:hover {
  transform: translateY(-6px);
}

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

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

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

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

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

.cac15 {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  font-weight: 600;
  transition: color var(--transition-base);
  align-self: flex-start;
}

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

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

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

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

.o96 {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.c76e {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 700;
}

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

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

html,
body {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

.n4e4 {
  background: var(--color-bg-primary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
}

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

.p14c {
  text-align: center;
  max-width: 900px;
}

.bbb3 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.k4002 {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.375rem);
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
  font-weight: 300;
}

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

.h43 {
  width: 100%;
  max-width: 1000px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
}

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

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

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

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

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

.g7278e {
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.8;
}

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

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

.kbec57 {
  max-width: 850px;
}

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

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

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

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

.md5669ce {
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 800px;
}

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

.pd6b1 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-secondary);
  border-radius: 4px;
  transition: all 0.3s ease;
}

.pd6b1:hover {
  transform: translateX(8px);
  background: var(--color-bg-card);
}

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

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

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

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

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

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

.j3cc99 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 250px;
}

@media (min-width: 768px) {
  .j3cc99 {
    flex: 1 1 calc(33.333% - 1rem);
  }
}

.j3cc99:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-secondary);
  transform: translateY(-4px);
}

.odcf8 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-secondary);
  margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.la1a1 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

@media (max-width: 767px) {
  .n4e4 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .ead6 {
    font-size: 0.75rem;
  }

  .pd6b1 {
    padding: 1.25rem;
  }

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

@media (min-width: 1024px) {
  .n4e4 {
    padding: clamp(6rem, 10vw, 8rem) 0;
  }

  .p84f5b {
    padding: clamp(5rem, 10vw, 7rem) 0;
  }

  .a05ae9a0 {
    padding: clamp(5rem, 10vw, 7rem) 0;
  }

  .h1e136e {
    padding: clamp(5rem, 10vw, 7rem) 0;
  }

  .a24 {
    padding: clamp(5rem, 10vw, 7rem) 0;
  }
}

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

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

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

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

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

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

.ldc2 {
  width: 100%;
  max-width: 600px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

  .peb855 {
    flex: 0 1 55%;
    text-align: left;
  }
}

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

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

.haf {
  text-align: center;
}

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

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

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

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

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

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

.hbb {
  text-align: center;
}

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

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

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

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

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

  .lce {
    flex: 0 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

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

  .lce {
    flex: 0 1 calc(25% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

.lce {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

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

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

.g32311ec {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.lfefe {
  text-align: center;
}

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

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

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

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

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

  .i8a9b49 {
    flex: 0 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

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

.i8a9b49 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

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

.ic871e08 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.5rem, 6vw, 4.5rem);
  height: clamp(3.5rem, 6vw, 4.5rem);
}

.a79 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.g69a5d88 {
  text-align: center;
}

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

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

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

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

  .n707fb {
    flex: 0 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

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

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

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

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

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

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

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

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

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

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

.n5d {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

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

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

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

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

@media (min-width: 768px) {
  .d369eb8 {
    flex-direction: row;
    justify-content: center;
  }
}

.bc54,
.j2ab20 {
  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, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.j2ab20 {
  background: var(--color-bg-card);
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

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

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

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

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

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

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

.f7a7f {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
}

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

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

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

@media (min-width: 1024px) {
  .i37c966d {
    padding: 5rem var(--spacing-lg);
  }
}

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

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

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

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

@media (min-width: 1024px) {
  .b2f48d0 {
    padding: 5rem var(--spacing-lg);
  }

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

.c0a {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

.pefb8 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.l8817a29 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
}

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

.j5ba40 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

@media (min-width: 768px) {
  .aaa {
    height: 280px;
  }

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

@media (min-width: 1024px) {
  .aaa {
    height: 320px;
  }
}

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

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

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

.kabafe {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

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

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

.f06dbccf:active {
  transform: scale(0.98);
}

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

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

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

@media (min-width: 1024px) {
  .d1d {
    padding: 5rem var(--spacing-lg);
  }
}

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

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

.mb03 {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.d23d {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-normal);
}

.d6b9c8df {
  font-size: clamp(0.95rem, 2vw, 1.2rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

.e3134e {
  max-width: 1200px;
  margin: 0 auto;
}

.e527 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .e527 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .f2518 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .e527 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .f2518 {
    padding: 4rem var(--spacing-xl);
  }
}

.l15 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.c6c06d31 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-lg);
  font-size: 1.75rem;
  color: var(--color-primary);
  flex-shrink: 0;
}

.oea {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-normal);
}

.n7de8c {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.o775a021 {
  display: inline-flex;
  align-items: center;
  font-size: 0.95rem;
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
  width: fit-content;
  letter-spacing: var(--letter-spacing-normal);
}

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

.o775a021::after {
  content: " →";
  margin-left: var(--spacing-xs);
  transition: margin-left var(--transition-fast);
}

.l15:hover .o775a021::after {
  margin-left: var(--spacing-sm);
}

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

.hdba {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.o52 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-normal);
}

.ac4 {
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.g0f5 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  transition: background-color var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  border: 1px solid var(--color-accent);
}

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

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

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

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

@media (max-width: 767px) {
  .l15 {
    padding: var(--spacing-lg);
  }

  .c6c06d31 {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }
}

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

.p304a9 .mc4c {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.p304a9 .aed7a {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.p304a9 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.p304a9 .ia4fac6 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.p304a9 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.p304a9 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

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

.p304a9 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

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

.p304a9 .k69 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.p304a9 .k69 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.p304a9 .k69 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.p304a9 .k69 p strong {
  display: block;
  margin-top: var(--spacing-md);
  color: var(--color-primary);
}

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

@media (min-width: 1024px) {
  .p304a9 .aed7a {
    padding: var(--spacing-3xl) 0;
  }
}

.p9e5a2b6 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.b1f07a {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.mc4c {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.jf6 {
  text-align: center;
  animation: fadeInUp 0.6s ease-out;
}

.l54f {
  margin-bottom: var(--spacing-xl);
  display: flex;
  justify-content: center;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.l54f svg {
  color: var(--color-success);
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.k7048 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-base);
  letter-spacing: var(--letter-spacing-normal);
}

.e986cb {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-xl);
  letter-spacing: var(--letter-spacing-normal);
}

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

.c2b3 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  cursor: pointer;
  border: 2px solid transparent;
  line-height: var(--line-height-base);
}

.i24f95 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.i24f95:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

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

.c2862202 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-base);
  letter-spacing: var(--letter-spacing-normal);
  font-style: italic;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .b1f07a {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

  .l54f svg {
    width: 100px;
    height: 100px;
  }

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

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

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

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

@media (min-width: 1024px) {
  .b1f07a {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

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

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

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

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

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

.if4397 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.c88b0d {
  width: 100%;
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.mc4c {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

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

.h94 {
  margin-bottom: var(--spacing-3xl);
  position: relative;
  animation: float-gentle 6s ease-in-out infinite;
}

.l5e77 {
  position: relative;
  display: inline-block;
}

.e86fffa0 {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  margin: 0;
  line-height: 1;
  letter-spacing: var(--letter-spacing-tight);
  position: relative;
  z-index: 2;
}

.adb37e69 {
  position: absolute;
  bottom: -10%;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(150px, 30vw, 400px);
  height: clamp(150px, 30vw, 400px);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-full);
  opacity: 0.15;
  z-index: 1;
}

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

.fe20a {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2.5vw, 1.3rem);
  color: var(--color-accent);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
}

.c6e472 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.c2b3 {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  letter-spacing: var(--letter-spacing-normal);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
}

.i24f95 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

.ked2fbc {
  margin-top: var(--spacing-2xl);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  animation: slide-up 0.8s ease-out;
}

.o773c {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  justify-content: center;
  flex-wrap: wrap;
}

.od9f2 {
  font-family: var(--font-primary);
  font-weight: 700;
  color: var(--color-accent);
  font-size: clamp(0.85rem, 1vw, 1rem);
  letter-spacing: var(--letter-spacing-normal);
}

.he162c {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw, 1rem);
  letter-spacing: var(--letter-spacing-normal);
}

@keyframes float-gentle {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes slide-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 640px) {
  .c88b0d {
    padding: var(--spacing-3xl) 0;
  }

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

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

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

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

  .c88b0d {
    padding: var(--spacing-3xl) 0;
  }

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

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

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

  .o773c {
    justify-content: center;
  }
}

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

  .c88b0d {
    padding: var(--spacing-3xl) 0;
  }

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

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

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

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

.a9309f {
  background-color: var(--color-bg-secondary);
  padding: 4rem 2rem 3rem;
  overflow: hidden;
}

.jfdc4 {
  max-width: 800px;
}

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

.aa978 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

@media (min-width: 768px) {
  .a9309f {
    padding: 5rem 2rem 4rem;
  }
}

@media (min-width: 1024px) {
  .a9309f {
    padding: 6rem 2rem 5rem;
  }
}

.i4f {
  background-color: var(--color-bg-primary);
  padding: 3rem 2rem;
  overflow: hidden;
}

.g5e9789b {
  width: 100%;
}

.j7215dd7 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

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

.d3a0a9 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

.a6a8 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.fc9c8 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
}

.le561f,
.l4094a0a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  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);
  width: 100%;
  transition: var(--transition-base);
  line-height: var(--line-height-base);
}

.le561f::placeholder,
.l4094a0a::placeholder {
  color: var(--color-text-muted);
}

.le561f:focus,
.l4094a0a:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.l4094a0a {
  min-height: 140px;
  resize: vertical;
}

.p709 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.p2cb {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.j08dcfd {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-fast);
  font-weight: 600;
}

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

.k6a45 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition-base);
  width: 100%;
  letter-spacing: var(--letter-spacing-normal);
  text-transform: uppercase;
  text-decoration: none;
}

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

.k6a45:active {
  transform: scale(0.98);
}

.k6a45:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

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

.d2e4c {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

.g4485ce {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

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

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

.ia71 {
  flex: 1;
}

.o192e54b {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.o415f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-base);
}

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

.oe07 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

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

@media (min-width: 768px) {
  .i4f {
    padding: 4rem 2rem;
  }

  .j7215dd7 {
    gap: 3rem;
    align-items: stretch;
  }

  .kcc3 {
    flex: 0 1 55%;
  }

  .b74010e {
    flex: 0 1 45%;
  }
}

@media (min-width: 1024px) {
  .i4f {
    padding: 5rem 2rem;
  }

  .j7215dd7 {
    gap: 4rem;
  }

  .kcc3 {
    flex: 0 1 50%;
  }

  .b74010e {
    flex: 0 1 50%;
  }
}

.lb4e8a49 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 2rem;
  overflow: hidden;
}

.g8d {
  width: 100%;
}

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

.o620 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

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

.lf4:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

.f6dd {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-base);
}

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

@media (min-width: 768px) {
  .lb4e8a49 {
    padding: 4rem 2rem;
  }

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

@media (min-width: 1024px) {
  .lb4e8a49 {
    padding: 5rem 2rem;
  }

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

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

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.aae9,.a4a{width:34px;}
.aae9[aria-expanded="true"]{display:none;}
.i676e713.h4c56e5{z-index:999;}
.i676e713{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.i676e713{max-width:100%;}}
.c81e95{justify-content:flex-end;}
@media (max-width:768px){.ac440da3{min-height:500px;}}