@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: #041c2c;
  --color-bg-secondary: #0a2a3f;
  --color-bg-tertiary: #103952;
  --color-bg-card: #0a2a3f;

  --color-text-primary: #f0f9ff;
  --color-text-secondary: #7dd3fc;
  --color-text-muted: #38bdf8;

  --color-primary: #0ea5e9;
  --color-primary-hover: #0284c7;
  --color-primary-light: #06b6d4;
  --color-secondary: #38bdf8;
  --color-secondary-light: #5eead4;

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

  --color-border: #1e3a4c;
  --color-border-light: #0f2438;

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

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6);

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

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

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

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

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

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

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

h1 {
  font-size: 3.5rem;
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: 2.5rem;
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: 1.875rem;
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.5rem;
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

button, input, textarea, select {
  font-family: var(--font-primary);
  font-size: 1rem;
}

button {
  background: var(--color-primary);
  color: var(--color-text-primary);
  border: none;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  cursor: pointer;
  font-weight: 600;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

button:active {
  transform: translateY(0);
}

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

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

input, textarea, select {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  padding: var(--spacing-md);
  border-radius: var(--radius-lg);
  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(14, 165, 233, 0.1);
}

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

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

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

.n6d {
  padding: var(--spacing-4xl) 0;
}

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

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

.c797 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.afcced8 {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.e8a25f1 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.m832 {
  display: flex;
  gap: var(--spacing-md);
}

.l3e2c79 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
}

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

.bff227b2 {
  flex-direction: column;
}

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

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

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

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

.n640cc9 {
  text-align: center;
}

.af52 {
  text-align: left;
}

.e19f105b {
  text-align: right;
}

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

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

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

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

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

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

.b24b {
  font-family: var(--font-heading);
}

.l9d2 {
  font-family: var(--font-primary);
}

.ab7edf95 {
  font-weight: 700;
}

.ab985a {
  font-weight: 600;
}

.m4c2 {
  font-weight: 500;
}

.iec872b3 {
  font-weight: 400;
}

.f04e { margin-top: var(--spacing-xs); }
.kad384f { margin-top: var(--spacing-sm); }
.g90 { margin-top: var(--spacing-md); }
.id8ac6 { margin-top: var(--spacing-lg); }
.ee1b0 { margin-top: var(--spacing-xl); }
.kff2d { margin-top: var(--spacing-2xl); }
.ocdc { margin-top: var(--spacing-3xl); }
.l597cf { margin-top: var(--spacing-4xl); }

.pe47 { margin-bottom: var(--spacing-xs); }
.ne7 { margin-bottom: var(--spacing-sm); }
.p2658 { margin-bottom: var(--spacing-md); }
.jeca6 { margin-bottom: var(--spacing-lg); }
.o3384d { margin-bottom: var(--spacing-xl); }
.b248 { margin-bottom: var(--spacing-2xl); }
.l4a3ebd { margin-bottom: var(--spacing-3xl); }
.k93d { margin-bottom: var(--spacing-4xl); }

.m879c5 { margin-top: var(--spacing-xs); margin-bottom: var(--spacing-xs); }
.i2586ada { margin-top: var(--spacing-sm); margin-bottom: var(--spacing-sm); }
.dd54 { margin-top: var(--spacing-md); margin-bottom: var(--spacing-md); }
.nbaf { margin-top: var(--spacing-lg); margin-bottom: var(--spacing-lg); }
.g681 { margin-top: var(--spacing-xl); margin-bottom: var(--spacing-xl); }

.dbf30c { padding-top: var(--spacing-xs); }
.f378 { padding-top: var(--spacing-sm); }
.k47a9d { padding-top: var(--spacing-md); }
.be2 { padding-top: var(--spacing-lg); }
.p07a11 { padding-top: var(--spacing-xl); }

.ja0777 { padding-bottom: var(--spacing-xs); }
.c62cdd5e { padding-bottom: var(--spacing-sm); }
.m311 { padding-bottom: var(--spacing-md); }
.k45 { padding-bottom: var(--spacing-lg); }
.g8157 { padding-bottom: var(--spacing-xl); }

.ld4d { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.jfcc { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.i8e6d { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }

.mab { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.b112f9 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.o83 { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f390d {
  opacity: 0.1;
}

.f24 {
  opacity: 0.2;
}

.d8a28 {
  opacity: 0.3;
}

.h6e3 {
  opacity: 0.5;
}

.i726 {
  opacity: 0.5;
}

.heda {
  opacity: 0.75;
}

.b01 {
  transition: all var(--transition-fast);
}

.a0821 {
  transition: all var(--transition-base);
}

.ja869da5 {
  transition: all var(--transition-slow);
}

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

.g783d:hover {
  transform: scale(1.05);
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

  .c797, .afcced8, .e8a25f1 {
    grid-template-columns: 1fr;
  }

  .m832 {
    flex-direction: column;
  }

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  button {
    padding: var(--spacing-md) var(--spacing-lg);
    width: 100%;
  }
}
.n897db {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 1000;
}

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

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

.e4b:hover {
  opacity: 0.8;
}

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

.od95e7 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

.c70ce.c610b {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.j91 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

  .c1630014 {
    display: block;
  }

  .mc67b72 {
    display: none;
  }

  .c70ce {
    display: none;
  }
}

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

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

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

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

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

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

  .de052 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(4, 28, 44, 0.65);
    z-index: 2;
  }

  .p1f8017 {
    position: relative;
    z-index: 3;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    max-width: 800px;
    padding: 0 clamp(1rem, 4vw, 2rem);
  }

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

  .c43 {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
    color: var(--color-text-secondary);
    font-weight: 400;
    line-height: 1.5;
  }

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

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

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

  .j67ae {
    padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
    background: transparent;
    color: var(--color-text-primary);
    border: 2px solid var(--color-text-primary);
    border-radius: 6px;
    font-size: clamp(0.875rem, 1vw, 1rem);
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease;
  }

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

  @media (max-width: 768px) {
    .b2e {
      height: 80vh;
    }
  }

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

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

  @media (min-width: 1024px) {
    .b2e2e4 {
      flex-direction: row;
      align-items: center;
      gap: clamp(3rem, 5vw, 5rem);
    }
  }

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

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

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

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

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

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

  .j6eed47:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(14, 165, 233, 0.15);
  }

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

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

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

  @media (max-width: 1023px) {
    .o0fef0 {
      flex: 1 1 100%;
    }
    .e3f {
      flex: 1 1 100%;
    }
  }

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

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

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

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

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

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

  .fed1e {
    flex: 1 1 100%;
    min-width: 280px;
    max-width: 400px;
    background: var(--color-bg-card);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
  }

  .fed1e:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(14, 165, 233, 0.2);
  }

  @media (min-width: 768px) {
    .fed1e {
      flex: 1 1 calc(50% - 0.75rem);
    }
  }

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

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

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

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

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

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

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

  .kee5c42 {
    text-align: center;
    padding-top: clamp(1rem, 2vw, 1.5rem);
  }

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

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

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

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

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

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

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

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

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

  .pef66aa6:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(14, 165, 233, 0.15);
  }

  @media (min-width: 768px) {
    .pef66aa6 {
      flex: 1 1 calc(50% - 0.75rem);
    }
  }

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

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

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

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

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

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

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

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

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

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

  .n8476 {
    flex: 1 1 100%;
    min-width: 240px;
    max-width: 320px;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
    text-align: center;
    transition: all 0.3s ease;
  }

  .n8476:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(14, 165, 233, 0.2);
  }

  @media (min-width: 768px) {
    .n8476 {
      flex: 1 1 calc(50% - 0.75rem);
    }
  }

  @media (min-width: 1024px) {
    .n8476 {
      flex: 1 1 calc(25% - 1.125rem);
    }
  }

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

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

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

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

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

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

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

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

  .k57dcc31 {
    position: relative;
    padding: clamp(1rem, 2vw, 2rem) 0;
  }

  .k57dcc31::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--color-accent);
    transform: translateX(-50%);
  }

  @media (max-width: 767px) {
    .k57dcc31::before {
      left: 20px;
    }
  }

  .h6f3cff {
    display: flex;
    margin-bottom: clamp(2rem, 4vw, 3rem);
    position: relative;
  }

  .f59ec1 {
    flex-direction: row;
    justify-content: flex-end;
    padding-right: clamp(1rem, 5vw, 3rem);
  }

  .i383e {
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding-left: clamp(1rem, 5vw, 3rem);
  }

  .laff091d {
    position: absolute;
    left: 50%;
    top: 0;
    width: 60px;
    height: 60px;
    background: var(--color-accent);
    border: 4px solid var(--color-bg-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(1rem, 2vw, 1.25rem);
    font-weight: 700;
    color: var(--color-text-on-accent);
    transform: translateX(-50%);
    z-index: 10;
  }

  .p1f330 {
    flex: 1 1 calc(50% - 40px);
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 1vw, 1rem);
  }

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

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

  @media (max-width: 767px) {
    .k57dcc31::before {
      left: 20px;
    }

    .h6f3cff {
      flex-direction: column !important;
      padding-left: 60px !important;
      padding-right: 0 !important;
    }

    .laff091d {
      left: 20px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .n3cfd {
    flex: 1 1 100%;
    min-width: 260px;
    max-width: 380px;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: 10px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
    transition: all 0.3s ease;
  }

  .n3cfd:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(14, 165, 233, 0.2);
  }

  @media (min-width: 768px) {
    .n3cfd {
      flex: 1 1 calc(50% - 0.75rem);
    }
  }

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

  .l6d {
    border-top: 4px solid var(--color-accent);
  }

  .j07c {
    border-top: 4px solid var(--color-secondary);
  }

  .n41618 {
    border-top: 4px solid #0ea5e9;
  }

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

  .j07c .idc7 {
    color: var(--color-secondary);
  }

  .n41618 .idc7 {
    color: #0ea5e9;
  }

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

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

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

  .e382bd.e672f {
    display: none;
  }

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

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

  .l372 {
    padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    font-size: clamp(0.8125rem, 1vw, 0.95rem);
    transition: all 0.3s ease;
  }

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

  .h976 {
    padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
    background: transparent;
    color: var(--color-text-primary);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    font-size: clamp(0.8125rem, 1vw, 0.95rem);
    transition: all 0.3s ease;
  }

  .h976:hover {
    background: var(--color-bg-card);
    border-color: var(--color-text-secondary);
  }

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

    .p0d {
      min-width: 100%;
    }

    .g820e {
      width: 100%;
      justify-content: center;
    }

    .l372,
    .h976 {
      flex: 1;
      min-width: 120px;
    }
  }

  @media (max-width: 768px) {
    .k57dcc31::before {
      left: 20px;
    }

    .h6f3cff {
      flex-direction: column !important;
      padding-left: 60px !important;
      padding-right: 0 !important;
    }

    .laff091d {
      left: 20px;
    }

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

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

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

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

.i2481e15 {
  display: block;
}

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

.i2481e15 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1.0625rem);
  line-height: 1.7;
  max-width: 55ch;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ceb40 {
  flex: 1 1 200px;
  display: block;
  min-width: 180px;
}

.ceb40 h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-weight: 400;
  margin-bottom: clamp(0.75rem, 2vw, 1.125rem);
  text-transform: none;
}

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

.c1f8 {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color var(--transition-base);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f9e8ec {
  display: block;
}

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

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

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

.ea73ddd h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-weight: 400;
  margin-bottom: clamp(0.75rem, 2vw, 1.125rem);
}

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

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

.da7b822 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  line-height: 1.6;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ffb4da55 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .ceb40 {
    flex: 1 1 100%;
  }

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

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

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

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

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

.n3b {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

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

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

.n3b span {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

.b1a28f {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ib5c00 {
  text-align: center;
}

.ce5d {
  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) 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.g08b922f {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 clamp(300px, 45vw, 500px);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  padding: 0;
}

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

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

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

.fa09d2 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.g1e03f,
.ga1,
.p61 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.g1e03f i,
.ga1 i,
.p61 i {
  color: var(--color-accent);
}

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

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

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

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

  .g08b922f {
    flex: 1 1 100%;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .a88 {
    justify-content: center;
  }

  .g08b922f {
    flex: 1 1 calc(50% - 1rem);
  }
}

@media (min-width: 1024px) {
  .a88 {
    justify-content: center;
  }

  .g08b922f {
    flex: 1 1 calc(50% - 1.25rem);
    max-width: 500px;
  }

  .p2e3d6 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .edf5454e {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

@media (min-width: 1440px) {
  .g08b922f {
    flex: 1 1 450px;
  }
}

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

  .b14bf3 {
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
    font-family: 'DM Sans', sans-serif;
  }

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

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

  .gc4b {
    background: var(--color-bg-primary);
    position: relative;
    height: 450px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
  }

  .f4a3f9 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }

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

  .o21 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(4, 28, 44, 0.3) 0%, rgba(4, 28, 44, 0.7) 100%);
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(2rem, 5vw, 4rem) 0;
  }

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

  .h82 {
    color: var(--color-text-secondary);
    text-decoration: none;
    transition: color 0.3s ease;
  }

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

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

  .m0373d {
    color: var(--color-text-primary);
    font-weight: 500;
  }

  .h216 {
    position: relative;
    z-index: 3;
  }

  .l487b {
    font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 1rem 0;
    font-family: 'DM Serif Display', serif;
  }

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

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

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

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

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

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

  .h85abe9 {
    flex: 0 0 auto;
  }

  .k23 {
    width: 120px;
    height: 120px;
    border-radius: 8px;
    display: block;
    object-fit: cover;
  }

  .f9ac4 {
    flex: 1 1 auto;
  }

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

  .p1c {
    font-size: clamp(1.125rem, 2vw, 1.5rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 0.25rem 0;
    font-family: 'DM Serif Display', serif;
  }

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

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

  .j2353f {
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    color: var(--color-text-secondary);
    margin: 0 0 0.75rem 0;
  }

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

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

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

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

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

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

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

  .mf6 {
    position: absolute;
    left: -4rem;
    top: 0;
    font-size: clamp(4rem, 12vw, 8rem);
    font-weight: 700;
    color: rgba(14, 165, 233, 0.15);
    font-family: 'DM Serif Display', serif;
    line-height: 1;
    pointer-events: none;
  }

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

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

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

  .a164 {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 1.5rem 0;
    font-family: 'DM Serif Display', serif;
  }

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

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

  @media (max-width: 1024px) {
    .mf6 {
      left: -2rem;
      font-size: clamp(2.5rem, 8vw, 4rem);
    }
  }

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

    .f69054,
    .l1b {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .mf6 {
      display: none;
    }
  }

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

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

  .fac7f4 {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 0.75rem 0;
    font-family: 'DM Serif Display', serif;
  }

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

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

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

  .bcfad:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(14, 165, 233, 0.15);
  }

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

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

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

  .ja90ca5 {
    font-size: clamp(0.95rem, 1.5vw, 1.25rem);
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0 0 0.75rem 0;
    font-family: 'DM Serif Display', serif;
  }

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

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

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

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

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

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

  .kf629f {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
    align-items: flex-start;
    background: rgba(14, 165, 233, 0.1);
    border-left: 4px solid var(--color-accent);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: 8px;
  }

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

  .bce6 {
    flex: 1 1 auto;
  }

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

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

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

    .d2a0ee {
      margin-top: 0;
    }
  }

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

  .h83 {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
  }

  .df508f {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 1.5rem 0;
    font-family: 'DM Serif Display', serif;
  }

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

  .lb99417:last-of-type {
    margin-bottom: 2rem;
  }

  .e6353c {
    display: inline-flex;
    padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
    background: var(--color-accent);
    color: #ffffff;
    text-decoration: none;
    border-radius: 8px;
    font-size: clamp(0.875rem, 1vw, 1rem);
    font-weight: 600;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
  }

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

  @media (max-width: 768px) {
    .gc4b {
      height: 350px;
    }
  }

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

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

.j40a8 {
  position: relative;
  min-height: 400px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

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

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

.l007 {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: clamp(3rem, 8vw, 5rem) 0;
  background: linear-gradient(135deg, rgba(4, 28, 44, 0.92) 0%, rgba(10, 42, 63, 0.88) 100%);
}

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

.eeb {
  color: var(--color-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
}

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

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

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

.k6c509 {
  max-width: 700px;
}

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

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

.k29 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

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

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

.k6f2fd {
  flex-shrink: 0;
}

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

.d9c0 {
  flex: 1 1 auto;
}

.h36 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pcc28634,
  .g9bb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.na6 {
  font-size: clamp(2.5rem, 8vw, 4rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
  min-width: fit-content;
}

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

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

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

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

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

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

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

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

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

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

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

  .o1a0 {
    flex-direction: column;
  }

  .hc9513d,
  .g812e81 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.c94a {
  background: rgba(14, 165, 233, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  margin: clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.fcabe8e:hover .de3f {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ie915a {
  background: rgba(14, 165, 233, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  margin: clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

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

  .k5f45 {
    flex-direction: column;
  }

  .f9a4,
  .c3fab00 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.afec {
  font-size: clamp(1.25rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e144e {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-warning);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bfd10b {
    flex-direction: column;
  }

  .a33b,
  .b7fa426 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.k549 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 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.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
}

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

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

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

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

.lc571 {
  background: var(--color-bg-primary);
  font-family: var(--font-primary);
  overflow: hidden;
}

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

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

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

.he8316ae a,
.he8316ae span {
  color: var(--color-text-secondary);
}

.he8316ae a:hover {
  color: var(--color-accent);
  text-decoration: underline;
  transition: color 0.3s ease;
}

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

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

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

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

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

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

.b854 {
  color: var(--color-text-muted);
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--color-accent);
}

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

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

  .o4e2378,
  .o2b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ae8 {
    gap: 1rem;
  }
}

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

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

.bac34f {
  flex-shrink: 0;
}

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

.p083f0 {
  flex: 1;
}

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

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

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

.c21 {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-accent-light);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

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

  .p083f0 {
    width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .a794a,
  .b33ca28 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.k5f306f,
.b0bf731c,
.h21070 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 7vw, 5rem) 0;
  overflow: hidden;
  position: relative;
}

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

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

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

.b614 {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 15vw, 12rem);
  color: var(--color-border-light);
  opacity: 0.5;
  font-weight: 700;
  position: absolute;
  top: -1rem;
  left: clamp(1rem, 3vw, 2rem);
  line-height: 1;
  pointer-events: none;
}

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

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

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

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

.hc173dbb {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

.h995c {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  font-weight: 600;
}

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

  .j5a99,
  .gf9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b614 {
    font-size: clamp(3rem, 10vw, 5rem);
    top: 0.5rem;
  }
}

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

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

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

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

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

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

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

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

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

.b82 {
  font-size: clamp(1rem, 1.5vw, 1.1875rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

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

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

.d98 {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

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

.g01fb {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 5vw, 3.5rem) 0;
  overflow: hidden;
}

.od3 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.ha8b8b5 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-accent-light);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 700;
}

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

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

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

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

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

.mc2c6305 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 2.5rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(2rem, 4vw, 3rem);
  border: 2px solid var(--color-accent);
}

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

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

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

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

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

html, body {
  width: 100%;
}

.eb7b {
  width: 100%;
  background: var(--color-bg-primary);
  font-family: 'DM Sans', sans-serif;
  color: var(--color-text-primary);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pc92 {
  display: inline-block;
}

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

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

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

  .p8f4,
  .i344 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b40c {
    max-height: 350px;
  }
}

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

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

.p2b01 img {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}

.d2481a0b {
  flex: 1;
}

.j9307 {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  font-weight: 700;
}

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

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

.e77ac24 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

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

  .p2b01 img {
    width: 100px;
    height: 100px;
  }
}

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

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

.g4cbbb52 {
  max-width: 900px;
}

.b6c {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1rem;
}

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

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

.p64b {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  font-style: italic;
}

.i439c0,
.ac384,
.p3c18,
.fccd {
  padding: clamp(3rem, 6vw, 5rem) 0;
  overflow: hidden;
}

.i439c0,
.p3c18 {
  background: var(--color-bg-secondary);
}

.ac384,
.fccd {
  background: var(--color-bg-primary);
}

.pa8b1911 {
  font-size: clamp(3.5rem, 8vw, 6rem);
  color: var(--color-accent);
  opacity: 0.15;
  font-weight: 900;
  line-height: 1;
  margin-bottom: clamp(1rem, 2vw, 2rem);
}

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

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

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

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

.m6e {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

  .pa8b1911 {
    font-size: clamp(2rem, 6vw, 3rem);
  }
}

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

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

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

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

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

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

.j9a0f:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(14, 165, 233, 0.15);
}

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

.n10c {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.j9a0f:hover .n10c {
  transform: scale(1.05);
}

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

.h39 {
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 700;
  line-height: 1.4;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.o45db3 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 2px solid var(--color-accent);
  text-align: center;
  margin-top: clamp(1rem, 2vw, 2rem);
}

.dae {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: 1rem;
}

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

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

@media (max-width: 768px) {
  .pa3dd70,
  .a91e,
  .b2b0dac,
  .i439c0,
  .ac384,
  .p3c18,
  .fccd,
  .p4fa,
  .h927,
  .kacc {
    padding-top: clamp(2rem, 4vw, 2.5rem);
    padding-bottom: clamp(2rem, 4vw, 2.5rem);
  }
}

@media (max-width: 480px) {
  .o71 {
    font-size: 0.8125rem;
  }

  .hd7b {
    font-size: 0.8125rem;
  }

  .k8fe64 {
    padding: 1rem;
  }

  .p2b01 img {
    width: 80px;
    height: 80px;
  }
}

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

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

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

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

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

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

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

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

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

.g2b {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
}

.hca {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
}

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

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

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

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

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

.c9bc83 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: 1rem;
}

.f75 {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto;
}

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

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

.c8ddb76b p {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.b0251b95 {
  width: 100%;
  height: auto;
  max-height: 400px;
  border-radius: 12px;
  object-fit: cover;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.b2bcfe {
  text-align: center;
}

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

.d6f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-top: 0.75rem;
}

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

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

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

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

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

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

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

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

.o0fa2c81 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}

.n5b {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.h0e2d08 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  font-weight: bold;
  min-width: clamp(3rem, 6vw, 4rem);
  line-height: 1;
}

.p5dda {
  flex: 1;
  padding-top: clamp(0.25rem, 1vw, 0.5rem);
}

.p65 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

.p9c7ba {
  width: 100%;
  height: auto;
  max-height: 400px;
  border-radius: 12px;
  object-fit: cover;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.kbc {
  text-align: center;
}

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

.p4c78 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
}

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

.p27 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border-top: 3px solid var(--color-accent);
}

.pbc4 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 5vw, 3rem);
  height: clamp(2.5rem, 5vw, 3rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  margin-bottom: 1rem;
  font-size: clamp(1.1rem, 2vw, 1.4rem);
}

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

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

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

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

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

.k7130 {
  color: var(--color-accent);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
}

.l56 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
}

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

@media (min-width: 768px) {
  .n6d24b {
    align-items: center;
  }

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

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

@media (min-width: 1024px) {
  .bbc {
    grid-template-columns: repeat(3, 1fr);
  }

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

.k36 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'DM Sans', sans-serif;
}

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

.d4d923 {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

.l0fb012 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.pd9 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.7;
}

.nf669a9 {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: clamp(2rem, 6vw, 4rem) 0;
  text-align: center;
}

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

.jdebe {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  align-items: center;
  justify-content: center;
}

.a7e5d6 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent-light);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
}

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

.padc {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
}

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

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

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

.i51 {
  text-align: center;
}

.f9df {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
}

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

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

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

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

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

.m58aaac9 {
  text-align: center;
}

.d92 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
}

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

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

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

.p5ea {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: rgba(14, 165, 233, 0.05);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
}

.haa {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: clamp(3rem, 5vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

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

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

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

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

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

.kf2ced {
  text-align: center;
}

.o30 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
}

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

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

.n73cfbf {
  flex: 1 1 clamp(250px, 100%, 320px);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

.n73cfbf:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.1);
}

.ab0ec95 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

.d48 {
  text-align: center;
}

.gdfdc {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
}

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

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

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

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

.o138 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  min-width: clamp(2rem, 4vw, 2.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}

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

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

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

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

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

.j11 {
  text-align: center;
}

.k1d {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
}

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

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

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

.i74 {
  flex: 1 1 clamp(280px, 100%, 350px);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

.i74:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.1);
}

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

.k12ff {
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.875rem);
  background: rgba(14, 165, 233, 0.15);
  color: var(--color-accent-light);
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

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

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

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

.gdf6a2c {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

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

.gdf6a2c i {
  font-size: clamp(0.75rem, 0.9vw + 0.5rem, 0.875rem);
  transition: transform 0.3s ease;
}

.gdf6a2c:hover i {
  transform: translateX(4px);
}

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

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

.n310c {
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
}

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

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

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

.l51,
.i8bb {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  padding: clamp(0.75rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

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

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

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

.i8bb:hover {
  background: rgba(14, 165, 233, 0.1);
  color: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}

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

  .haa {
    min-width: auto;
  }

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

  .o138 {
    min-width: auto;
  }

  .gaac {
    flex-direction: column;
  }

  .l51,
  .i8bb {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .d4d923 {
    min-height: 600px;
  }

  .g084 {
    gap: clamp(1.5rem, 2.5vw, 2.5rem);
  }

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

  .e6024b {
    gap: clamp(1.5rem, 2.5vw, 2.5rem);
  }

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

@media (min-width: 1024px) {
  .d4d923 {
    min-height: 700px;
  }

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

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

@media (min-width: 1440px) {
  .n73cfbf {
    flex: 1 1 calc(33.333% - clamp(1rem, 1.5vw, 1.5rem));
  }

  .i74 {
    flex: 1 1 calc(25% - clamp(0.75rem, 1.25vw, 1.25rem));
  }
}

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

.hf72b {
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

.ja00d340 {
  max-width: 900px;
  margin: 0 auto var(--spacing-lg);
}

.fae00 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  line-height: 1.2;
}

.b4c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  font-weight: 400;
}

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

.i1a4a875 {
  max-width: 900px;
  margin: 0 auto;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.h67b7 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

.h67b7:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-sm);
}

.n41d {
  width: 100%;
  padding: var(--spacing-md);
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  transition: color var(--transition-fast);
  text-align: left;
}

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

.n5dc0 {
  flex: 1;
  line-height: 1.4;
}

.f3745a {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-sm);
  font-size: 1.25rem;
  font-weight: 600;
  transition: transform var(--transition-base), background-color var(--transition-base);
}

.n41d:hover .f3745a {
  background-color: var(--color-primary);
}

.h67b7.c610b .f3745a {
  transform: rotate(45deg);
  background-color: var(--color-primary);
}

.h34a61 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
}

.h67b7.c610b .h34a61 {
  max-height: 500px;
}

.h34a61 p {
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
}

.cafc7 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  margin-top: var(--spacing-3xl);
}

.f4ce {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  gap: var(--spacing-lg);
}

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

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

.h71 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  font-weight: 600;
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
  width: fit-content;
}

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

.g33f204 {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-lg);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .hf72b {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

  .cafc7 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    margin-top: var(--spacing-4xl);
  }

  .f4ce {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
    align-items: center;
  }

  .g33f204 {
    margin-top: 0;
    grid-column: 2;
    grid-row: 1;
  }
}

@media (min-width: 1024px) {
  .hf72b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .i1a4a875 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .cafc7 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

.o756a6 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.bdf2c {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  text-align: center;
}

.df67 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

.fb7a230f {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
}

.d6b728 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.h4d6 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin: 0;
}

@media (min-width: 768px) {
  .h4d6 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .h4d6 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.g06 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.g06:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

.kc0b5f9b {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.i14906a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.ge59 {
  font-size: clamp(0.95rem, 1vw + 0.3rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.a84e7ed {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.a84e7ed li {
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: 1.5;
}

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

.jb18314 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.l84b85 {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  text-align: center;
}

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

.ncc {
  font-size: clamp(0.95rem, 1vw + 0.3rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

.i4b {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-lg);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

@media (min-width: 768px) {
  .o756a6 {
    padding: var(--spacing-4xl) 0;
  }

  .fb7a230f {
    padding: var(--spacing-4xl) 0;
  }

  .jb18314 {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .o756a6 {
    padding: var(--spacing-4xl) 0 var(--spacing-3xl) 0;
  }

  .fb7a230f {
    padding: var(--spacing-4xl) 0;
  }

  .jb18314 {
    padding: var(--spacing-4xl) 0;
  }
}

@media (max-width: 767px) {
  .h4d6 {
    gap: var(--spacing-xl);
  }

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

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

.f3307e7 main {
  width: 100%;
}

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

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

.f3307e7 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  padding-top: var(--spacing-3xl);
  line-height: 1.2;
}

.f3307e7 .o8860 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.f3307e7 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: var(--spacing-2xl) 0 var(--spacing-md) 0;
  padding-top: var(--spacing-xl);
  line-height: 1.3;
}

.f3307e7 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
}

.f3307e7 ul {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  padding: 0;
}

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

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

.f3307e7 .n6d {
  padding: var(--spacing-lg) 0;
  border-bottom: 1px solid var(--color-border-light);
}

.f3307e7 .n6d:last-of-type {
  border-bottom: none;
  padding-bottom: var(--spacing-3xl);
}

.f3307e7 .i9a05 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-2xl);
}

.f3307e7 .i9a05 h2 {
  margin-top: 0;
  padding-top: 0;
}

.f3307e7 .lc9 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: var(--spacing-md) 0 0 0;
}

.f3307e7 .lc9 p {
  margin: var(--spacing-sm) 0;
}

@media (min-width: 768px) {
  .f3307e7 .f82236 {
    padding: 0 var(--spacing-lg);
  }

  .f3307e7 h1 {
    padding-top: var(--spacing-4xl);
  }
}

@media (min-width: 1024px) {
  .f3307e7 .f82236 {
    padding: 0 var(--spacing-2xl);
  }
}

* {
  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: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
}

.h38 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lbdc8f1e {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .lbdc8f1e {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .lbdc8f1e {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
}

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

.f86aa {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.p017 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.l03 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(80px, 15vw, 120px);
  height: clamp(80px, 15vw, 120px);
  margin: 0 auto var(--spacing-lg);
  background-color: var(--color-success-light);
  border-radius: var(--radius-full);
  animation: scaleIn 0.6s ease-out 0.2s backwards;
}

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.l03 i {
  font-size: clamp(2.5rem, 8vw, 4rem);
  color: var(--color-success);
}

.k2f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 400;
  letter-spacing: -0.5px;
}

.pfad1 {
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 500;
}

.l93 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

.o33 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
}

.h242 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-family: var(--font-primary);
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  font-weight: 500;
}

.pda2c83 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

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

@media (min-width: 768px) {
  .bf877 {
    margin-top: var(--spacing-xl);
  }
}

@media (max-width: 767px) {
  .p017 {
    padding: var(--spacing-md) 0;
  }
  
  .l03 {
    margin-bottom: var(--spacing-md);
  }
}

.me5 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

.c8f {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.f86aa {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

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

.k50 {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  animation: float-animation 3s ease-in-out infinite;
}

.fb639266 {
  width: 100%;
  height: auto;
  display: block;
}

.j0b5 {
  font-size: clamp(4rem, 12vw, 7rem);
  font-weight: 900;
  color: var(--color-primary);
  font-family: var(--font-heading);
  line-height: 1;
  margin: 0;
  letter-spacing: -0.02em;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.m09 {
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin: var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.dac50e {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: var(--spacing-md) 0;
  font-family: var(--font-primary);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ncd {
  font-size: clamp(0.85rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: var(--spacing-md) 0 var(--spacing-lg) 0;
  font-family: var(--font-primary);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
}

.h242 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base) ease;
  cursor: pointer;
  border: none;
  text-align: center;
  letter-spacing: 0.3px;
}

.pda2c83 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.pda2c83:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.pda2c83:active {
  transform: translateY(0);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.m595 {
  padding: clamp(0.9rem, 2vw, 1.1rem) clamp(1.8rem, 4vw, 2.5rem);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
}

@keyframes float-animation {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

@media (min-width: 480px) {
  .e83 {
    gap: var(--spacing-xl);
  }

  .k50 {
    max-width: 380px;
    margin-bottom: var(--spacing-sm);
  }

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

@media (min-width: 768px) {
  .me5 {
    min-height: 100vh;
    padding: var(--spacing-lg) 0;
  }

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

  .k50 {
    max-width: 420px;
  }

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

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

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

  .ncd {
    margin: var(--spacing-lg) 0 var(--spacing-2xl) 0;
  }
}

@media (min-width: 1024px) {
  .me5 {
    min-height: 100vh;
    padding: var(--spacing-2xl) 0;
  }

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

  .k50 {
    max-width: 450px;
  }

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

  .h242:hover {
    transform: translateY(-3px);
  }

  .h242:active {
    transform: translateY(-1px);
  }
}

@media (min-width: 1440px) {
  .e83 {
    gap: var(--spacing-3xl);
  }

  .k50 {
    max-width: 480px;
  }
}

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

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

.e322e7e2 {
  text-align: center;
}

.e02 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.h09be {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.h1a08 {
  width: 100%;
}

.c8f4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: start;
}

@media (max-width: 968px) {
  .c8f4 {
    grid-template-columns: 1fr;
    gap: clamp(2.5rem, 5vw, 3.5rem);
  }
}

.m698d {
  background-color: var(--color-bg-card);
  padding: clamp(2rem, 5vw, 3rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
}

.m7022965 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xl) 0;
  letter-spacing: -0.01em;
}

.ef38 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.l632051 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.jeaa18 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.b8f87100,
.n2c7a80 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  padding: clamp(0.75rem, 2vw, 1rem);
  background-color: var(--color-bg-primary);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  width: 100%;
  transition: all var(--transition-base);
  line-height: 1.5;
}

.b8f87100::placeholder,
.n2c7a80::placeholder {
  color: var(--color-text-muted);
}

.b8f87100:focus,
.n2c7a80:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.n2c7a80 {
  resize: vertical;
  min-height: clamp(120px, 20vh, 180px);
}

.pb13d5 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: var(--spacing-sm) 0;
  line-height: 1.6;
}

.a14f15d {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.ac9e {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1vw, 1.1rem);
  font-weight: 700;
  padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: 100%;
  margin-top: var(--spacing-sm);
}

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

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

.lca6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}

.h3f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: -0.01em;
}

.fc8bfbc {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.hf3f81 {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.nd047 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 8vw, 4rem);
  height: clamp(3rem, 8vw, 4rem);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
}

.e27c {
  flex: 1;
  min-width: 0;
}

.i0fa {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.g5712 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  line-height: 1.6;
  word-break: break-word;
}

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

.oa40d2a8 {
  background-color: var(--color-bg-card);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  border-left: 4px solid var(--color-primary);
}

.c742bef {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

.af377e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.7;
}

.a0595f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  color: var(--color-primary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.a0595f:hover {
  color: var(--color-primary-hover);
  gap: var(--spacing-md);
}

.a0595f::after {
  content: '→';
  transition: transform var(--transition-base);
}

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

@media (max-width: 600px) {
  .l1055ff5 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .f1c421ef {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .m698d {
    padding: clamp(1.5rem, 4vw, 2rem);
  }

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

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

@media (min-width: 1440px) {
  .l1055ff5 {
    padding: 5rem 0;
  }

  .f1c421ef {
    padding: 6rem 0;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.mc67b72,.aac{width:34px;}
.mc67b72[aria-expanded="true"]{display:none;}
.c70ce.c610b{z-index:999;}
.c70ce{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.c70ce{max-width:100%;}}
.o78d{justify-content:flex-end;}
@media (max-width:768px){.dd8c3{min-height:500px;}}
@media (max-width:768px){.he90066{min-height:500px;}}