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

:root {
  --color-bg-primary: #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: #7dd3fc;

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

  --color-border: #164e63;
  --color-border-light: #0f3a48;

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

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

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --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), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.3);

  --transition-fast: 150ms ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;

  font-size: 16px;
  line-height: 1.6;

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

h1 {
  font-size: 3.5rem;
  letter-spacing: -0.02em;
}

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

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

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

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

h6 {
  font-size: 1rem;
  margin-bottom: var(--spacing-sm);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-secondary);
}

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

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

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

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

button, [role="button"] {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all var(--transition-fast);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

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

.j53 {
  background: var(--color-primary);
  color: #000;
  font-weight: 700;
}

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

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

.a09 {
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

.a09:hover {
  background: var(--color-primary);
  color: #000;
}

.g2b8 {
  background: transparent;
  color: var(--color-primary);
  padding: var(--spacing-sm) 0;
}

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

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

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

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

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

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

.e4c04057 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.h50 {
  background: rgba(14, 165, 233, 0.2);
  color: var(--color-primary-light);
}

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

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

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

.bc6ec {
  padding: var(--spacing-3xl) 0;
}

.k8d9 {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}

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

.k8d9 p {
  font-size: 1.125rem;
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

.a2da8 {
  display: grid;
  gap: var(--spacing-xl);
}

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

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

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

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

.f41adb {
  flex-direction: column;
}

.p9082 {
  align-items: center;
  justify-content: center;
}

.jcd27646 {
  align-items: center;
  justify-content: space-between;
}

.mc331cdb {
  text-align: center;
}

.g507b {
  text-align: left;
}

.h7e4ae {
  text-align: right;
}

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

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

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

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

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

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

.ce3f {
  font-size: 0.875rem;
}

.ibfb {
  font-size: 1.125rem;
}

.kee2 {
  font-size: 1.5rem;
}

.m17 {
  font-weight: 400;
}

.e7d89 {
  font-weight: 500;
}

.d9560c45 {
  font-weight: 600;
}

.i23f14 {
  font-weight: 700;
}

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

.pdf4fb {
  text-transform: capitalize;
}

.l8e { margin: 0; }
.ae5246 { margin: var(--spacing-xs); }
.lce { margin: var(--spacing-sm); }
.l6247 { margin: var(--spacing-md); }
.k862b41 { margin: var(--spacing-lg); }
.d149a58 { margin: var(--spacing-xl); }
.o3cd56 { margin: var(--spacing-2xl); }

.p9c { margin-top: 0; }
.mab7d { margin-top: var(--spacing-xs); }
.k25fe58e { margin-top: var(--spacing-sm); }
.g58 { margin-top: var(--spacing-md); }
.keb1cc { margin-top: var(--spacing-lg); }
.g98 { margin-top: var(--spacing-xl); }
.oc853 { margin-top: var(--spacing-2xl); }

.jc9 { margin-bottom: 0; }
.k1c5498e { margin-bottom: var(--spacing-xs); }
.c45 { margin-bottom: var(--spacing-sm); }
.e2107b90 { margin-bottom: var(--spacing-md); }
.a38 { margin-bottom: var(--spacing-lg); }
.a0f5 { margin-bottom: var(--spacing-xl); }
.ia0 { margin-bottom: var(--spacing-2xl); }

.e6b0 { padding: 0; }
.ie84 { padding: var(--spacing-xs); }
.i2a95 { padding: var(--spacing-sm); }
.nc76 { padding: var(--spacing-md); }
.nfd42 { padding: var(--spacing-lg); }
.p1a { padding: var(--spacing-xl); }
.af75a { padding: var(--spacing-2xl); }

.jd2f { padding-top: var(--spacing-md); }
.g7ecf7b3 { padding-bottom: var(--spacing-md); }
.k6681 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d35 {
  opacity: 0.5;
}

.j94139 {
  opacity: 0.75;
}

.n72 {
  display: none !important;
}

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .l06da6e3, .gf0, .d7e {
    grid-template-columns: 1fr;
  }

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  button {
    width: 100%;
  }

  .kb36 {
    flex-direction: column;
  }
}
.g621 {
  background: var(--color-bg-primary);
  border-bottom: 2px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

.h7e594f4 {
  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: auto;
  min-height: 70px;
  gap: clamp(1rem, 2vw, 2rem);
}

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

.l190:hover {
  opacity: 0.85;
  transform: translateY(-2px);
}

.lb75bedf {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}

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

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

.k7e17f1 {
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

.j716 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  display: inline-block;
}

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

.kc7fe9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

.kc7fe9:hover {
  opacity: 0.7;
}

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

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

.o200a0.ae3fb5 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

.b0872cd0:hover {
  opacity: 0.7;
  transform: rotate(90deg);
}

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

.e9b {
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  font-weight: 500;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e7e {
  padding: 1.5rem;
  border-top: 1px solid var(--color-border-light);
}

.g274462 {
  display: block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  padding: 1rem 1.5rem;
  border-radius: 6px;
  text-align: center;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .kc7fe9 {
    display: none;
  }

  .o200a0 {
    display: none;
  }

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

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

  .k7e17f1 {
    font-size: 1rem;
  }

  .j716 {
    font-size: 1rem;
    padding: 0.75rem 1.75rem;
  }
}

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

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

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

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

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

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

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

.kee5 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
}

.j98297 {
  padding: 0.75rem 1.75rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  cursor: pointer;
  border: none;
}

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

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

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

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

.e099d0 {
  flex: 1 1 45%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

.n1a98b47 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  display: block;
}

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

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

.i0549f {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.a3cd3364 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 2vw, 1.5rem);
  justify-content: center;
  align-items: center;
}

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

.n7aeed {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
  border-bottom: 2px solid transparent;
}

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

.oc1 {
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

.pdb {
  text-align: center;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

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

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

.l4011 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.l88 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  margin-top: auto;
}

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

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

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

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

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

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

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

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

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

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

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

.ed3a7c {
  flex: 1 1 250px;
  max-width: 400px;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

.c5bd2c8 {
  flex: 1 1 100%;
  max-width: 600px;
  aspect-ratio: 16/9;
}

.ed3a7c:hover {
  transform: scale(1.05);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

.m4e442a {
  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);
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3);
}

.m4e442a.n72 {
  display: none;
}

.d96 {
  color: var(--color-text-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  flex: 1 1 auto;
  min-width: 200px;
}

.h9be24 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

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

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

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

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

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

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

  .cbc,
  .e099d0 {
    flex: 1 1 100%;
  }

  .kee5 {
    flex-direction: column;
  }

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

  .c2c1a70b {
    flex: 1 1 300px;
    max-width: 420px;
  }

  .ld884f9 {
    flex-direction: column;
  }

  .ed3a7c,
  .c5bd2c8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .oc1 {
    display: none;
  }
}

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

  .kee5 {
    flex-direction: column;
  }

  .j98297 {
    padding: 0.65rem 1.5rem;
    font-size: 0.875rem;
  }

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

  .d96 {
    min-width: auto;
  }

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

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

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

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

.lc9d922 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: -0.5px;
}

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

.be0d39 {
  display: block;
}

.be0d39 p {
  max-width: 85ch;
  color: var(--color-text-secondary);
}

.cd3,
.ke3,
.f41ca5c {
  display: block;
}

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

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

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

.ge6a06 {
  display: block;
}

.ge6a06 p {
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  color: var(--color-text-secondary);
}

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

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

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

.f4cdfe {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.me417 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  color: var(--color-text-muted);
  font-style: italic;
}

@media (min-width: 768px) {
  .fc83a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2.5rem, 5vw, 4rem);
    justify-content: flex-start;
  }

  .be0d39 {
    flex: 0 1 100%;
  }

  .cd3,
  .ke3,
  .f41ca5c {
    flex: 1 1 200px;
    min-width: 180px;
  }

  .m3cd8fe8 {
    flex: 0 1 100%;
  }
}

@media (max-width: 767px) {
  .f82ea81,
  .f5f9eeab {
    gap: clamp(0.75rem, 2vw, 1.25rem);
  }

  .be985e {
    display: inline-block;
  }
}
    

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: 'Vollkorn', serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.i9b1f0 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-secondary);
  border-radius: 12px;
  padding: clamp(2rem, 5vw, 3.5rem);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

.c748b5 {
  color: var(--color-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  font-style: italic;
  line-height: 1.4;
}

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

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

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

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

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

.d642 {
  text-align: center;
}

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

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

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

.k22b {
  background: var(--color-bg-card);
  border: 1px solid rgba(14, 165, 233, 0.2);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 280px;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

.i654d8c {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid rgba(14, 165, 233, 0.1);
}

.g1a7c6b,
.k56,
.o3c {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--color-text-muted);
}

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

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

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

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

.id1e {
  text-align: center;
}

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

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

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

.f86add {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border: 1px solid rgba(56, 189, 248, 0.15);
  border-radius: 10px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.f86add:hover {
  border-color: var(--color-accent);
  background: rgba(14, 165, 233, 0.05);
}

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

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

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

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

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

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

.hcc3bf {
  text-align: center;
}

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

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

.c53 {
  width: 100%;
  overflow-x: auto;
}

.bbcc5c {
  width: 100%;
  border-collapse: collapse;
  background: var(--color-bg-card);
  border: 1px solid rgba(56, 189, 248, 0.2);
  border-radius: 8px;
  overflow: hidden;
}

.c712b91 {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  text-align: left;
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  border-bottom: 2px solid rgba(14, 165, 233, 0.3);
}

.ka3b5 {
  padding: clamp(0.875rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  border-bottom: 1px solid rgba(56, 189, 248, 0.1);
}

.bbcc5c tbody tr:hover .ka3b5 {
  background: rgba(14, 165, 233, 0.05);
}

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

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

@media (min-width: 1024px) {
  .p13 {
    flex-wrap: wrap;
  }

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

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

@media (min-width: 1440px) {
  .f86add {
    flex: 1 1 calc(25% - 0.9rem);
    min-width: 280px;
  }
}

i {
  display: inline-block;
}

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

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

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

p, span, li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

.o4bd {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  line-height: 1.5;
}

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

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

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

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

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

.o779da {
  flex: 0 0 120px;
}

.o779da img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.m40c img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  object-fit: cover;
}

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

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

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

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

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

.h20667 {
  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-top: 0.5rem;
}

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

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

.m2a img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  object-fit: cover;
}

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

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

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

.ka8 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  object-fit: cover;
}

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

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

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

.a35 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

.bcbc9 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.75rem;
  line-height: 1.6;
}

.bcbc9::before {
  content: "✓";
  color: var(--color-accent);
  font-weight: 700;
  flex: 0 0 auto;
  margin-top: 0.2rem;
}

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

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

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

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

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

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

.cd53531a {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: rgba(14, 165, 233, 0.08);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
}

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

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

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

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

.ge0b img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  object-fit: cover;
}

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

.lcb307b8 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: rgba(16, 57, 82, 0.5);
  border-left: 4px solid var(--color-accent-light);
  border-radius: var(--radius-md);
}

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

.i266 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-accent-light);
  font-weight: 700;
  margin: 0;
}

.i266 i {
  font-size: 1.25rem;
}

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

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

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

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

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

.d617 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 1.5rem;
  justify-content: flex-start;
}

.h29 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  background: var(--color-accent);
  color: #ffffff;
  border-radius: var(--radius-md);
  transition: background 0.3s ease;
  text-decoration: none;
  white-space: nowrap;
}

.h29:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
}

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

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

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

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

.n6d {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(14, 165, 233, 0.2);
  transition: all 0.3s ease;
}

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

.je7 {
  overflow: hidden;
  border-radius: var(--radius-md);
  height: 200px;
}

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

.n6d:hover .je7 img {
  transform: scale(1.05);
}

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

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

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

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

.ld54 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .nac81c,
  .i8b68,
  .d04697a2,
  .j34 {
    flex-direction: column;
  }

  .o65,
  .m40c,
  .j223,
  .m2a,
  .ka8,
  .o6d128b,
  .f3c4d2,
  .ge0b {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .o779da {
    flex: 0 0 auto;
  }
}

@media (max-width: 768px) {
  .o9d {
    flex-wrap: wrap;
    font-size: 0.75rem;
  }

  .ca9115 {
    gap: 1rem;
  }

  .p9630 {
    flex-direction: column;
  }

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

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

  .n9e20 {
    flex-direction: column;
  }

  .d617 {
    justify-content: center;
  }

  .h29 {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .f141b {
    gap: 1rem;
    padding: 1rem;
  }

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

  .a35 {
    gap: 0.5rem;
  }

  .bcbc9 {
    font-size: 0.875rem;
  }
}

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

body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

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

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

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

.la5 {
  font-size: clamp(1rem, 2vw, 1.3125rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  line-height: 1.5;
}

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

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

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

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

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

.c15bd6 {
  flex-shrink: 0;
}

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

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

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

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

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

.i7c816e {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  margin: 0;
  font-weight: 600;
}

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

@media (max-width: 768px) {
  .oa88659d {
    flex-direction: column;
    text-align: center;
    align-items: center;
    border-left: none;
    border-top: 4px solid var(--color-accent);
  }
}

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

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

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

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

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

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

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

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

  .h42b8fbb,
  .e08ee270 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .fa03196,
  .b6495842 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

  .n826d3,
  .j3e089 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .j31c0e7,
  .a729ee {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.a66c {
  flex: 1 1 calc(50% - 0.75rem);
  max-width: calc(50% - 0.75rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border-top: 3px solid var(--color-accent);
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .o09fe1,
  .d6ec1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.h295 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent-light);
}

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

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

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

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

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

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

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

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

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

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

.f2d4 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: var(--transition-base);
  align-items: flex-start;
}

.f2d4:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
  background: var(--color-bg-tertiary);
}

.l7f {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

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

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

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

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

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

  .l7f {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
  }

  .na50 {
    gap: 0.5rem;
    width: 100%;
  }

  .ebfad {
    text-align: center;
  }

  .ib230b4f {
    text-align: center;
  }
}

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

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

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

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

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

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

.hc8 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: 2rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

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

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

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

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

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

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

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

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

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

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

.fde {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
}

.b8f054fd {
  flex-shrink: 0;
}

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

.iec1 {
  flex: 1;
}

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

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

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

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

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

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

  .b8f054fd {
    margin: 0 auto;
  }
}

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

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

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

.ibbb1229 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
}

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

.k41:nth-child(even) {
  flex-direction: row-reverse;
}

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

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

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

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

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

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

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

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

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

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

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

.ha951 {
  margin: clamp(2rem, 5vw, 3.5rem) 0;
}

.p33e3 {
  font-size: clamp(1.375rem, 3vw, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;
  font-weight: 600;
  text-align: center;
}

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

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

.medf {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

@media (max-width: 768px) {
  .k41,
  .k41:nth-child(even) {
    flex-direction: column;
  }

  .kc5,
  .m80540 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

.h91 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  margin: clamp(2rem, 5vw, 3.5rem) 0;
}

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

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

.i8f4989 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.fbd82c {
  font-size: clamp(1.375rem, 3vw, 2rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
}

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

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

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

.h0c51 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.o0909 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

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

  .m04a {
    flex-direction: column;
  }

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

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

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

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

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

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

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

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

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

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

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

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

.e679a7a2 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 650px;
}

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

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

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

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

.iabb {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

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

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

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

.b09904 {
  flex-shrink: 0;
}

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

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

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

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

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

.be30668b {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.e3d8 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.efc {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 1.5rem;
}

.gc7b5b {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  align-items: flex-start;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.e83 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0;
}

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

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

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

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

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

.c0f {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: flex-start;
  margin-top: 1.5rem;
}

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

.c8a45b {
  display: inline-block;
  padding: 0.875rem clamp(1.25rem, 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.875rem, 1vw + 0.5rem, 1rem);
  transition: var(--transition-base);
  text-align: center;
}

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

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

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

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

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

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

.k87abb {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
  transition: var(--transition-base);
  height: 100%;
}

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

.l762 {
  max-width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

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

.j77e12 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.4;
  margin: 0;
}

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

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

@media (max-width: 1024px) {
  .b3a,
  .m9ec5b,
  .fac,
  .l4d5c623 {
    flex-direction: column;
  }

  .d3dbd,
  .bc1ba,
  .icf49a9,
  .la32,
  .d7f,
  .if4560,
  .p61,
  .k080e4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

  .c0f {
    align-items: center;
    text-align: center;
  }

  .c8a45b {
    width: 100%;
  }
}

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

html, body {
  width: 100%;
}

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

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

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

.m04457bb {
  background: var(--color-bg-secondary);
  padding: clamp(4rem, 10vw, 7rem) 0;
  overflow: hidden;
}

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

.ha49131a {
  text-align: center;
  max-width: 800px;
}

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

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

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

.d95 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: clamp(8px, 2vw, 16px);
  display: block;
  object-fit: cover;
  max-height: 450px;
}

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

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

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

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

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

.h540 {
  font-size: clamp(0.875rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

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

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

.db32797f {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

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

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

.o3fd {
  font-size: clamp(0.875rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

.p1a2201 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 320px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: clamp(8px, 2vw, 12px);
  border-left: 4px solid var(--color-accent);
  transition: all 0.3s ease;
}

.p1a2201:hover {
  transform: translateY(-6px);
  background: var(--color-bg-card);
  box-shadow: 0 12px 32px rgba(14, 165, 233, 0.15);
}

.od3aed6 {
  width: 48px;
  height: 48px;
  background: var(--color-accent);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  color: var(--color-text-primary);
  font-size: 1.5rem;
}

.h0531c8 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 700;
}

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

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

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

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

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

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

.e6564 {
  font-size: clamp(0.875rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

.n9f {
  min-width: 60px;
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 2vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  flex-shrink: 0;
}

.m57 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

.cf80 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 240px;
  max-width: 300px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: clamp(8px, 2vw, 12px);
  border-top: 3px solid var(--color-accent);
}

.cf80:hover {
  transform: translateY(-4px);
  background: var(--color-bg-card);
}

.o19f {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 700;
}

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

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

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

.m3053 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
}

.k6f {
  min-width: 24px;
  width: 24px;
  height: 24px;
  color: var(--color-accent);
  margin-top: 0.25rem;
  flex-shrink: 0;
  font-size: 1.25rem;
}

.ead0f6 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

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

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

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

  .n9f {
    min-width: 50px;
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 480px) {
  .m04457bb {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .dbfb77b8 {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }

  .i07c {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }

  .k583c {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }

  .d9c1c {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }

  .n538 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }
}

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

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

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

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

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

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

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

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

.f01265e {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  font-weight: 600;
  line-height: 1.4;
}

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

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

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

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

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

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

.pbb {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.h72c2a1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.pd51612e {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.a1df364 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

.ec0f0d {
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.h482ced {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.d553ac {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.b9b5065 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 220px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.e0f60f61 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  height: 50px;
  display: flex;
  align-items: center;
}

.a557 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e9d {
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.fdbaed {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.f7cd87 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.e661ab {
  margin: 1rem 0;
}

.gf90 {
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-style: italic;
}

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

.l571 {
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-muted);
  font-style: normal;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.na3e7a4 {
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

  .p86cb {
    flex: 1 1 100%;
  }

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

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

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

.db4 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.i2ed {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.f54c4e8 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

.g017 {
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex-grow: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hf52 {
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  transition: color var(--transition-base);
}

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

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

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

.l8f3f1 {
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: center;
}

.b93b28 {
  padding: clamp(2rem, 5vw, 4rem);
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-lg);
}

.i81e1e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-on-accent);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.oe81 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k36c {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  background: rgba(255, 255, 255, 0.2);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.3);
  transition: all var(--transition-base);
}

.k36c:hover {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
}

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

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

.kc1 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.p3d4fe82 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.b4d40 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
}

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

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

.b96e16c:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
}

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

  .k44f {
    flex: 1 1 100%;
  }

  .d2e {
    flex: 1 1 100%;
  }

  .e9b2edc {
    flex-direction: column;
  }

  .p86cb {
    flex: 1 1 100%;
  }

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

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

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

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

  .b9b5065 {
    flex: 1 1 100%;
  }

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

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

.p1c4 {
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

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

.hfc97 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
  font-weight: 700;
}

.fb1a77 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.ae8b {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.le0 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

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

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

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

.p84ce9fd {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.k8bfee {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-sm);
  width: fit-content;
}

.f76de {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.2rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
  font-weight: 700;
}

.j90 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.2rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.c1a0 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

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

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

.j0d8c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.3rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.e6c4 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.2rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .p1c4 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .ae8b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .le0 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .bdccf6 {
    flex-direction: column;
  }

  .k9387ab {
    height: 280px;
  }

  .c1a0 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p1c4 {
    padding: 5rem var(--spacing-lg);
  }

  .ae8b {
    padding: 5rem var(--spacing-lg);
  }

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

  .k9387ab {
    height: 300px;
  }

  .c1a0 {
    padding: 5rem var(--spacing-lg);
  }
}

@media (min-width: 1440px) {
  .le0 {
    max-width: 1400px;
  }

  .i9f {
    max-width: 900px;
  }

  .p3d47085 {
    max-width: 800px;
  }
}

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

.p3d7 {
  padding: var(--spacing-lg) var(--spacing-md);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

.fa92c9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.p3d7 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-primary);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.p3d7 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  max-width: 600px;
}

.f6d1 {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .p3d7 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }

  .f6d1 {
    aspect-ratio: 4 / 3;
  }
}

@media (min-width: 1024px) {
  .p3d7 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .p3d7 h1 {
    font-size: 3.5rem;
  }

  .p3d7 p {
    font-size: 1.125rem;
  }
}

.g04 {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.ic89 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  max-width: 1200px;
  margin: 0 auto;
}

.i1d8c9c {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.i1d8c9c:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
  border-color: var(--color-primary-light);
}

.ca4a {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
}

.i1d8c9c h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

.i1d8c9c p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.d21e {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.d21e li {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

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

@media (min-width: 768px) {
  .g04 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .ic89 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .g04 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

.e8971 {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.d47b {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.e8971 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-primary);
  margin: 0;
  line-height: 1.2;
}

.e8971 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.f4a2e {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
  align-self: center;
}

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

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

@media (min-width: 768px) {
  .e8971 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .e8971 h2 {
    font-size: 2.25rem;
  }

  .e8971 p {
    font-size: 1.125rem;
  }
}

@media (min-width: 1024px) {
  .e8971 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .e8971 h2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .ic89 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.mb2 .l3f2b03d {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.mb2 .aac5ca {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.mb2 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.mb2 .obd {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.mb2 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  padding-bottom: var(--spacing-sm);
  border-bottom: 2px solid var(--color-border-light);
}

.mb2 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.mb2 ul,
.mb2 ol {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-lg);
}

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

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

.mb2 .gcafad {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.mb2 .gcafad h2 {
  border-bottom: none;
  margin-top: 0;
  color: var(--color-text-primary);
}

.mb2 .gcafad p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.mb2 .o53 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

@media (min-width: 768px) {
  .mb2 .aac5ca {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .mb2 .aac5ca {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

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

.f96 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.m590 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.g58d39 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hfa {
  width: 100px;
  height: 100px;
  margin: 0 auto var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-success-light);
  border-radius: var(--radius-full);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.hfa svg {
  width: 56px;
  height: 56px;
  color: var(--color-success);
  stroke-width: 2;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.n325a88e {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
  line-height: 1.5;
}

.d782c {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
  max-width: 520px;
}

.d782c:last-of-type {
  margin-bottom: var(--spacing-2xl);
}

.j98297 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-family: var(--font-primary);
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: var(--transition-base);
  font-weight: 600;
  letter-spacing: 0.3px;
}

.j53 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .m590 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

  .hfa {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-2xl);
  }

  .hfa svg {
    width: 68px;
    height: 68px;
  }

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

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

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

  .d782c:last-of-type {
    margin-bottom: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .m590 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .hfa {
    width: 140px;
    height: 140px;
  }

  .hfa svg {
    width: 80px;
    height: 80px;
  }

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

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

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

  .d782c:last-of-type {
    margin-bottom: var(--spacing-3xl);
  }
}

@media (max-width: 480px) {
  .hfa {
    width: 80px;
    height: 80px;
    margin-bottom: var(--spacing-md);
  }

  .hfa svg {
    width: 48px;
    height: 48px;
  }

  h1 {
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    margin-bottom: var(--spacing-sm);
  }

  .n325a88e {
    font-size: clamp(1rem, 2vw, 1.2rem);
    margin-bottom: var(--spacing-md);
  }

  .d782c {
    font-size: clamp(0.9rem, 1.2vw, 1rem);
    margin-bottom: var(--spacing-md);
  }

  .d782c:last-of-type {
    margin-bottom: var(--spacing-xl);
  }

  .j98297 {
    padding: 0.75rem 1.75rem;
    font-size: 0.95rem;
  }
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

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

.p87 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
}

.jc74bf9 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.ab16 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.n94261b4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
}

.jbf4c17 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.o39 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p69a {
  font-size: clamp(4rem, 15vw, 8rem);
  font-family: var(--font-heading);
  font-weight: 900;
  color: var(--color-primary);
  margin: 0;
  line-height: 1;
  letter-spacing: -0.05em;
  position: relative;
  z-index: 2;
  animation: float-up 3s ease-in-out infinite;
}

@keyframes float-up {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-1.5rem);
  }
}

.f63a32 {
  position: absolute;
  width: clamp(200px, 50vw, 400px);
  height: clamp(200px, 50vw, 400px);
  border: 2px solid var(--color-primary-light);
  border-radius: 50%;
  opacity: 0.3;
  animation: spin-slow 20s linear infinite;
}

@keyframes spin-slow {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.b71330d4 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

.b71330d4 h2 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.ied5fc {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.7;
}

.o84 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  font-style: italic;
}

.k7ae {
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-2xl);
}

.j98297 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-family: var(--font-primary);
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid transparent;
  cursor: pointer;
  transition: var(--transition-base);
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
}

.j53 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

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

.bfefe0 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-2xl);
}

.mb38e599 {
  position: relative;
  width: 100%;
  height: clamp(150px, 30vw, 250px);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: var(--spacing-2xl);
}

.f2d0bd8 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: sway 4s ease-in-out infinite;
}

.f2d0bd8::before {
  content: '';
  width: clamp(40px, 8vw, 80px);
  height: clamp(60px, 12vw, 120px);
  background: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%);
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
  margin-bottom: var(--spacing-xs);
}

.f2d0bd8::after {
  content: '';
  width: clamp(20px, 4vw, 40px);
  height: clamp(30px, 6vw, 60px);
  background-color: var(--color-accent);
  border-radius: var(--radius-full);
}

.l6a2a {
  animation-delay: 0s;
  transform-origin: center bottom;
}

.l36 {
  animation-delay: 2s;
  transform-origin: center bottom;
}

@keyframes sway {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(1.5deg);
  }
}

.ae5 {
  position: absolute;
  bottom: 0;
  width: 60%;
  height: 3px;
  background: linear-gradient(90deg, transparent 0%, var(--color-accent-light) 50%, transparent 100%);
  border-radius: var(--radius-full);
  animation: path-pulse 3s ease-in-out infinite;
}

@keyframes path-pulse {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}

@media (min-width: 640px) {
  .jc74bf9 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

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

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

@media (min-width: 768px) {
  .jc74bf9 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 100vh;
  }

  .f63a32 {
    width: 500px;
    height: 500px;
  }

  .b71330d4 {
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-2xl);
  }

  .b71330d4 h2 {
    font-size: 2.25rem;
  }

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

  .mb38e599 {
    height: 300px;
    gap: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .jc74bf9 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

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

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

  .j98297 {
    font-size: 1.05rem;
  }

  .mb38e599 {
    height: 350px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .p69a {
    animation: none;
  }

  .f63a32 {
    animation: none;
  }

  .f2d0bd8 {
    animation: none;
  }

  .ae5 {
    animation: none;
  }
}

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

.if9985e {
  width: 100%;
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.m0a9f {
  padding: 0 var(--spacing-md);
  text-align: center;
}

.if9985e h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.jca62b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .if9985e {
    padding: 5rem 0;
  }
}

@media (min-width: 1024px) {
  .if9985e {
    padding: 6rem 0;
  }
}

.l062c5b {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.e3901 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

.p84b h2,
.lbe h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 700;
  letter-spacing: -0.3px;
}

.kab52441 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.pbac6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.g92a501b {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: 0.2px;
}

.l56cb3,
.n813 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base);
  box-sizing: border-box;
  line-height: 1.5;
}

.l56cb3::placeholder,
.n813::placeholder {
  color: var(--color-text-muted);
}

.l56cb3:focus,
.n813:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.n813 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.e9aa4f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 700;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  box-sizing: border-box;
}

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

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

.e9aa4f:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.ob5 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.6;
  text-align: center;
}

.f76 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 600;
}

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

.n18b683 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.g5f {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.ca6a25f {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.d771b85 {
  flex: 1;
  min-width: 0;
}

.d771b85 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
}

.d771b85 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
}

.h74 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 600;
}

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

.mecb9daa {
  padding: var(--spacing-xl);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.mecb9daa h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.mecb9daa p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.7;
}

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

.lfc5 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 600;
}

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

@media (min-width: 768px) {
  .l062c5b {
    padding: 5rem 0;
  }

  .e3901 {
    gap: 4rem;
    align-items: stretch;
  }

  .p84b {
    flex: 1 1 calc(50% - 2rem);
    min-width: 0;
  }

  .lbe {
    flex: 1 1 calc(50% - 2rem);
    min-width: 0;
  }
}

@media (min-width: 1024px) {
  .l062c5b {
    padding: 6rem 0;
  }

  .e3901 {
    gap: 5rem;
  }

  .p84b {
    flex: 1 1 calc(45% - 2.5rem);
  }

  .lbe {
    flex: 1 1 calc(55% - 2.5rem);
  }
}

@media (max-width: 480px) {
  .if9985e {
    padding: 2rem 0;
  }

  .l062c5b {
    padding: 2rem 0;
  }

  .e3901 {
    gap: 2rem;
  }

  .p84b h2,
  .lbe h2 {
    margin-bottom: var(--spacing-md);
  }

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

  .l56cb3,
  .n813 {
    padding: var(--spacing-sm) var(--spacing-md);
  }

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

  .n18b683 {
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-xl);
  }

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

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.kc7fe9,.b0872cd0{width:34px;}
.kc7fe9[aria-expanded="true"]{display:none;}
.o200a0.ae3fb5{z-index:999;}
.o200a0{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.o200a0{max-width:100%;}}
.f843d{justify-content:flex-end;}