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

:root {
  --color-bg-primary: #0c1929;
  --color-bg-secondary: #162d50;
  --color-bg-tertiary: #1e3a5f;
  --color-bg-card: #152a48;

  --color-text-primary: #ffffff;
  --color-text-secondary: #bfdbfe;
  --color-text-muted: #93c5fd;

  --color-primary: #3b82f6;
  --color-primary-hover: #2563eb;
  --color-primary-light: #60a5fa;
  --color-secondary: #60a5fa;
  --color-secondary-light: #93c5fd;

  --color-success: #10b981;
  --color-success-light: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: #fcd34d;
  --color-danger: #ef4444;
  --color-danger-light: #fca5a5;

  --color-border: #1e3a5f;
  --color-border-light: #162d50;

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

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

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --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 ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;

  --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-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

h1 {
  font-size: var(--font-size-6xl);
  letter-spacing: -0.02em;
}

h2 {
  font-size: var(--font-size-5xl);
  letter-spacing: -0.01em;
}

h3 {
  font-size: var(--font-size-4xl);
  letter-spacing: -0.01em;
}

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

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

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

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

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

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

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

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

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

.d8eba {
  padding: var(--spacing-md) var(--spacing-lg);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  white-space: nowrap;
}

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

.me6:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

.j8dd124 {
  background: var(--color-secondary);
  color: var(--color-text-primary);
}

.j8dd124:hover {
  background: var(--color-primary-light);
  box-shadow: var(--shadow-lg);
}

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

.ndcf9ed5:hover {
  background: var(--color-primary);
  color: var(--color-text-primary);
}

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

.k67a5f1:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l752b {
  padding: var(--spacing-4xl) var(--spacing-lg);
}

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

.g8a3 {
  padding: var(--spacing-4xl) var(--spacing-lg);
}

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

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

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

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

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

.d1e1a8 {
  display: flex;
}

.i0702 {
  flex-direction: column;
}

.g393f {
  flex-wrap: wrap;
}

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

.g691 {
  justify-content: center;
}

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

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

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

.acf9dbd8 {
  align-items: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f9d {
  font-weight: 700;
}

.oc484edb {
  font-weight: 600;
}

.k0ba38 {
  font-weight: 500;
}

.g343 {
  font-weight: 400;
}

.n796b1 {
  text-align: center;
}

.e796b1 {
  text-align: left;
}

.cc528d {
  text-align: right;
}

.je3c {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ec8 {
  text-transform: lowercase;
}

.cb8311 {
  text-transform: capitalize;
}

.j24b {
  width: 100%;
}

.afc44b9 {
  height: 100%;
}

.b75 {
  max-width: 100%;
}

.g395453 {
  opacity: 0.5;
}

.ob0f {
  opacity: 0.75;
}

.cc5dc24 {
  opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m7dc2 {
    padding: 0 var(--spacing-sm);
  }
}
.d3935a3f {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  width: 100%;
}

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

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

.f109ce:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

.da3e0e {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  margin-right: -0.5rem;
  flex-shrink: 0;
}

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

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

.da3e0e.m71 .ned0fb24 {
  transform: rotate(45deg) translateY(12px);
}

.da3e0e.m71 .ned0fb24::before {
  opacity: 0;
}

.da3e0e.m71 .ned0fb24::after {
  transform: rotate(-90deg) translateY(-12px);
}

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

.k6e7b0.m71 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

.jb826 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1rem 0;
  overflow-y: auto;
  flex: 1;
}

.e1aaa {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-weight: 500;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

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

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

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

  .k6e7b0 {
    display: none !important;
  }

  .a843c {
    display: flex;
  }

  .a971a88 {
    display: inline-block;
  }

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

@media (min-width: 1024px) {
  .p14e8 {
    padding: clamp(1rem, 1.5vw, 1.5rem) clamp(1.5rem, 4vw, 2.5rem);
  }

  .d8c07 {
    font-size: 1rem;
  }

  .a971a88 {
    font-size: 1rem;
  }
}

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

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

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

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

.nf0 {
  background: var(--color-bg-primary);
  padding: 0;
  overflow: hidden;
}

.gce {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.p2960c {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(12, 25, 41, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.p24 {
  text-align: center;
  max-width: 700px;
  padding: 2rem;
}

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

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

.ga3b6 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}

.j5f04f8,
.o346 {
  display: inline-block;
  padding: 0.875rem 2rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  text-align: center;
  white-space: nowrap;
  border: none;
  cursor: pointer;
}

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

.j5f04f8:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(59, 130, 246, 0.2);
}

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

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

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

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

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

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

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

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

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

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

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

.k183e8 {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  border-radius: 8px;
}

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

  .kda690 {
    flex: 1 1 50%;
  }

  .k183e8 {
    flex: 1 1 50%;
    max-height: 450px;
  }
}

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

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

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

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

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

.kd4 {
  flex: 1 1 200px;
  max-width: 250px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

.a588d {
  text-align: center;
}

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

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

.o71c0 {
  flex: 1 1 200px;
  max-width: 250px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: 8px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-top: 3px solid var(--color-accent);
}

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

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

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

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

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

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

.ke0 {
  flex-direction: column;
}

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

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

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

  .nb1 {
    align-items: center;
    gap: clamp(2rem, 5vw, 3rem);
  }
}

.gd396 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.la93 {
  flex: 1 1 45%;
  width: 100%;
  max-height: 350px;
  object-fit: cover;
  border-radius: 8px;
}

@media (min-width: 768px) {
  .la93 {
    max-height: 400px;
  }
}

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

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

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

.j5aeb77 {
  flex: 1 1 45%;
  display: none;
}

@media (min-width: 768px) {
  .j5aeb77 {
    display: block;
  }
}

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

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

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

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

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

.id8e7 {
  flex: 1 1 250px;
  max-width: 300px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all 0.3s ease;
}

.id8e7:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(59, 130, 246, 0.15);
}

.a79 {
  font-size: 2.5rem;
  color: var(--color-accent);
  display: flex;
  justify-content: center;
}

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

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

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

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

.jd0ced {
  text-align: center;
}

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

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

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

.o8e6 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-tertiary);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.o8e6:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(59, 130, 246, 0.2);
}

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

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

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

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

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

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

.oc9580 {
  text-align: center;
}

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

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

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

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

.j0a16 {
  flex: 1 1 250px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.p351 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

.p351:hover {
  color: var(--color-accent);
  padding-left: 0.5rem;
}

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

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

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

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

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

.le0edc3 {
  flex: 1 1 300px;
  max-width: 450px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.ffebc312 {
  padding: 1.5rem;
  background: var(--color-bg-card);
  border-radius: 6px;
  border-left: 3px solid var(--color-accent);
}

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

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

.l5b7 {
  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);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3);
}

.l5b7.g25346a4 {
  display: none;
}

.j51e6 {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  flex: 1 1 auto;
  min-width: 250px;
}

.n099 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.a516e8,
.e30f {
  padding: 0.5rem 1.25rem;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

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

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

@media (max-width: 640px) {
  .l5b7 {
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 1rem;
  }

  .j51e6 {
    text-align: center;
  }

  .n099 {
    flex-direction: column;
  }

  .a516e8,
  .e30f {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .gce {
    aspect-ratio: 16 / 10;
  }

  .nb1 {
    gap: clamp(3rem, 6vw, 4rem);
  }

  .m0d {
    gap: clamp(3rem, 6vw, 5rem);
  }
}

@media (min-width: 1024px) {
  .p30 {
    gap: clamp(2rem, 4vw, 3rem);
  }

  .n889a22 {
    gap: clamp(2.5rem, 5vw, 4rem);
  }
}

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

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

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

.ca546 {
  display: block;
}

.ca546 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
}

.ca546 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 85ch;
}

.i20e {
  display: block;
}

.i20e h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
}

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

.g47 li {
  display: block;
}

.g47 a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: color var(--transition-base);
  line-height: var(--line-height-normal);
}

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

.i4af2 {
  display: block;
}

.i4af2 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
}

.i4af2 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: var(--line-height-normal);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h67 {
  display: block;
}

.h67 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
}

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

.a73 li {
  display: block;
}

.a73 a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: color var(--transition-base);
  line-height: var(--line-height-normal);
}

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

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

.l7fff {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .ca546 {
    grid-column: 1 / -1;
    padding-bottom: clamp(1rem, 2vw, 1.5rem);
  }

  .i20e {
    grid-column: 1;
  }

  .i4af2 {
    grid-column: 2;
  }

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

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

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

  .ca546 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
  }

  .i20e {
    grid-column: 2 / 3;
    grid-row: 1;
  }

  .i4af2 {
    grid-column: 3 / 4;
    grid-row: 1;
  }

  .h67 {
    grid-column: 4 / 5;
    grid-row: 1;
  }

  .h830 {
    grid-column: 1 / -1;
    grid-row: 3;
  }
}

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

  .g47 li,
  .a73 li {
    display: block;
  }
}

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

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

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

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

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

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

.g8ba45 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(12, 25, 41, 0.5);
  z-index: 1;
}

.b1378 {
  position: relative;
  z-index: 2;
  text-align: center;
}

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

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

.p9a4c0 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 12px;
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {
  .ked4f1 {
    padding: clamp(6rem, 12vw, 10rem) 0;
  }

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

  .b1378 {
    flex: 1 1 45%;
    text-align: left;
  }

  .p9a4c0 {
    flex: 1 1 45%;
    min-height: 350px;
  }
}

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

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

.ee7ceb {
  text-align: center;
}

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

.pab7ce6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.hcb7f9 {
  flex: 1 1 clamp(280px, 45vw, 380px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  transition: all 0.3s ease;
  border: 1px solid rgba(59, 130, 246, 0.1);
}

.hcb7f9:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.15);
}

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

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

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

.oce9 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding-top: 0.75rem;
  border-top: 1px solid rgba(59, 130, 246, 0.1);
}

.ic7687c,
.ce6d4686,
.l8a4 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw + 0.5rem, 0.875rem);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ic7687c i,
.ce6d4686 i,
.l8a4 i {
  color: var(--color-accent);
  font-size: 0.9em;
}

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

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

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

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

.e57ec {
  text-align: center;
}

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

.h2a {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.o651 {
  background: var(--color-bg-primary);
  border: 1px solid rgba(59, 130, 246, 0.15);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.o651:hover {
  border-color: var(--color-accent);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.1);
}

.a27a492 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  border: none;
  width: 100%;
  text-align: left;
  transition: color 0.3s ease;
}

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

.o651 details > summary::marker {
  color: var(--color-accent);
}

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

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

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

.j107 {
  text-align: center;
}

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

.nc5 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.ae7a6 {
  flex: 1 1 clamp(280px, 30vw, 360px);
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  text-align: center;
  border: 1px solid rgba(59, 130, 246, 0.1);
  transition: all 0.3s ease;
}

.ae7a6:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.15);
}

.odaa217 {
  width: 56px;
  height: 56px;
  background: rgba(59, 130, 246, 0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

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

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

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

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

  .hcb7f9 {
    flex: 1 1 clamp(300px, 45vw, 400px);
  }

  .cc82a8 {
    max-width: 850px;
  }

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

  .ae7a6 {
    flex: 1 1 clamp(300px, 28vw, 380px);
  }
}

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

  .hcb7f9 {
    flex: 1 1 380px;
  }

  .h54510 {
    gap: 2.5rem;
  }

  .ae7a6 {
    flex: 1 1 340px;
  }
}

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

html, body {
  font-family: var(--font-primary, 'DM Sans', sans-serif);
}

.g2c877 {
  width: 100%;
}

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

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

.a197 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.bbfc8 {
  font-family: var(--font-heading, 'DM Serif Display', serif);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

  .f4c8a,
  .pb3a {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

.g9a4ac {
  font-family: var(--font-heading, 'DM Serif Display', serif);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.de91f5 {
  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);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

  .madb9,
  .o63bf {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

.d579a7f {
  font-family: var(--font-heading, 'DM Serif Display', serif);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p774f0bb {
  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);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .ga40,
  .hc138 {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }

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

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

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

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

.h266 {
  flex: 1;
}

.h5dee730 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .l031 {
    margin-top: 0;
  }
}

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

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

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

.i1fd4 {
  font-family: var(--font-heading, 'DM Serif Display', serif);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c171 {
  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);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

  .o16,
  .h319548 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

.ede {
  font-family: var(--font-heading, 'DM Serif Display', serif);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p8a {
  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);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .bf132,
  .pe144 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.b745f9 {
  font-family: var(--font-heading, 'DM Serif Display', serif);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.a7852e {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.c5a8 {
  font-family: var(--font-heading, 'DM Serif Display', serif);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.d76 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  text-decoration: none;
  height: 100%;
  transition: all var(--transition-base);
}

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

.i22 {
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

.d76:hover .a249 {
  transform: scale(1.05);
}

.g6bc {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
}

.lc9c70 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

  .dfb66b14 {
    flex-direction: column;
  }
}

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

.hbfde {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  position: sticky;
  top: clamp(1rem, 2vw, 2rem);
}

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

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

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

.h093 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  width: 100%;
}

.ead7dc5 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

@media (max-width: 1024px) {
  .f96b5 {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

  .hbfde {
    position: static;
  }
}

@media (max-width: 768px) {
  .kb1054e {
    padding: clamp(1rem, 2vw, 1.5rem);
  }

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

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

a {
  transition: all var(--transition-base);
}

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

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

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

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

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

html,
body {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .n4d5d8,
  .oa728 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

.i54 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem) * 2/3);
  min-width: 250px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition-base);
}

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

.d6a9c {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
}

.d44e {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  margin-bottom: 0.75rem;
  line-height: var(--line-height-snug);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .k159413e,
  .af95 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.c6bea28 {
  flex: 1;
}

.i65c7e {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: var(--line-height-snug);
}

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

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

  .i160 {
    margin-top: 0;
  }
}

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

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

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

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

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

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

  .a02,
  .pda {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }
}

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

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

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

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

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

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

.j08 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem) * 2/3);
  min-width: 120px;
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 1.5vw, 1.5rem);
  border-radius: var(--radius-md);
  text-align: center;
}

.i2f61 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin-bottom: 0.25rem;
}

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

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

  .ec0b25,
  .ea6 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

.e0109a {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem) * 2/3);
  min-width: 280px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

.p45f2 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  margin-bottom: 0.75rem;
  line-height: var(--line-height-snug);
}

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

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

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

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

.l31c {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 2vw, 2rem);
  align-items: flex-start;
  max-width: 500px;
  margin: 0 auto;
}

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

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

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

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

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

.m3c741 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 500;
  line-height: var(--line-height-snug);
  margin: 0;
}

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

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

  .o209 {
    gap: 0.25rem;
  }
}

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

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

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

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

.cfc {
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-primary) 100%);
  border: 1px solid var(--color-border);
  padding: clamp(2rem, 3vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.la0d99 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: var(--line-height-snug);
}

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

.e752 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

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

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

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

.c4966 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem) * 2/3);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .c4966 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem) / 2);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n5a i {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1.2vw, 1rem);
}

.j2cfc088 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  display: block;
  object-fit: cover;
}

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

  .e4e007f,
  .j2cfc088 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

.l914ad4 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-primary);
  padding: clamp(0.375rem, 1vw, 0.5rem) clamp(0.75rem, 1.5vw, 1rem);
  border-radius: 0.25rem;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  margin-right: 0.75rem;
  margin-bottom: 0.5rem;
}

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

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

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

.j801 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.j801 li {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  padding-left: 1.75rem;
  position: relative;
  line-height: 1.6;
}

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

.h8c img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  display: block;
  object-fit: cover;
}

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

  .m278,
  .h8c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.i1b2 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  border-left: 4px solid var(--color-secondary);
}

.mca img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  display: block;
  object-fit: cover;
}

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

  .mca,
  .p410a5e {
    flex: 1 1 100%;
    max-width: 100%;
    order: initial;
  }
}

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

.bb3bf45 {
  max-width: 850px;
  margin: 0 auto;
}

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

.p9c {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 600;
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
}

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

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

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

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

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

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

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

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

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

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

.a36b7 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  display: block;
  object-fit: cover;
}

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

  .j642426e,
  .a36b7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.m65764 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  display: block;
  object-fit: cover;
}

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

  .m65764,
  .o33d8e {
    flex: 1 1 100%;
    max-width: 100%;
    order: initial;
  }
}

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

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

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

.p0027a11 {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--color-border);
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  overflow: hidden;
}

.m7018 {
  display: flex;
  flex-direction: row;
  gap: 0;
}

.m7018:first-child {
  background: var(--color-bg-tertiary);
}

.m7018:not(:last-child) {
  border-bottom: 1px solid var(--color-border);
}

.d47c {
  flex: 1;
  padding: clamp(0.875rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-align: left;
}

.p6ab1 {
  flex: 1;
  padding: clamp(0.875rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  text-align: left;
  line-height: 1.6;
}

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

  .d47c,
  .p6ab1 {
    padding: clamp(0.75rem, 1.5vw, 1rem);
    font-size: clamp(0.75rem, 1vw, 0.875rem);
  }
}

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

.nda3 {
  max-width: 850px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

.e8e5 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem));
  min-width: 250px;
  max-width: 350px;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.o0ff3 {
  flex: 0 0 clamp(100px, 20vw, 140px);
  height: clamp(100px, 20vw, 140px);
  border-radius: clamp(0.375rem, 1vw, 0.5rem);
  overflow: hidden;
}

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

.f241440 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

.h1fa4 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  line-height: 1.5;
  margin: 0;
}

@media (max-width: 1024px) {
  .e8e5 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
    min-width: 240px;
  }
}

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

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

.p68bfe {
  max-width: 850px;
  margin: 0 auto;
}

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

.d138 {
  flex: 0 0 clamp(100px, 15vw, 140px);
  width: clamp(100px, 15vw, 140px);
  height: clamp(100px, 15vw, 140px);
  border-radius: clamp(0.375rem, 1vw, 0.75rem);
  object-fit: cover;
  display: block;
}

.pa0097 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

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

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

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

  .d138 {
    margin: 0 auto;
  }

  .pa0097 {
    align-items: center;
  }
}

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

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

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

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

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

.d7e a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: color 0.3s ease;
}

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

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

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

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

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

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

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

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

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

.iec4bd i {
  color: var(--color-accent);
  width: 18px;
  text-align: center;
}

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

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

  .i4c4,
  .la8bd {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .n37a69,
  .j4d21c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.nc3fb {
  list-style: none;
}

.k18f9 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.6;
}

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

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

  .a031,
  .fef3289 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.acadf8 {
  font-size: clamp(1.5rem, 2vw + 0.5rem, 2rem);
  color: var(--color-accent);
  flex-shrink: 0;
}

.ic2479 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

  .h5f01,
  .n3fb6974 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .h90d277,
  .jd48055 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

  .ob21,
  .gccc5ac2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.p0bae {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border-light);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.p0bae:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(59, 130, 246, 0.15);
}

.i8855 {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.5rem);
  color: var(--color-accent);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.1);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

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

.e8b {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 1rem;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.e8b:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(59, 130, 246, 0.1);
}

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

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

.i2c05c61 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
}

.j41c7 {
  font-size: clamp(0.75rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.5;
}

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

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

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

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

.decec4e {
  flex-shrink: 0;
}

.l142 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-md);
  object-fit: cover;
  border: 2px solid var(--color-accent);
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ocd97 {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}

.db9e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw + 0.5rem, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.db9e:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(59, 130, 246, 0.3);
}

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

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

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

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

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

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

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

.i6da5 {
  text-align: center;
  max-width: 800px;
}

.g242 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

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

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

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

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

.habde {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

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

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

.h09ff04 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

.ba305cd8 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

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

.jac5e6 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
  transition: all var(--transition-base) ease;
}

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

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

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

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

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

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

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

.f3b5 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

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

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

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

.mcbc09 {
  flex: 1;
}

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

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

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

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

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

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

.d3f621 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

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

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

.pa293 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
}

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

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

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

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

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

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

@media (min-width: 768px) {
  .jac5e6 {
    flex: 1 1 calc(50% - 0.75rem);
  }

  .j4992c {
    gap: 1.5rem;
  }

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

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

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

  .j4992c {
    gap: 2rem;
  }
}

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

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

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

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

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

.a3ea {
  flex: 1 1 45%;
  min-width: 250px;
}

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

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

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

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

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

.c9c08 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1.5vw, 1rem);
  line-height: var(--line-height-relaxed);
}

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

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

.mb17 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

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

.od521097 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

.o22c6 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  min-width: 60px;
  text-align: center;
}

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

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

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

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

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

.b045 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

.p54bdf {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

.e5d {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

.e13b {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

.a2e2006f {
  flex: 1 1 45%;
  min-width: 250px;
}

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

.ib4394 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: var(--line-height-relaxed);
  font-style: italic;
  margin: 0;
}

.o0369 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 500;
  font-style: normal;
}

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

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

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

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

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

.ebd,
.o5d {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.875rem, 1vw, 1rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
}

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

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

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

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

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

.bf0e2 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  flex-wrap: wrap;
  justify-content: space-between;
}

.o31 {
  flex: 1 1 clamp(200px, 25%, 300px);
  min-width: 180px;
}

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

.cbcce6 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

  .a3ea {
    flex: 1 1 100%;
  }

  .n8e4b8b9 {
    flex: 1 1 100%;
  }

  .b52 {
    flex-direction: column;
  }

  .p05080 {
    flex: 1 1 100%;
  }

  .a2e2006f {
    flex: 1 1 100%;
  }

  .hf9f7 {
    flex-direction: column;
  }

  .ebd,
  .o5d {
    width: 100%;
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mfc9e {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

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

@media (min-width: 1024px) {
  .ff19 {
    flex: 1 1 calc(33.333% - 1.33rem);
  }
}

@media (min-width: 1440px) {
  .c25899 {
    padding: 6rem 0;
  }

  .k1f085 {
    padding: 6rem 0;
  }

  .be92 {
    padding: 6rem 0;
  }

  .g7ce {
    padding: 6rem 0;
  }

  .jc506 {
    padding: 6rem 0;
  }
}

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

.n7afa484 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.gef5b {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--spacing-xl) 0;
}

.dde559 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.jfed {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  max-width: 600px;
}

.f980dcec {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.dbc589 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.f6af {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

.f6af:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

.bb0 {
  width: 100%;
  height: 240px;
  background-color: var(--color-bg-secondary);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.f6af:hover .bb0 img {
  transform: scale(1.03);
}

.if24 {
  padding: var(--spacing-lg);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.i2b0d9 {
  display: flex;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
  flex-wrap: wrap;
}

.h4004 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: 600;
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.j3fd {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--color-text-secondary);
  padding: var(--spacing-xs) var(--spacing-sm);
}

.be352 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.mce7ba {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.g87102 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

.occ0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.h1118 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  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;
}

.fca {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 1px solid var(--color-primary);
  cursor: pointer;
}

.fca:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .n7afa484 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

  .f980dcec {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .dbc589 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .f6af {
    flex-direction: column;
  }

  .bb0 {
    height: 280px;
  }

  .g87102 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n7afa484 {
    padding: var(--spacing-xl) 0;
  }

  .gef5b {
    padding: var(--spacing-3xl) 0;
  }

  .f980dcec {
    padding: var(--spacing-4xl) 0;
  }

  .dbc589 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }

  .bb0 {
    height: 250px;
  }

  .g87102 {
    padding: var(--spacing-4xl) 0;
  }
}

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

.h92a70b {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.o258 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

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

@media (min-width: 768px) {
  .h92a70b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .h92a70b {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.m8f {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.o028e1d9 {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3xl);
  align-items: start;
}

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

.cf855 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
}

.cf855:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-sm);
}

.l5a3ed5 {
  width: 100%;
  background-color: var(--color-bg-card);
  border: none;
  padding: var(--spacing-lg);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: all var(--transition-base);
  text-align: left;
}

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

.gf1 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 500;
  line-height: var(--line-height-snug);
}

.k8b3585 {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: var(--color-primary);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--transition-base);
  position: relative;
}

.k8b3585::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 2px;
  background-color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
}

.k8b3585::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 10px;
  background-color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  transition: opacity var(--transition-base);
}

.l5a3ed5[aria-expanded="true"] .k8b3585 {
  transform: rotate(45deg);
}

.l5a3ed5[aria-expanded="true"] .k8b3585::after {
  opacity: 0;
}

.kb6 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

.kb6 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dd3eab {
  display: none;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.dd3eab img {
  width: 100%;
  height: auto;
  display: block;
  background-color: var(--color-bg-secondary);
}

@media (min-width: 768px) {
  .m8f {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .o028e1d9 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }

  .dd3eab {
    display: block;
  }
}

@media (min-width: 1024px) {
  .m8f {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

.nebe {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.c0a70c14 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.pc6e719 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 500;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.pc6e719:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .nebe {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .nebe {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.c904 main {
  width: 100%;
}

.c904 .m7dc2 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.c904 .d5c22f5 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.c904 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-snug);
}

.c904 .ef54 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.c904 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

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

.c904 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

.c904 .j567d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.c904 .j567d h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.c904 .j567d p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.c904 .n98e {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.c904 .n98e h3 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-lg);
  margin-bottom: var(--spacing-sm);
}

.c904 .n98e p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.c904 .le0 {
  width: 100%;
  margin: var(--spacing-lg) 0;
  border-collapse: collapse;
}

.c904 .le0 th,
.c904 .le0 td {
  padding: var(--spacing-md);
  text-align: left;
  border-bottom: 1px solid var(--color-border-light);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
}

.c904 .le0 th {
  background-color: var(--color-bg-secondary);
  font-weight: 600;
  color: var(--color-text-primary);
}

.c904 .le0 tr:nth-child(even) {
  background-color: var(--color-bg-tertiary);
}

@media (min-width: 768px) {
  .c904 .m7dc2 {
    padding: 0 var(--spacing-lg);
  }

  .c904 .d5c22f5 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .c904 .m7dc2 {
    padding: 0 var(--spacing-xl);
  }

  .c904 .d5c22f5 {
    padding: var(--spacing-4xl) 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 {
min-height: 100vh;
  padding: var(--spacing-md);
}

.p03dd31 {
  width: 100%;
}

.a324 {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

.d5c22f5 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

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

.b75a44 {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  animation: iconPulse 0.6s ease-out;
}

.b75a44 svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke: var(--color-success);
}

@keyframes iconPulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.5px;
  margin-top: var(--spacing-lg);
}

.g0aa {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-top: var(--spacing-md);
  letter-spacing: 0.3px;
}

.a9646f43 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-top: var(--spacing-lg);
}

.b8671e {
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-top: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary-light);
}

.d8eba {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  text-decoration: none;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  margin-top: var(--spacing-lg);
  letter-spacing: 0.3px;
  gap: var(--spacing-sm);
}

.me6 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.me6:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 640px) {
  .b75a44 {
    width: 100px;
    height: 100px;
  }

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

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

  .b8671e {
    padding: var(--spacing-lg) var(--spacing-2xl);
    margin-top: var(--spacing-xl);
  }
}

@media (min-width: 768px) {
  .a324 {
    padding: var(--spacing-3xl) 0;
  }

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

  main {
    padding: var(--spacing-lg);
    min-height: 100vh;
  }

  .b75a44 {
    width: 120px;
    height: 120px;
  }

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

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

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

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

  .d8eba {
    margin-top: var(--spacing-2xl);
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .a324 {
    padding: var(--spacing-4xl) 0;
  }

  main {
    padding: var(--spacing-xl);
  }

  .b75a44 {
    width: 140px;
    height: 140px;
  }

  .d8eba:hover {
    transform: translateY(-3px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .b75a44 {
    animation: none;
  }

  .d8eba {
    transition: background-color var(--transition-fast);
  }

  .d8eba:hover {
    transform: none;
  }
}

.o617e {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.e3bd {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.m7dc2 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.c8ae8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-2xl);
  text-align: center;
  padding: var(--spacing-xl) 0;
}

.gbf22 {
  position: relative;
  width: 100%;
  height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: var(--spacing-lg);
}

.gf705f {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
  line-height: 1;
  letter-spacing: -0.02em;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

.pcf63 {
  position: relative;
  width: 100%;
  height: 140px;
  margin-top: var(--spacing-md);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: var(--spacing-sm);
  opacity: 0.8;
}

.af8f5 {
  position: relative;
  background-color: var(--color-primary-dark);
  border-radius: var(--radius-full);
}

.l2b8d2da {
  width: 35px;
  height: 80px;
  margin-bottom: 8px;
  animation: sway 4s ease-in-out infinite;
}

.cf99eba {
  width: 28px;
  height: 110px;
  margin-bottom: 4px;
  animation: sway 3.5s ease-in-out infinite 0.2s;
}

.g71 {
  width: 32px;
  height: 95px;
  margin-bottom: 6px;
  animation: sway 4.2s ease-in-out infinite 0.4s;
}

.f710 {
  width: 26px;
  height: 100px;
  margin-bottom: 5px;
  animation: sway 3.8s ease-in-out infinite 0.1s;
}

@keyframes sway {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(2deg);
  }
}

.ac93d0f {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  height: 8px;
  background-color: var(--color-secondary-light);
  border-radius: var(--radius-full);
  opacity: 0.6;
  animation: flow 2s ease-in-out infinite;
}

@keyframes flow {
  0%, 100% {
    opacity: 0.6;
    transform: translateX(-50%) scaleX(1);
  }
  50% {
    opacity: 0.8;
    transform: translateX(-50%) scaleX(1.05);
  }
}

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

.eb679cd1 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: -0.01em;
}

.m04595 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-snug);
}

.e2928e81 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.d8eba {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.3px;
}

.me6 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.me6:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (min-width: 640px) {
  .e3bd {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .gbf22 {
    height: 320px;
  }

  .pcf63 {
    height: 160px;
    gap: var(--spacing-md);
  }

  .l2b8d2da {
    width: 40px;
    height: 95px;
  }

  .cf99eba {
    width: 33px;
    height: 130px;
  }

  .g71 {
    width: 38px;
    height: 110px;
  }

  .f710 {
    width: 31px;
    height: 120px;
  }

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

@media (min-width: 768px) {
  .e3bd {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .c8ae8 {
    gap: var(--spacing-3xl);
    padding: var(--spacing-2xl) 0;
  }

  .gbf22 {
    height: 360px;
  }

  .pcf63 {
    height: 180px;
  }

  .l2b8d2da {
    width: 45px;
    height: 110px;
  }

  .cf99eba {
    width: 38px;
    height: 150px;
  }

  .g71 {
    width: 43px;
    height: 128px;
  }

  .f710 {
    width: 36px;
    height: 140px;
  }

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

@media (min-width: 1024px) {
  .e3bd {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .c8ae8 {
    gap: var(--spacing-3xl);
    padding: var(--spacing-3xl) 0;
  }

  .gbf22 {
    height: 400px;
  }

  .pcf63 {
    height: 200px;
    gap: var(--spacing-lg);
  }

  .l2b8d2da {
    width: 50px;
    height: 125px;
  }

  .cf99eba {
    width: 42px;
    height: 170px;
  }

  .g71 {
    width: 48px;
    height: 145px;
  }

  .f710 {
    width: 40px;
    height: 160px;
  }
}

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

.p2fd89 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.gd8 {
  text-align: center;
}

.b59e {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.m6ba5 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

.cff9a25e {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.e40846 {
  width: 100%;
}

.o8f8a {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  width: 100%;
}

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

.h935 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.k7ed {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 100%;
}

.ef12 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.af7fb {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.b97c35c,
.d719828d {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
  width: 100%;
  box-sizing: border-box;
}

.b97c35c::placeholder,
.d719828d::placeholder {
  color: var(--color-text-muted);
}

.b97c35c:focus,
.d719828d:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.d719828d {
  min-height: 150px;
  resize: vertical;
}

.pc5e2f4 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  width: 100%;
  text-align: center;
  margin-top: var(--spacing-md);
}

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

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

.b4a08aa5 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: var(--line-height-normal);
}

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

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

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

.n9882f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.p71d4 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.h81cde {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

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

.icfe91 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-primary);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
}

.db1904 {
  flex: 1;
}

.n9b {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.i199eab {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

.a712a4 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-xl);
}

.ldf24 {
  font-family: var(--font-primary);
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.p7c621 {
  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-md) 0;
}

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

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

.mc5 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  width: 100%;
  box-sizing: border-box;
}

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

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

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

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

@media (min-width: 768px) {
  .p2fd89 {
    padding: var(--spacing-4xl) 0;
  }

  .cff9a25e {
    padding: var(--spacing-4xl) 0;
  }

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

  .m507230 {
    flex: 1 1 calc(50% - var(--spacing-2xl));
  }

  .n14a4 {
    flex: 1 1 calc(50% - var(--spacing-2xl));
  }

  .g43a {
    flex-direction: row;
  }

  .mc5 {
    width: auto;
    flex: 1;
  }
}

@media (min-width: 1024px) {
  .p2fd89 {
    padding: var(--spacing-4xl) 0;
  }

  .cff9a25e {
    padding: var(--spacing-4xl) 0;
  }

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

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.da3e0e,.mb894{width:34px;}
.da3e0e[aria-expanded="true"]{display:none;}
.k6e7b0.m71{z-index:999;}
.k6e7b0{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.k6e7b0{max-width:100%;}}
.a843c{justify-content:flex-end;}
@media (max-width:768px){.gce{min-height:500px;}}
@media (max-width:768px){.f07409a{min-height:500px;}}
