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

:root {
  --color-bg-primary: #0a0a0a;
  --color-bg-secondary: #171717;
  --color-bg-tertiary: #262626;
  --color-bg-card: #171717;

  --color-text-primary: #fafafa;
  --color-text-secondary: #d4d4d4;
  --color-text-muted: #a3a3a3;

  --color-primary: #22d3ee;
  --color-primary-hover: #06b6d4;
  --color-primary-light: #5eddf5;
  --color-secondary: #67e8f9;
  --color-secondary-light: #a5f3fc;

  --color-success: #10b981;
  --color-success-light: #34d399;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #333333;
  --color-border-light: #252525;

  --font-primary: 'Karla', sans-serif;
  --font-heading: 'Rubik', sans-serif;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.7);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.8);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.9);

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

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

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

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

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

html,
body {
  margin: 0;
  padding: 0;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
}

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

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

h1 {
  font-size: var(--font-size-5xl);
  letter-spacing: var(--letter-spacing-tight);
}

h2 {
  font-size: var(--font-size-4xl);
  letter-spacing: var(--letter-spacing-tight);
}

h3 {
  font-size: var(--font-size-3xl);
  letter-spacing: var(--letter-spacing-tight);
}

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

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

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

p {
  margin: 0;
  color: var(--color-text-secondary);
}

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

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

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

button {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  cursor: pointer;
  border: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-fast);
}

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

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

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.1);
}

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

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

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

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

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

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

.m77 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  font-weight: 600;
  border-radius: var(--radius-lg);
  cursor: pointer;
  border: none;
  transition: all var(--transition-fast);
  text-decoration: none;
}

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

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

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

.d028d0 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

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

.d028d0:active {
  transform: scale(0.98);
}

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

.c42916f4:hover {
  background: rgba(34, 211, 238, 0.1);
}

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

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

.k2dc20 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  font-weight: 600;
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
}

.h3828 {
  background: rgba(34, 211, 238, 0.2);
  color: var(--color-primary);
}

.c6a64 {
  background: rgba(16, 185, 129, 0.2);
  color: var(--color-success);
}

.d4c7621 {
  background: rgba(245, 158, 11, 0.2);
  color: var(--color-warning);
}

.f99a4b97 {
  background: rgba(239, 68, 68, 0.2);
  color: var(--color-danger);
}

.j55df {
  font-size: var(--font-size-xs);
}

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

.o03 {
  font-size: var(--font-size-base);
}

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

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

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

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

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

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

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

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

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

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

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

.g879173 {
  text-align: center;
}

.de6 {
  text-align: left;
}

.o88b {
  text-align: right;
}

.ka0152 {
  font-weight: 400;
}

.p104 {
  font-weight: 500;
}

.g200c3 {
  font-weight: 600;
}

.obfc {
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nf1beb2 {
  display: flex;
}

.h0e65c78 {
  flex-direction: column;
}

.i02042d {
  flex-direction: row;
}

.c1879 {
  align-items: center;
}

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

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

.h38 {
  justify-content: center;
}

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

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

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

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

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

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

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

.da6e2cc5 {
  display: grid;
}

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

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

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

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

.d1b1 {
  opacity: 0.5;
}

.k86bb8fe {
  opacity: 0.75;
}

.e899 {
  opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 640px) {
  .pf2d941e,
  .bad,
  .j8900 {
    grid-template-columns: 1fr;
  }

  .m77 {
    width: 100%;
  }
}
.h2f9204 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 1000;
  padding: clamp(0.75rem, 2vw, 1.25rem) 0;
}

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

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

.ie174bd:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

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

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

.oa7a {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 999;
  overflow-y: auto;
  padding-top: 4rem;
}

.oa7a.ac672 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.ha19 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: clamp(3rem, 10vh, 4rem);
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: clamp(1rem, 4vw, 2rem);
  z-index: 1001;
}

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

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

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

.g9126 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--color-border-light);
}

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

.f47f {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-on-accent);
  background: var(--color-accent);
  padding: 1rem 1.5rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: background var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
  display: block;
  text-align: center;
  margin-top: 1.5rem;
}

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

@media (min-width: 768px) {
  .h2f9204 {
    padding: clamp(0.875rem, 2vw, 1.5rem) 0;
  }

  .a6f {
    display: flex;
  }

  .h38b1358 {
    display: none;
  }

  .oa7a {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .j22f573 {
    gap: 2rem;
  }

  .a6f {
    gap: 2.5rem;
  }

  .n66 {
    width: 48px;
    height: 48px;
  }

  .jea1b {
    font-size: 1.35rem;
  }

  .c616e {
    font-size: 1rem;
  }

  .ccb11f98 {
    padding: 0.875rem 2rem;
  }
}

    .dfd04 {
  width: 100%;
  font-family: var(--font-primary);
}

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

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

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

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

.m9ea7 {
  text-align: center;
}

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

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

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

.o87afd {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  flex: 0 1 140px;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid var(--color-border-light);
}

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

.k75a8230 {
  transform: rotate(-2deg);
}

.l8fe10 {
  transform: rotate(1deg);
}

.b24528 {
  transform: rotate(-1.5deg);
}

.j1faa92 {
  transform: rotate(2deg);
}

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

.hf92f7c {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: 1.4;
}

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

.m77 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  cursor: pointer;
}

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

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

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

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

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

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

.leaf {
  text-align: center;
}

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

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

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

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

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

.mcb3b {
  grid-row: span 2;
}

.e4a {
  grid-row: span 1;
}

.i7556 {
  grid-row: span 1;
}

.o78 {
  grid-row: span 2;
}

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

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

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

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

  .mcb3b,
  .o78 {
    grid-row: span 1;
  }
}

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

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

.k87e57 {
  text-align: center;
}

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

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

.ocbb121e {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: stretch;
}

.p8c0 {
  flex: 1 1 55%;
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

.p8c0:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
}

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

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

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

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

.lb28712f {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color 0.3s ease;
}

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

.b9a45e3 {
  flex: 1 1 40%;
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

.i2330 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: color 0.3s ease;
  align-self: flex-start;
  margin-top: auto;
}

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

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

  .p8c0 {
    flex: 1 1 100%;
  }

  .b9a45e3 {
    flex: 1 1 100%;
  }

  .haa {
    flex-direction: column;
  }

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

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

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

.d8d {
  text-align: center;
}

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

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

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

.d00 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

.c1349 {
  text-align: center;
}

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

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

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

.n3db12b5 {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.h38d16c {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.2);
}

.o56e2a {
  background: rgba(34, 211, 238, 0.08);
  border-color: rgba(34, 211, 238, 0.2);
}

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

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

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

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

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

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

.p0cf {
  flex: 1 1 40%;
  min-width: 200px;
}

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

.f8e {
  flex: 1 1 50%;
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
}

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

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

.h6c1e {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}

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

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

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

  .p0cf {
    flex: 1 1 100%;
  }

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

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

.f6af94 {
  display: flex;
  justify-content: center;
}

.ie8c {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-xl);
  padding: clamp(2rem, 4vw, 3.5rem);
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  transition: all 0.3s ease;
}

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

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

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

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

.ie8c .m77 {
  align-self: center;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

.bb4fa8 {
  text-align: center;
}

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

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

.l17e9 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

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

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

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

.m5e574 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(1rem, 1.5vw, 1.25rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  flex: 0 1 120px;
  text-align: center;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

.m5e574:hover {
  border-color: var(--color-accent);
  background: var(--color-bg-tertiary);
}

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

.g2a {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: 1.4;
}

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

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

.deca69 {
  text-align: center;
}

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

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

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

.l39 {
  flex: 1 1 calc(25% - 1rem);
  min-width: 200px;
  max-width: 300px;
  height: 250px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

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

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

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

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

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

.ic77f9a.m9d22 {
  display: none;
}

.i15b4 {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.5;
  flex: 1 1 auto;
  min-width: 200px;
  text-align: center;
}

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

.b2263c,
.a4da8 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 1.5vw, 1.25rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

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

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

@media (max-width: 767px) {
  .ic77f9a {
    flex-direction: column;
    gap: clamp(0.75rem, 1vw, 1rem);
  }

  .i15b4 {
    flex: 1 1 100%;
  }

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

  .b2263c,
  .a4da8 {
    flex: 1 1 auto;
    min-width: 100px;
  }
}

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

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

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

.j510,
.g2fa5,
.p087d0da,
.h6d27,
.j54da99,
.fef2a {
  display: block;
}

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

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

.j510 p {
  max-width: 600px;
}

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

.hf6e5 li,
.ac899 li,
.n5a469 li {
  margin: 0;
  padding: 0;
}

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

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

.h6d27 {
  display: block;
}

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

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

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

.o9d {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin: 0;
  font-style: italic;
}

@media (min-width: 768px) {
  .f02581 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.5rem, 5vw, 4rem);
    grid-template-areas:
      "about about"
      "nav company"
      "contact legal"
      "bottom bottom";
  }

  .j510 {
    grid-area: about;
  }

  .g2fa5 {
    grid-area: nav;
  }

  .p087d0da {
    grid-area: company;
  }

  .h6d27 {
    grid-area: contact;
  }

  .j54da99 {
    grid-area: legal;
  }

  .fef2a {
    grid-area: bottom;
  }
}

@media (min-width: 1024px) {
  .f02581 {
    grid-template-columns: 2fr 1fr 1fr 1fr;
    grid-template-areas:
      "about nav company contact"
      "legal legal legal legal"
      "bottom bottom bottom bottom";
  }

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

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

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

  .hf6e5 li,
  .ac899 li,
  .n5a469 li {
    flex: 0 0 auto;
  }
}
    

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

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

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

.f052b {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
  padding: clamp(2rem, 5vw, 4rem) 0;
}

.i941f {
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  letter-spacing: var(--letter-spacing-tight);
}

.e60799 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 400;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.a1f8c5 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 3rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.i199d {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  padding: 0;
  transition: all var(--transition-base);
  flex: 1 1 clamp(280px, 45vw, 400px);
  min-height: 100%;
}

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

.b32d9d3f {
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}

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

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

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

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

.k83cbc {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  align-items: center;
  margin-top: auto;
  padding-top: clamp(0.75rem, 1.5vw, 1rem);
  border-top: 1px solid var(--color-border-light);
}

.h9ebc10,
.c81f2c,
.bbd {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h9ebc10 i,
.c81f2c i,
.bbd i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.gca01 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
  margin-top: clamp(0.5rem, 1vw, 1rem);
  padding-bottom: 2px;
}

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

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

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

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

.b7e0c0 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 3rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

.o683b {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 3rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.i2c158 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

  .o65cc6e2 {
    gap: 1rem;
  }

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

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

  .k58 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

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

  .i199d:nth-child(2),
  .i199d:nth-child(3),
  .i199d:nth-child(4) {
    flex: 1 1 calc(30% - clamp(0.75rem, 1.5vw, 1.25rem));
  }

  .k58 {
    flex: 1 1 calc(33.333% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

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

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

.d4e8b6 {
  position: relative;
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
}

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

.i5d {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(10, 10, 10, 0.75) 0%, rgba(23, 23, 23, 0.85) 100%);
  z-index: 2;
}

.d4e8b6 .paf912f {
  position: relative;
  z-index: 3;
}

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

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

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

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

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

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

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

.jbb6a {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  max-width: 600px;
}

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

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

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

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

.m99 {
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

.n3996f .h22 {
  flex-direction: row-reverse;
}

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

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

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

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

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

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

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

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

.of891da4 {
  flex: 1;
}

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

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

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

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

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

.b2068 .h22 {
  flex-direction: row-reverse;
}

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

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

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

.bbe2c {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

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

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

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

.dc68b {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: flex-start;
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  max-width: 600px;
  margin: 0 auto;
}

.d6401 {
  flex-shrink: 0;
}

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

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

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

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

.nbc4af {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-fast);
}

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

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

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

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

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

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

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

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

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

.n7f4bf20 {
  overflow: hidden;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  max-height: 250px;
}

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

.o7d45:hover .a5f9 {
  transform: scale(1.05);
}

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

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

.ha1384 {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-fast);
}

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

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

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

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

  .p9a456,
  .k74ea5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n3996f .h22 {
    flex-direction: column;
  }

  .b2068 .h22 {
    flex-direction: column;
  }

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

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

  .d4e8b6 {
    min-height: 400px;
  }

  .bbe2c {
    text-align: left;
  }
}

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

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

html {
  font-family: var(--font-primary);
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

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

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

.i59 {
  position: relative;
  background: var(--color-bg-primary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  min-height: 60vh;
  display: flex;
  align-items: center;
}

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

.b392da {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(10, 10, 10, 0.85) 0%, rgba(10, 10, 10, 0.65) 50%, rgba(10, 10, 10, 0.85) 100%);
  z-index: 2;
}

.i59 .paf912f {
  position: relative;
  z-index: 3;
}

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

.k3595 a {
  color: var(--color-accent);
  transition: var(--transition-base);
}

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

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

.k4428 {
  max-width: 800px;
}

.if3 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 500;
}

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

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

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

.m73 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 650px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.eca5b {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i01cfc4e {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  max-width: 600px;
}

.bac1 {
  flex-shrink: 0;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--color-accent);
}

.fbca {
  flex: 1;
}

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

.de1d29 {
  color: var(--color-accent);
  transition: var(--transition-base);
}

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

.e7e {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 500;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

.d864affc {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.4;
}

.i4052c6 {
  color: var(--color-accent);
  transition: var(--transition-base);
}

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

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

@media (max-width: 1023px) {
  .bd5,
  .ad72f79,
  .g0ff,
  .lf865348 {
    flex-direction: column;
  }

  .o89269,
  .n20,
  .ofa4f5,
  .df002,
  .d1892,
  .p49,
  .kc15,
  .g5ed2ece {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .i59 {
    min-height: 50vh;
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

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

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

  .hdec76 {
    flex-direction: column;
    border-left: none;
    border-top: 4px solid var(--color-accent);
  }

  .a10 {
    flex-direction: column;
    align-items: stretch;
  }

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

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

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

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

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

  .mb5 {
    position: relative;
    background: var(--color-bg-primary);
    padding: clamp(4rem, 10vw, 8rem) 0;
    overflow: hidden;
    min-height: 500px;
    display: flex;
    align-items: center;
  }

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

  .kf5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(10, 10, 10, 0.75) 0%, rgba(10, 10, 10, 0.5) 50%, rgba(10, 10, 10, 0.75) 100%);
    z-index: 1;
  }

  .n71b8a6c {
    position: relative;
    z-index: 2;
    max-width: 900px;
  }

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

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

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

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

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

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

  .jbc85 {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    font-size: clamp(0.875rem, 1vw, 1rem);
  }

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

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

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

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

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

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

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

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

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

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

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

  .d0316d1 {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

  .o4b {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .o4b i {
    color: var(--color-accent);
    font-size: 1.25rem;
  }

  .b2fec {
    flex: 1;
  }

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

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

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

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

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

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

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

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

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

  .c976ccf {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .k107c {
    flex: 1;
  }

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

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

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

  .dc0b {
    font-size: clamp(0.875rem, 1vw, 0.95rem);
    color: var(--color-accent);
    margin-bottom: 0.75rem;
  }

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

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

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

  .h71053d1 {
    text-align: center;
  }

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

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

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

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

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

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

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

  .e959 {
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: var(--color-text-primary);
    line-height: 1.4;
  }

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

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

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

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

    .pc6,
    .le4f0c2 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .l13d514 {
      flex-direction: column;
    }

    .b298,
    .o06 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .aa12f2 {
      flex-direction: column;
    }

    .h49ea03,
    .n44 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .l5d2 {
      flex-direction: column-reverse;
    }

    .n75,
    .hcb8 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .p098 {
      flex-direction: column;
    }

    .k2f1f,
    .c4a983b {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

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

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

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

.oa15c {
  width: 100%;
}

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

.o9a {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  padding: clamp(3rem, 8vw, 6rem) 0;
}

.e582 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
}

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

.oea9d {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(10,10,10,0.3) 0%, rgba(10,10,10,0.7) 70%, rgba(10,10,10,0.95) 100%);
  z-index: 1;
}

.o9a .paf912f {
  position: relative;
  z-index: 2;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.a2fa2 {
  flex: 1 1 50%;
}

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

.k47 {
  flex: 1 1 50%;
}

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

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

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

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

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

.dcbd49a3 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-left: 4px solid #f59e0b;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  gap: 1.5rem;
}

.dcbd49a3 i {
  color: #f59e0b;
  font-size: 1.5rem;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

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

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

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

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

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

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

.n72d,
.ka5fb6f7,
.c3e606 {
  flex: 1 1 50%;
  max-width: 50%;
}

@media (max-width: 768px) {
  .n72d,
  .ka5fb6f7,
  .c3e606 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.n3a34,
.m9cb77e,
.f2f {
  flex: 1 1 50%;
  max-width: 50%;
}

@media (max-width: 768px) {
  .n3a34,
  .m9cb77e,
  .f2f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.b8ae43 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.b8ae43 li {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  padding-left: 1.5rem;
  position: relative;
}

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

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

.kb6f {
  flex: 0 1 auto;
  min-width: 120px;
  background: var(--color-bg-tertiary);
  padding: 1.25rem;
  border-radius: var(--radius-lg);
  text-align: center;
  border: 1px solid var(--color-border);
}

.k6a {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
}

.pfb390 {
  color: var(--color-text-secondary);
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  margin-top: 0.5rem;
}

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

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

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

.c34b83 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  text-align: center;
  max-width: 90%;
  margin: 0 auto;
}

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

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

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

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

.gabd {
  width: 48px;
  height: 48px;
  background: var(--color-bg-tertiary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--color-accent);
  flex-shrink: 0;
}

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

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

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

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

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

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

.j9ebbf61 {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  border: 1px solid var(--color-border);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.ce4944 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
}

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

.jc2b {
  display: inline-block;
  background: var(--color-accent);
  color: #000;
  padding: 0.875rem 1.75rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  transition: var(--transition-base);
  width: fit-content;
  cursor: pointer;
}

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

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

.bbed93 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.cdb {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-accent);
}

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

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

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

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

.ndfa6e6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 500;
}

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

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

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

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

.c38 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  text-align: center;
  max-width: 90%;
  margin: 0 auto;
}

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

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

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

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

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

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

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

.a5c:hover .o58c87 img {
  transform: scale(1.05);
}

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

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

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

.fa0c {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: var(--transition-base);
  display: inline-block;
  margin-top: 0.5rem;
}

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

@media (max-width: 480px) {
  .o9a {
    min-height: 400px;
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .g7527e {
    font-size: 0.75rem;
    gap: 0.25rem;
  }

  .eea2c {
    max-width: 100%;
  }

  .ad720 {
    gap: clamp(0.75rem, 2vw, 1.5rem);
  }

  .lc6033 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .dcbd49a3 {
    gap: 1rem;
  }

  .ne467 {
    gap: clamp(0.75rem, 2vw, 1rem);
  }

  .kb6f {
    min-width: 100px;
    padding: 1rem;
  }

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

  .c34b83 {
    max-width: 100%;
  }

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

  .c38 {
    max-width: 100%;
  }

  .j9ebbf61 {
    padding: clamp(1.5rem, 3vw, 2rem);
    gap: 0.75rem;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

.m1221786 {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  max-width: 900px;
}

.b3e2 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  line-height: var(--line-height-relaxed);
}

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

.p50416 {
  width: 100%;
  max-width: 1000px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-xl);
}

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

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

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

.p929c0 {
  text-align: center;
}

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

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

.g9cf26b8 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: var(--line-height-relaxed);
}

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

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

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

.m48 {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-family: var(--font-heading);
}

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

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

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

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

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

.le930f {
  flex: 1 1 50%;
  min-width: 250px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

.k7f2056 {
  text-align: center;
}

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

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

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

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

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

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

.if2b05 {
  font-size: clamp(1.05rem, 1.8vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

.l26b61 {
  text-align: center;
}

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

.ie6 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  max-width: 650px;
  margin: 0 auto;
  line-height: var(--line-height-relaxed);
}

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

.p30d4c {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
}

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

.e0cd47 {
  flex: 1;
}

.kcd19 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-family: var(--font-heading);
}

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

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

.o10fb41e {
  max-width: 800px;
  margin: 0 auto;
}

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

.hed9da5a {
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.3rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  font-style: italic;
  font-weight: 500;
}

.ncd303f6 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  font-weight: 600;
  display: block;
}

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

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

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

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

.f94c7 {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

  .j2b7bd0,
  .le930f {
    flex: 1 1 100%;
  }

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

  .f2ff6a {
    padding: 1.25rem;
  }

  .df6eede3 {
    padding: 1.5rem;
  }
}

@media (max-width: 480px) {
  .m1221786 {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

  .l25759a,
  .o5d4c,
  .i6d28eb2,
  .b37f9f1 {
    font-size: clamp(1.3rem, 3vw, 1.75rem);
  }

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

  .a8d1e {
    margin-top: 0;
  }
}

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

  .b6b36 h1,
  .b6b36 h2,
  .b6b36 h3,
  .b6b36 p {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

  .ode9 {
    flex: 1 1 45%;
    min-height: 300px;
    max-height: 500px;
    overflow: hidden;
    border-radius: var(--radius-lg);
  }

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

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

  .d72500 {
    display: inline-block;
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    font-weight: 600;
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-wide);
  }

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

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

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

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

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

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

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

    .ode9,
    .g6855cd {
      flex: 1 1 100%;
    }

    .ode9 {
      min-height: 250px;
      max-height: 350px;
    }
  }

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

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

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

  .ded7a1ea {
    display: inline-block;
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    font-weight: 600;
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-wide);
    margin: 0 auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .ldd266 {
    display: inline-block;
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    font-weight: 600;
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-wide);
    margin: 0 auto;
  }

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

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

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

  .ld42e40 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 220px;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 1vw, 1rem);
    align-items: flex-start;
    transition: all var(--transition-base);
  }

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

  .d35bad25 {
    width: clamp(2.5rem, 5vw, 3.5rem);
    height: clamp(2.5rem, 5vw, 3.5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-md);
    color: var(--color-accent);
    font-size: clamp(1.25rem, 2vw, 1.75rem);
  }

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

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

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

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

    .ld42e40 {
      flex: 1 1 calc(25% - clamp(1.125rem, 1.5vw, 1.5rem));
    }
  }

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

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

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

  .gab05da3 {
    display: inline-block;
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    font-weight: 600;
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-wide);
    margin: 0 auto;
  }

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

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

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

  .iea {
    display: flex;
    flex-direction: column;
    gap: clamp(0.5rem, 1vw, 0.75rem);
    padding-bottom: clamp(0.75rem, 1vw, 1rem);
    border-bottom: 1px solid var(--color-border-light);
  }

  .iea:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  .jf21d02 {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
    font-family: var(--font-heading);
    color: var(--color-accent);
    font-weight: 700;
    line-height: var(--line-height-tight);
  }

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

  .c59 {
    flex: 1 1 50%;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--color-accent);
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 1.5vw, 1.5rem);
    justify-content: center;
  }

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

  .h4436f {
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    color: var(--color-accent);
    font-weight: 600;
    margin: 0;
  }

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

    .pabaf169,
    .c59 {
      flex: 1 1 100%;
    }
  }

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

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

  .d2ba45 {
    background: var(--color-bg-card);
    padding: clamp(2rem, 4vw, 3.5rem);
    border-radius: var(--radius-lg);
    border-top: 3px solid var(--color-accent);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

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

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

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

  .h0e,
  .oed6 {
    padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    font-weight: 600;
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: all var(--transition-base);
    display: inline-block;
    cursor: pointer;
    border: none;
    text-align: center;
    line-height: var(--line-height-normal);
  }

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

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

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

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

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

    .h0e,
    .oed6 {
      width: 100%;
    }
  }

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

.o5266 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.o5266 h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.o5266 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  margin: 0;
  line-height: var(--line-height-normal);
}

.m6e101 {
  padding: var(--spacing-3xl) var(--spacing-lg);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.c7e2f87 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.ea0ef2c {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

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

.c2d1df53 {
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
}

.ge4 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.ea0ef2c h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 3vw, 1.5rem);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.ea0ef2c p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.n04 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.d5fe77 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

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

.n04 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-normal);
}

.e064f3 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  text-decoration: none;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .o5266 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

  .c7e2f87 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .a3c976 {
    height: 280px;
  }

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

@media (min-width: 1024px) {
  .o5266 {
    padding: var(--spacing-4xl) 0;
  }

  .m6e101 {
    padding: var(--spacing-4xl) 0;
  }

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

  .a3c976 {
    height: 300px;
  }

  .ea0ef2c:nth-child(even) {
    grid-template-columns: 1fr 1fr;
  }

  .ea0ef2c:nth-child(even) .a3c976 {
    order: 2;
  }

  .ea0ef2c:nth-child(even) .c2d1df53 {
    order: 1;
  }

  .n04 {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1440px) {
  .nb27c,
  .c7e2f87,
  .d5fe77 {
    max-width: 1280px;
  }
}

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

.g7b1 {
  position: relative;
  padding: var(--spacing-2xl) 0 var(--spacing-xl);
  overflow: hidden;
}

.h6f8cfb2 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  text-align: center;
  position: relative;
  z-index: 2;
}

.p076237 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

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

.fa6c3 {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
  margin-top: var(--spacing-xl);
  border-radius: var(--radius-lg);
}

@media (min-width: 768px) {
  .g7b1 {
    padding: var(--spacing-3xl) 0 var(--spacing-2xl);
  }

  .fa6c3 {
    height: 350px;
    margin-top: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .g7b1 {
    padding: var(--spacing-4xl) 0 var(--spacing-3xl);
  }

  .fa6c3 {
    height: 400px;
  }
}

.fd8 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.n5f2 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

.jd8884 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.b141231 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.b141231:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.c45 {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  flex-shrink: 0;
}

.c45 i {
  font-size: var(--font-size-2xl);
  color: var(--color-primary);
}

.kab39 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  letter-spacing: var(--letter-spacing-tight);
}

.fe2 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.lb8f4 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  transition: background-color var(--transition-base);
  width: fit-content;
}

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

@media (min-width: 768px) {
  .fd8 {
    padding: var(--spacing-3xl) 0;
  }

  .jd8884 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .fd8 {
    padding: var(--spacing-4xl) 0;
  }

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

.k1a50ab {
  position: relative;
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.k0bc01 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  text-align: center;
  position: relative;
  z-index: 2;
}

.c43b4 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

.a27a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.o4da482 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  transition: background-color var(--transition-base);
  margin-bottom: var(--spacing-xl);
}

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

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

@media (min-width: 768px) {
  .k1a50ab {
    padding: var(--spacing-3xl) 0;
  }

  .k40c {
    height: 350px;
    margin-top: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .k1a50ab {
    padding: var(--spacing-4xl) 0;
  }

  .k40c {
    height: 400px;
  }
}

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

.n41f1aea main {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
}

.n41f1aea .paf912f {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.n41f1aea .j1ff65 {
  max-width: 800px;
  margin: 0 auto;
}

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

.n41f1aea .a5a5b {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.n41f1aea h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.n41f1aea p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.n41f1aea ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  padding-left: var(--spacing-lg);
}

.n41f1aea li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

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

.n41f1aea .o7bf58c {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-2xl);
  border-radius: var(--radius-md);
}

.n41f1aea .o7bf58c h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.n41f1aea .o7bf58c p {
  margin-bottom: var(--spacing-sm);
}

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

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

@media (min-width: 768px) {
  .n41f1aea main {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .n41f1aea .paf912f {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .n41f1aea main {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }

  .n41f1aea .paf912f {
    padding: 0 var(--spacing-xl);
  }
}

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

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

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

main {
  width: 100%;
}

.je069 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.a6f383bc {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.a89cc {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

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

.h6af3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
  border-radius: var(--radius-full);
  background-color: var(--color-success-light);
  color: var(--color-success);
  font-size: clamp(2rem, 8vw, 3.5rem);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.id271c {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
  animation: slideDown 0.6s ease-out 0.1s backwards;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.d6e3c528 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-primary);
  letter-spacing: var(--letter-spacing-normal);
  animation: slideDown 0.6s ease-out 0.2s backwards;
}

.l866 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
  animation: slideDown 0.6s ease-out 0.3s backwards;
}

.l866:first-of-type {
  margin-top: var(--spacing-md);
}

.m77 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border: 2px solid transparent;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  letter-spacing: var(--letter-spacing-normal);
  animation: slideDown 0.6s ease-out 0.4s backwards;
}

.jb6 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.jb6:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (min-width: 640px) {
  .a6f383bc {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

@media (min-width: 768px) {
  .a6f383bc {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .h6af3 {
    width: clamp(80px, 12vw, 120px);
    height: clamp(80px, 12vw, 120px);
  }
}

@media (min-width: 1024px) {
  .a6f383bc {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

.ea55ca {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
  overflow: hidden;
}

.bee {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-2xl) 0;
}

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

.a89cc {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.b2cba25 {
  text-align: center;
  animation: fadeInScale 0.8s ease-out;
}

.md22 {
  position: relative;
  margin-bottom: var(--spacing-xl);
}

.mc60a65c {
  font-family: var(--font-heading);
  font-size: clamp(3rem, 12vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-sm);
}

.c3245224 {
  height: 4px;
  width: clamp(60px, 20vw, 120px);
  background-color: var(--color-accent);
  margin: var(--spacing-md) auto 0;
  border-radius: var(--radius-full);
  animation: slideIn 0.8s ease-out 0.2s both;
}

.if2a89 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-normal);
  animation: fadeInUp 0.8s ease-out 0.1s both;
}

.l8f8 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

.e006 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-2xl);
  animation: fadeInUp 0.8s ease-out 0.3s both;
}

.m77 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  margin-bottom: var(--spacing-2xl);
  animation: fadeInUp 0.8s ease-out 0.4s both;
}

.jb6 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.jb6:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.e863 {
  margin-top: var(--spacing-3xl);
  display: flex;
  justify-content: center;
  animation: fadeInUp 0.8s ease-out 0.5s both;
}

.hb97 {
  width: clamp(150px, 40vw, 250px);
  height: auto;
  color: var(--color-primary-light);
}

.gc1 {
  animation: wave 3s ease-in-out infinite;
}

.iadd287f {
  animation: wave 3s ease-in-out 0.4s infinite;
}

.p46f536 {
  animation: wave 3s ease-in-out 0.8s infinite;
}

.a0e75 {
  fill: var(--color-accent);
}

.bc3b2e {
  stroke: var(--color-accent);
}

.mf49df {
  fill: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideIn {
  from {
    width: 0;
  }
  to {
    width: clamp(60px, 20vw, 120px);
  }
}

@keyframes wave {
  0%, 100% {
    d: path("M 0 80 Q 25 70 50 80 T 100 80 T 150 80 T 200 80");
  }
  50% {
    d: path("M 0 85 Q 25 75 50 85 T 100 85 T 150 85 T 200 85");
  }
}

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

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

  .m77 {
    padding: var(--spacing-md) var(--spacing-xl);
    width: 100%;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .bee {
    padding: var(--spacing-2xl) 0;
  }

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

@media (min-width: 769px) {
  .bee {
    padding: var(--spacing-3xl) 0;
  }

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

  .mc60a65c:hover {
    animation: float 3s ease-in-out infinite;
  }
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mc60a65c,
  .if2a89,
  .l8f8,
  .e006,
  .m77,
  .e863,
  .gc1,
  .iadd287f,
  .p46f536 {
    animation: none !important;
  }

  .m77 {
    transition: none;
  }

  .jb6:hover {
    transform: none;
  }
}

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

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

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

.ca97 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
  margin: 0;
}

.o915b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 600px;
}

@media (min-width: 768px) {
  .j332bc {
    padding: clamp(3rem, 7vw, 6rem) 0;
  }
}

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

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

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

@media (min-width: 1024px) {
  .l15b4 {
    flex-direction: row;
    gap: clamp(3rem, 6vw, 5rem);
    align-items: flex-start;
  }
}

.h3170 {
  flex: 1 1 auto;
  min-width: 0;
}

.o12 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-lg);
}

.b5021 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

.m1809c91 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.ec5e1e7b {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.ba27c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.pe78c {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
}

.mcdaa5,
.jbd {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
}

.mcdaa5::placeholder,
.jbd::placeholder {
  color: var(--color-text-muted);
}

.mcdaa5:focus,
.jbd:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.jbd {
  min-height: 150px;
  resize: vertical;
}

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

.c32a65 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-normal);
  cursor: pointer;
  transition: all var(--transition-base);
}

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

.c32a65:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.o8ebc16 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.cd2396 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.cc63d {
  flex: 1 1 auto;
  min-width: 0;
}

.mc1a {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-lg);
}

.m79af6b0 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

.e6d9df {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.g5eada {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.jaa {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

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

.d41bb {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  flex: 1;
}

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

.n916 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  margin: 0;
}

.ccec {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.n51 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 0;
}

.ce54f {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.h4633 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.p0b95e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.oc8 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

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

.d4d9c5 {
  padding: 0 var(--spacing-md);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  align-items: center;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

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

.fb3c6 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.e6c29c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  width: 100%;
}

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

.de68487 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  text-decoration: none;
  transition: all var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
}

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

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

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

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

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

  .h3170,
  .cc63d {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .gb257cbc,
  .e35f2,
  .d4d9c5 {
    padding: 0 var(--spacing-md);
  }

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

  .c52 {
    width: 45px;
    height: 45px;
    min-width: 45px;
  }

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

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.h38b1358,.p03bb9d{width:34px;}
.h38b1358[aria-expanded="true"]{display:none;}
.oa7a.ac672{z-index:999;}
.oa7a{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.oa7a{max-width:100%;}}
.a6f{justify-content:flex-end;}