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

:root {
  --color-bg-primary: #f0f9ff;
  --color-bg-secondary: #e0f2fe;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #0c4a6e;
  --color-text-secondary: #075985;
  --color-text-muted: #3e697e;

  --color-primary: #0284c7;
  --color-primary-hover: #0369a1;
  --color-primary-light: #e0f2fe;
  --color-secondary: #38bdf8;
  --color-secondary-light: #cffafe;

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #bae6fd;
  --color-border-light: #e0f2fe;

  --font-primary: 'Inter', sans-serif;
  --font-heading: 'Sora', sans-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(12, 74, 110, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(12, 74, 110, 0.1), 0 2px 4px -1px rgba(12, 74, 110, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(12, 74, 110, 0.1), 0 4px 6px -2px rgba(12, 74, 110, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(12, 74, 110, 0.1), 0 10px 10px -5px rgba(12, 74, 110, 0.04);

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

  
  --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 {
  font-size: 17px;
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.7;
  letter-spacing: 0.3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

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

h6 {
  font-size: 1.125rem;
  font-weight: 500;
}

p {
  margin-bottom: var(--spacing-md);
  font-weight: 400;
  letter-spacing: 0.4px;
}

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

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

button {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.3px;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  border-radius: var(--radius-md);
}

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

header {
  background: var(--color-bg-tertiary);
  border-bottom: 1px solid var(--color-border-light);
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: var(--shadow-sm);
}

.e82d817 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-md) 0;
}

.b105 {
  font-size: 1.5rem;
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

nav {
  display: flex;
  gap: var(--spacing-xl);
  align-items: center;
}

nav a {
  color: var(--color-text-primary);
  font-size: 1rem;
  font-weight: 500;
  position: relative;
}

nav a::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--color-primary);
  transition: width var(--transition-base);
}

nav a:hover::after {
  width: 100%;
}

.a6fc6 {
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.3px;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

.j7328e8 {
  background: var(--color-primary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

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

.p804fe8 {
  background: var(--color-secondary);
  color: #ffffff;
}

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

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

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

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

.e06a98c {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: 1.1rem;
}

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

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

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

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

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

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

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

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

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

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

.o025fbcb {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 0.3px;
}

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

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

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

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

.e4b51 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}

label {
  font-weight: 500;
  color: var(--color-text-primary);
  font-size: 1rem;
  letter-spacing: 0.3px;
}

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

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

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

.n42f9b68 {
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid;
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

.ec1 {
  background: var(--color-success-light);
  border-color: var(--color-success);
  color: var(--color-success);
}

.c31b0a5 {
  background: var(--color-warning-light);
  border-color: var(--color-warning);
  color: var(--color-warning);
}

.d108 {
  background: var(--color-danger-light);
  border-color: var(--color-danger);
  color: var(--color-danger);
}

.h51 {
  background: var(--color-primary-light);
  border-color: var(--color-primary);
  color: var(--color-primary);
}

footer {
  background: var(--color-bg-secondary);
  border-top: 1px solid var(--color-border);
  padding: var(--spacing-2xl) 0;
  margin-top: var(--spacing-3xl);
}

.l93 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
}

.ha21 h4 {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
}

.ha21 ul {
  list-style: none;
}

.ha21 ul li {
  margin-bottom: var(--spacing-sm);
}

.ha21 a {
  color: var(--color-text-primary);
  font-weight: 400;
}

.ofdd7 {
  border-top: 1px solid var(--color-border);
  padding-top: var(--spacing-lg);
  text-align: center;
  color: var(--color-text-muted);
  font-size: 0.95rem;
}

.l198bd2 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: var(--spacing-3xl) 0;
  text-align: center;
  border-bottom: 1px solid var(--color-border);
}

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

.l198bd2 p {
  font-size: 1.3rem;
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto var(--spacing-xl);
  line-height: 1.8;
}

.d92413 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-md);
}

.e7e5 {
  width: 80px;
  height: 80px;
  background: var(--color-primary-light);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
}

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

.d92413 p {
  color: var(--color-text-secondary);
  font-size: 1rem;
}

.ld006e96 {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
  align-items: flex-start;
}

.f733620 {
  width: 24px;
  height: 24px;
  background: var(--color-primary);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-weight: 600;
  margin-top: 2px;
}

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

.h78b8a4 p {
  margin-bottom: 0;
  color: var(--color-text-secondary);
  font-size: 0.95rem;
}

.if9 {
  background: var(--color-bg-card);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
  margin-bottom: var(--spacing-lg);
}

.c49 {
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
}

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

.f4b80 {
  width: 50px;
  height: 50px;
  background: var(--color-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 600;
  font-size: 1.3rem;
}

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

.j6fddf p {
  margin-bottom: 0;
  color: var(--color-text-muted);
  font-size: 0.9rem;
}

.cd2223 {
  display: flex;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-lg);
  align-items: center;
  font-size: 0.95rem;
}

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

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

.j0b9fe {
  display: inline-block;
  background: var(--color-primary-light);
  color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-md);
  font-size: 0.85rem;
  font-weight: 500;
  margin-right: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
}

.ifb {
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-xl) 0;
}

.j332fe4 {
  text-align: center;
}

.ce3e9c17 {
  text-align: left;
}

.je29e6 {
  text-align: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.o17857b {
  display: flex;
}

.m675c10 {
  flex-direction: column;
}

.hd868c {
  display: flex;
  align-items: center;
  justify-content: center;
}

.g6b6cc {
  align-items: center;
}

.f67936 {
  justify-content: center;
}

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

.cd3461 {
  max-width: 32rem;
}

.l963f {
  max-width: 42rem;
}

.ae5c {
  max-width: 56rem;
}

.d9e4d407 {
  opacity: 0.5;
}

.had1 {
  opacity: 0.75;
}

.o7eb2075 {
  overflow: hidden;
}

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

@media (max-width: 768px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .l198bd2 h1 {
    font-size: 2.25rem;
  }

  .l198bd2 p {
    font-size: 1.1rem;
  }

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

  nav {
    gap: var(--spacing-md);
  }

  nav a {
    font-size: 0.9rem;
  }

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

  .fb82,
  .he631e89,
  .gaba3 {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 480px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .l198bd2 h1 {
    font-size: 1.75rem;
  }

  .l198bd2 p {
    font-size: 1rem;
  }

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

  .a6fc6 {
    width: 100%;
  }

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

  .l93 {
    grid-template-columns: 1fr;
  }
}
.m7cca {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: visible;
}

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

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

.oa9:hover {
  opacity: 0.85;
}

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

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

.ke90 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  margin: 0 clamp(1.5rem, 4vw, 2.5rem);
}

.ka01e5b7 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  white-space: nowrap;
}

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

.g6abcf3 {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  transition: background var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.a2a2 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: transparent;
  border: none;
  padding: 0.5rem;
  cursor: pointer;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

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

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

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

.m4f15.heff326 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

.j469c:hover {
  color: var(--color-accent);
  background: var(--color-bg-secondary);
}

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

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

@media (min-width: 768px) {
  .be417c6 {
    height: 75px;
  }

  .ke90 {
    display: flex;
  }

  .g6abcf3 {
    display: block;
  }

  .a2a2 {
    display: none;
  }

  .m4f15 {
    display: none;
  }
}

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

  .j43488e {
    font-size: 1.5rem;
  }

  .ka01e5b7 {
    font-size: 1rem;
  }

  .g6abcf3 {
    font-size: 1rem;
    padding: 0.875rem 1.75rem;
  }
}

    .d960da {
  width: 100%;
}

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

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

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

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

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

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

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

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

.a6fc6 {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}

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

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

.l3cf34 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-accent);
}

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

.kbe {
  flex: 1 1 50%;
  height: 400px;
}

.a588 {
  flex: 0 1 45%;
  height: 280px;
}

.e62 {
  flex: 0 1 35%;
  height: 200px;
}

.k03 {
  flex: 1 1 45%;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-content: flex-start;
}

.kbe img,
.a588 img,
.e62 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(12, 74, 110, 0.15);
}

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

  .of66 {
    flex: 1 1 100%;
  }

  .k03 {
    flex: 1 1 100%;
  }

  .kbe {
    flex: 1 1 100%;
  }

  .a588 {
    flex: 1 1 48%;
  }

  .e62 {
    flex: 1 1 48%;
  }
}

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

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

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

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

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

.b8294f4e {
  width: 100%;
  max-height: 400px;
}

.b8294f4e img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(12, 74, 110, 0.12);
}

.m72 {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

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

.fba3bf {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: #ffffff;
  font-weight: 700;
}

.h6656df0 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.6;
}

.eaee5e {
  background: #ffffff;
  color: var(--color-accent);
  align-self: center;
}

.eaee5e:hover {
  background: rgba(255, 255, 255, 0.9);
}

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

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

.hf5c72e {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  border-left: 6px solid var(--color-accent);
  box-shadow: 0 8px 20px rgba(12, 74, 110, 0.1);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.i3632b {
  flex: 1 1 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(12, 74, 110, 0.08);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

.i3632b:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(12, 74, 110, 0.15);
}

.o19 {
  font-size: 2.5rem;
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
}

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

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

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

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

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

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

.m4f74a4 {
  flex: 0 1 220px;
  width: 220px;
  height: 220px;
  background: var(--color-bg-card);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  gap: 0.75rem;
  box-shadow: 0 8px 20px rgba(12, 74, 110, 0.1);
  transition: all 0.3s ease;
}

.m4f74a4:hover {
  transform: scale(1.05);
  box-shadow: 0 12px 28px rgba(12, 74, 110, 0.15);
}

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

.ocd3f15 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

.g2f8 {
  text-align: center;
}

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

.ja31 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

.p0c58 {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(12, 74, 110, 0.08);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.p0c58:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 32px rgba(12, 74, 110, 0.15);
}

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

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

.p0c58:hover .ea60 img {
  transform: scale(1.05);
}

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

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

.nb591,
.ce1037 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

.e53 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
}

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

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

.g15f7 {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-accent);
  font-weight: 700;
  min-width: 90px;
  text-align: right;
  padding-top: 0.5rem;
}

.fbb0 {
  flex: 1;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
  box-shadow: 0 4px 12px rgba(12, 74, 110, 0.06);
}

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

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

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

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

.l12f396 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

.g084 {
  flex: 1 1 240px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 6px 18px rgba(12, 74, 110, 0.08);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

.g084:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(12, 74, 110, 0.15);
}

.pfe4230 {
  font-size: 2.5rem;
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

.lf9 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: clamp(1rem, 2vw, 1.5rem);
  grid-template-areas: "featured thumb1 thumb2 thumb3"
                       "featured thumb4 thumb4 thumb4";
}

.b2b1abb {
  grid-area: featured;
  min-height: 400px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 12px 32px rgba(12, 74, 110, 0.15);
}

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

.f112b {
  aspect-ratio: 1;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(12, 74, 110, 0.1);
  transition: all 0.3s ease;
}

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

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

@media (max-width: 1024px) {
  .lf9 {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "featured featured"
                         "thumb1 thumb2"
                         "thumb3 thumb4";
  }

  .b2b1abb {
    min-height: 300px;
  }
}

@media (max-width: 768px) {
  .lf9 {
    grid-template-columns: 1fr;
    grid-template-areas: "featured"
                         "thumb1"
                         "thumb2"
                         "thumb3"
                         "thumb4";
  }

  .b2b1abb {
    min-height: 250px;
  }

  .f112b {
    aspect-ratio: 16 / 9;
  }
}

.ld921 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: #1e293b;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 2vw, 2rem);
}

.ld921.l22 {
  display: none;
}

.mfd5 {
  color: #ffffff;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.5;
  margin: 0;
  flex: 1 1 300px;
}

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

.m67,
.i9b {
  padding: 0.625rem 1.25rem;
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
}

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

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

.i9b {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.i9b:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.05);
}

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

  .of66 {
    flex: 1 1 100%;
  }

  .k03 {
    flex: 1 1 100%;
  }

  .o4ff041 {
    flex-direction: column;
  }

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

  .h8ac4 {
    flex-direction: column;
  }

  .m4f74a4 {
    flex: 1 1 100%;
    width: 100%;
    height: auto;
    min-height: 200px;
  }

  .l2f {
    flex-direction: column;
  }

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

  .b86cb {
    flex-direction: column;
  }

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

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

  .oe226b {
    width: 100%;
    justify-content: flex-end;
  }
}

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

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

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

.a669,
.ndbc2,
.h7a,
.cbf20135 {
  display: block;
}

.a669 h3,
.ndbc2 h3,
.h7a h3,
.cbf20135 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
  letter-spacing: -0.5px;
}

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

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

.jc92616 li,
.k1cbe4 li {
  display: block;
}

.jc92616 a,
.k1cbe4 a {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h7a p + p {
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

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

.md282eb {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.paf2bc {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  margin: clamp(0.75rem, 1.5vw, 1rem) 0 0 0;
  padding: 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 65ch;
}

@media (min-width: 768px) {
  .l93 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2.5rem, 6vw, 4rem);
  }

  .a669 {
    flex: 1 1 300px;
  }

  .ndbc2 {
    flex: 0 1 200px;
  }

  .h7a {
    flex: 0 1 280px;
  }

  .cbf20135 {
    flex: 0 1 220px;
  }

  .jc92616,
  .k1cbe4 {
    flex-direction: column;
    gap: clamp(0.75rem, 1vw, 1rem);
  }

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

@media (min-width: 1024px) {
  .l93 {
    display: grid;
    grid-template-columns: 2fr 1fr 1.2fr 1fr;
    gap: clamp(3rem, 5vw, 4.5rem);
    align-items: start;
  }

  .a669 {
    grid-column: 1;
  }

  .ndbc2 {
    grid-column: 2;
  }

  .h7a {
    grid-column: 3;
  }

  .cbf20135 {
    grid-column: 4;
  }

  .ofdd7 {
    grid-column: 1 / -1;
    display: block;
  }
}
    

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

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

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

.bb6 {
  text-align: center;
}

.ke077 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: var(--font-heading);
}

.c15 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2.5vw + 0.5rem, 1.5rem);
  margin: clamp(0.75rem, 2vw, 1.5rem) 0 0 0;
  padding: 0;
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c67 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.j90b {
  text-align: center;
}

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

.dfceee {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  margin: clamp(0.75rem, 1.5vw, 1rem) 0 0 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h01d08 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  align-items: stretch;
}

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

.o485c0 {
  flex: 0 0 clamp(200px, 35%, 300px);
  min-height: 200px;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

.n0ad2 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  flex: 1 1 auto;
  justify-content: space-between;
}

.he5cbe {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: var(--font-heading);
  line-height: 1.3;
}

.cb89ddd {
  color: var(--color-text-secondary);
  font-size: clamp(0.8875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.5;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.lf512,
.g1c,
.jf6a254 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.lf512 i,
.g1c i,
.jf6a254 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.e5998f02 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  display: inline-block;
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .o485c0 {
    flex: 0 0 auto;
    min-height: 220px;
    width: 100%;
  }

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

  .oaa1 {
    gap: clamp(0.5rem, 1vw, 0.75rem);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .o485c0 {
    flex: 0 0 clamp(200px, 32%, 280px);
    min-height: 200px;
  }
}

@media (min-width: 1024px) {
  .o485c0 {
    flex: 0 0 300px;
    min-height: 220px;
  }

  .h01d08 {
    gap: 2rem;
    padding: 2rem;
  }
}

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

  .d3e {
    background: var(--color-bg-primary);
    padding: 0;
    overflow: hidden;
    position: relative;
    min-height: 300px;
  }

  .h6adca4 {
    position: relative;
    width: 100%;
    height: 280px;
    overflow: hidden;
  }

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

  .oa9e3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(12, 74, 110, 0.7) 0%, rgba(7, 89, 133, 0.6) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(1.5rem, 4vw, 2.5rem);
  }

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

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

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

  .a169cfa a:hover {
    opacity: 0.8;
    text-decoration: underline;
  }

  .a169cfa span {
    color: var(--color-text-on-accent);
    opacity: 0.7;
  }

  .a90a7b {
    color: var(--color-text-on-accent);
    font-size: clamp(1.5rem, 5vw + 0.5rem, 2.75rem);
    font-weight: 700;
    line-height: 1.2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0;
  }

  .o997 {
    color: var(--color-text-on-accent);
    font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1.125rem);
    line-height: 1.5;
    margin: 0;
    opacity: 0.95;
    max-width: 600px;
  }

  .m7f2d5 {
    display: flex;
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
    flex-wrap: wrap;
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  }

  .ee60 {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
    color: var(--color-text-on-accent);
  }

  .ee60 i {
    font-size: 0.875rem;
    opacity: 0.8;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .n23c {
    text-align: center;
  }

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

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

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

  .p5534a2 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    min-width: 250px;
    max-width: 360px;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
    padding: clamp(1.5rem, 3vw, 2rem);
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    transition: all var(--transition-base);
  }

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

  .k36a {
    width: 100%;
    height: 200px;
    overflow: hidden;
    border-radius: var(--radius-md);
  }

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

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

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

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

  .j00 {
    display: inline-block;
    color: var(--color-accent);
    text-decoration: none;
    font-size: clamp(0.875rem, 1vw, 1rem);
    font-weight: 600;
    transition: all var(--transition-base);
    align-self: flex-start;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bce39 {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
    align-items: flex-start;
    padding: clamp(1.5rem, 3vw, 2rem);
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
  }

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

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

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

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

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

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

  .n60294 {
    color: var(--color-text-secondary);
    font-size: clamp(0.875rem, 1vw, 1rem);
    font-weight: 600;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

  .nf0b {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
    font-weight: 700;
    margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  @media (max-width: 768px) {
    .h6adca4 {
      height: 220px;
    }

    .fdb6,
    .e3d,
    .pe8,
    .nde04 {
      flex-direction: column;
    }

    .jcf5,
    .b65,
    .i197af,
    .h32e8e8a,
    .f86881,
    .l34e0d2,
    .c32869,
    .ld740 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

    .f86881 {
      order: 0;
    }

    .k728 {
      flex-direction: column;
    }

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

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

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

  @media (max-width: 480px) {
    .h6adca4 {
      height: 180px;
    }

    .a169cfa {
      font-size: 0.7rem;
      gap: 0.25rem;
    }

    .ee60 {
      gap: 0.25rem;
    }

    .be185d7 {
      gap: 0.75rem;
    }

    .mcc {
      min-width: 36px;
      width: 36px;
      height: 36px;
      font-size: 0.9rem;
    }

    .p5534a2 {
      min-width: 100%;
    }
  }

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

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

.m26a66 {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .o086e9,
  .j0d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.n9a {
  flex: 1 1 100%;
}

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

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

.eca5 {
  flex: 1 1 100%;
}

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

.fa8 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.la4,
.fa7279 {
  background: var(--color-bg-tertiary);
}

.ke6,
.o9ac0 {
  background: var(--color-bg-secondary);
}

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

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

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

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

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

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

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

  .p4560,
  .m7a55f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.lbd28bf5 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: color var(--transition-base);
  margin-top: auto;
  align-self: flex-start;
}

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

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

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

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

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

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

.j92 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-top: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

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

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

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

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

.k881ba3 {
  flex: 0 0 auto;
}

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

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

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

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

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

.n9f5a {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  font-weight: 500;
}

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

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

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

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

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

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

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

.c4f {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-warning);
}

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

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

@media (min-width: 768px) and (max-width: 1023px) {
  .c7327a,
  .a811 {
    gap: clamp(1.5rem, 3vw, 3rem);
  }
}

@media (min-width: 1024px) {
  .l3d {
    padding: clamp(3rem, 6vw, 5rem) 0;
  }

  .da31b,
  .la4,
  .ke6,
  .fa7279,
  .o9ac0,
  .g960 {
    padding: clamp(4rem, 8vw, 6rem) 0;
  }
}

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

  .h03fa1 {
    background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
    padding: clamp(2rem, 6vw, 4rem) 0;
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

  .ib3d9f {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
  }

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

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

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

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

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

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

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

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

  .odfd4a {
    flex: 1;
    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;
  }

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

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

  .d1a4fc {
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .i397413f {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    color: var(--color-text-secondary);
    padding-left: 1.75rem;
    position: relative;
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

  .h34c66 {
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .n066d1 {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    color: var(--color-text-secondary);
    padding-left: 1.75rem;
    position: relative;
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .d672 {
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .c236 {
    list-style: decimal;
    padding-left: 1.5rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1.25rem);
  }

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

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

  .l8a5d {
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .fa42f3bc {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    color: var(--color-text-secondary);
    padding-left: 1.75rem;
    position: relative;
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .fa42f3bc::before {
    content: "!";
    position: absolute;
    left: 0;
    color: var(--color-warning);
    font-weight: bold;
  }

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

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

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

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

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

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

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

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

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

  .i241ed2f {
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    color: var(--color-text-primary);
    font-weight: 700;
    line-height: 1.4;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .e0a0 {
    color: var(--color-accent);
    text-decoration: none;
    font-weight: 600;
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    transition: color var(--transition-base);
    align-self: flex-start;
  }

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

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

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

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

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

  .mc3b1 {
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-lg);
    margin-top: clamp(1.5rem, 3vw, 2.5rem);
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
    align-items: center;
  }

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

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

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

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

  .a5c342df {
    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);
    box-shadow: var(--shadow-md);
  }

  .o531bda8 {
    flex-shrink: 0;
    width: 120px;
    height: 120px;
  }

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

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

  .k0380 {
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .cc2c {
    font-size: clamp(0.875rem, 1vw, 0.95rem);
    color: var(--color-accent);
    font-weight: 600;
    margin: 0;
  }

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

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

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

  .ge9fe8 {
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

    .i974,
    .d73 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .b76 {
      flex-direction: column;
    }

    .odfd4a {
      flex: 1 1 100%;
    }

    .hf1 {
      flex: 1 1 100%;
    }

    .ndbdf {
      flex-direction: column;
    }

    .j65b6,
    .n164 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

    .da6895b {
      align-items: center;
    }
  }

  @media (min-width: 769px) and (max-width: 1023px) {
    .e5e2a7 {
      flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
      min-width: 280px;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pa2 {
  width: 100%;
  height: auto;
  border-radius: 1rem;
  object-fit: cover;
  display: block;
  box-shadow: 0 4px 12px rgba(12, 74, 110, 0.1);
}

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

  .d60,
  .ddc {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.f6c {
  flex: 1 1 100%;
}

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

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

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

.feae9 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.75rem;
  text-align: center;
  box-shadow: 0 2px 8px rgba(12, 74, 110, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feae9:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(12, 74, 110, 0.12);
}

.d570d {
  font-size: 2.5rem;
  color: var(--color-accent);
  margin-bottom: 1rem;
}

.p7a {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

.j9f {
  padding: clamp(1rem, 2vw, 1.5rem);
  border-left: 4px solid var(--color-accent);
  background: rgba(2, 132, 199, 0.05);
  border-radius: 0.25rem;
}

.h113f {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a1840 {
  width: 100%;
  height: auto;
  border-radius: 1rem;
  object-fit: cover;
  display: block;
  box-shadow: 0 4px 12px rgba(12, 74, 110, 0.1);
}

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

  .m2fe6,
  .g98d47d9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.m0c89 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  background: var(--color-bg-card);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(12, 74, 110, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.m0c89:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 16px rgba(12, 74, 110, 0.15);
}

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

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

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

.jee2c {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.e27 {
  width: 100%;
  height: auto;
  border-radius: 1rem;
  object-fit: cover;
  display: block;
  box-shadow: 0 4px 12px rgba(12, 74, 110, 0.1);
}

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

  .d09f,
  .h61092 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.m68aa {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 220px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.75rem;
  text-align: center;
  box-shadow: 0 2px 8px rgba(12, 74, 110, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.m68aa:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(12, 74, 110, 0.12);
}

.a25bc {
  font-size: 2.25rem;
  color: var(--color-accent);
}

.ka55 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.j18aed1 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 1rem;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  box-shadow: 0 2px 8px rgba(12, 74, 110, 0.08);
}

.nc8 {
  flex-shrink: 0;
}

.c2a1d06c {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  box-shadow: 0 2px 8px rgba(12, 74, 110, 0.1);
}

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

.p255c {
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.bd8c7c3 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-accent);
  font-weight: 600;
  margin: 0;
}

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

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

  .nc8 {
    flex-shrink: 0;
  }
}

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

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

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

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

.mee1a5 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  margin-top: 1rem;
}

.h6c119 {
  display: inline-block;
  background: var(--color-accent);
  color: #ffffff;
  padding: clamp(0.75rem, 1vw + 0.5rem, 1rem) clamp(1.5rem, 2vw + 1rem, 2.5rem);
  border-radius: 0.5rem;
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: background 0.3s ease, transform 0.3s ease;
}

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

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

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

.hb40 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(12, 74, 110, 0.08);
}

.c97 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

html, body {
  width: 100%;
  height: 100%;
}

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

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

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

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

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

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

.oe13e {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.125rem);
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ef533a4d {
  text-align: center;
}

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

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

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

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

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

.p7b4c424 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  flex: 1 1 100%;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

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

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

.l7f2 {
  width: 48px;
  height: 48px;
  background: var(--color-primary);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--color-text-on-accent);
}

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

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

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

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

.accb6 {
  text-align: center;
}

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

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

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

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

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

.h9f342 {
  width: 40px;
  height: 40px;
  background: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: var(--color-primary);
  flex-shrink: 0;
}

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

.dfa75ea {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-family: var(--font-heading);
  font-weight: 600;
}

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

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

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

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

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

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

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

.b7a {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  border-radius: var(--radius-md);
  text-align: center;
  box-shadow: var(--shadow-sm);
  flex: 1 1 100%;
  min-width: 200px;
}

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

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

.e0b {
  color: var(--color-primary);
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.1;
}

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

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

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

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

.jc87c2 {
  width: 28px;
  height: 28px;
  background: var(--color-primary);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--color-text-on-accent);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

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

.h4679 {
  width: 100%;
  max-width: 900px;
  height: auto;
  max-height: 400px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
  box-shadow: var(--shadow-md);
  margin: 0 auto;
}

.cced8b {
  width: 100%;
  max-width: 900px;
  height: auto;
  max-height: 380px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
  box-shadow: var(--shadow-md);
  margin: clamp(1.5rem, 3vw, 2.5rem) auto 0;
}

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

@media (min-width: 1024px) {
  .ee9a {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
  
  .e4154f {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
  
  .j518e6 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
  
  .fc038216 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
  
  .ed5f12a8 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

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

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

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

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

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

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

.m36 {
  width: 100%;
  max-width: 500px;
}

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

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

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

.j32f {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.375rem);
  font-weight: 500;
}

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

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

  .m36 {
    flex: 0 0 45%;
    max-width: none;
  }

  .de0b9fb4 {
    flex: 0 0 45%;
    text-align: left;
  }
}

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

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

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

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

.f8def35e {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
}

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

.a37a {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 clamp(250px, 40vw, 280px);
  min-height: auto;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
}

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

.g57 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

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

@media (min-width: 768px) {
  .df4 {
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

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

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

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

.g2b934 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

.ed8e386 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
}

.m1803 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
}

.ib97f {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1rem, 2vw, 1.375rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  border: 1px solid var(--color-border-light);
  display: inline-block;
  transition: var(--transition-base);
}

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

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

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

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

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

.k8f45b2 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
}

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

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

.nd43 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 clamp(250px, 45vw, 300px);
  min-height: auto;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
  text-decoration: none;
  color: inherit;
}

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

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

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

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

.l34 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: var(--transition-base);
  margin-top: auto;
}

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

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

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

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

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

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

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

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

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

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

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

.iabc {
  height: 1px;
  background: var(--color-border-light);
}

@media (min-width: 768px) {
  .h994 {
    flex-direction: row;
    gap: clamp(2rem, 4vw, 3rem);
  }

  .h093a59 {
    flex: 1;
  }

  .iabc {
    display: none;
  }
}

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

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

.e29 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  max-width: 700px;
}

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

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

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

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

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

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

.g50 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 2px solid var(--color-border-light);
}

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

.o2859 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

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

@media (min-width: 768px) {
  .g50 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .g50 {
    padding: 4rem var(--spacing-xl);
  }
}

.lb6 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.cd292789 {
  max-width: 1200px;
  margin: 0 auto;
}

.ebb {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .ebb {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .lb6 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

  .lb6 {
    padding: 4rem var(--spacing-xl);
  }
}

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

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

.p73e {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
}

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

.m1185 {
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
  flex-grow: 1;
}

.o53f {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.o53f li {
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

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

.j0ed4 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  border-top: 2px solid var(--color-border-light);
}

.d42d9068 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.l0d597c4 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.n4f1 {
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-xl) 0;
}

.l275 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  font-family: var(--font-primary);
}

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

@media (min-width: 768px) {
  .j0ed4 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j0ed4 {
    padding: 4rem var(--spacing-xl);
  }
}

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

.n69a91 {
  background-color: var(--color-bg-secondary);
  padding: 4rem var(--spacing-md);
  overflow: hidden;
}

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

.i0f {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

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

.ob725c {
  padding: 5rem var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.f67266 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.j1d54 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

.a6344f {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-sm);
  letter-spacing: 0.5px;
}

.ce707 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: var(--spacing-md) 0 var(--spacing-sm) 0;
  line-height: 1.3;
  font-weight: 600;
}

.f4fa7b7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.g5bc {
  background-color: var(--color-bg-secondary);
  padding: 4rem var(--spacing-md);
  overflow: hidden;
}

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

.e9bf {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  line-height: 1.3;
}

.c12 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.h44 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .n69a91 {
    padding: 6rem var(--spacing-lg);
  }

  .ob725c {
    padding: 6rem var(--spacing-lg);
  }

  .f67266 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

  .kaee0 {
    height: 280px;
  }

  .g5bc {
    padding: 6rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n69a91 {
    padding: 8rem var(--spacing-xl);
  }

  .ob725c {
    padding: 8rem var(--spacing-xl);
  }

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

  .kaee0 {
    height: 300px;
  }

  .g5bc {
    padding: 8rem var(--spacing-xl);
  }

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

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

.ed4b53 main {
  width: 100%;
}

.ed4b53 .ieb20e {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ed4b53 .db120e39 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.ed4b53 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.ed4b53 .c4be46b5 {
  color: var(--color-text-muted);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.ed4b53 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  padding-top: var(--spacing-lg);
  line-height: 1.4;
}

.ed4b53 h2:first-of-type {
  margin-top: var(--spacing-lg);
}

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

.ed4b53 ul,
.ed4b53 ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.ed4b53 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.ed4b53 .o13c20 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
}

.ed4b53 .o13c20 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.ed4b53 .o13c20 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.ed4b53 .o13c20 strong {
  color: var(--color-primary);
  font-weight: 600;
}

.ed4b53 .b85b3 {
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.15rem);
  line-height: 1.8;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

@media (min-width: 768px) {
  .ed4b53 .db120e39 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ed4b53 .ieb20e {
    padding: 0 var(--spacing-xl);
  }

  .ed4b53 .db120e39 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

html, body {
  height: 100%;
}

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

.j4c5a2db {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.k81e {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.ieb20e {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

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

.ee963 svg {
  width: clamp(3.5rem, 12vw, 5.5rem);
  height: clamp(3.5rem, 12vw, 5.5rem);
  color: var(--color-success);
  stroke-width: 1.5;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.e819ab {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
  font-weight: 500;
}

.b2a8fc {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

.b2a8fc:last-of-type {
  margin-bottom: var(--spacing-xl);
}

.a6fc6 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

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

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

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

@media (min-width: 640px) {
  .k81e {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .k81e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  
  .i82b8376 {
    padding: var(--spacing-lg);
  }
  
  h1 {
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .k81e {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-bg-primary);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
}

.je970b {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 0;
}

.j48d {
  width: 100%;
  padding: var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

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

.db120e39 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  padding: var(--spacing-lg);
}

.ccfe {
  position: relative;
  height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-2xl);
}

.g60e6681 {
  position: absolute;
  top: 20px;
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
  height: 160px;
  perspective: 1000px;
}

.l077a4 {
  width: 6px;
  height: 140px;
  border-radius: 3px;
  position: relative;
  transform-origin: top center;
}

.m1ab {
  background: linear-gradient(to bottom, var(--color-primary), var(--color-primary-light));
  animation: swing-left 3s ease-in-out infinite;
}

.pe5e {
  background: linear-gradient(to bottom, var(--color-secondary), var(--color-secondary-light));
  animation: swing-right 3s ease-in-out infinite;
  animation-delay: 0.3s;
}

@keyframes swing-left {
  0%, 100% {
    transform: rotateZ(-15deg);
  }
  50% {
    transform: rotateZ(15deg);
  }
}

@keyframes swing-right {
  0%, 100% {
    transform: rotateZ(15deg);
  }
  50% {
    transform: rotateZ(-15deg);
  }
}

.a5fb {
  font-size: clamp(4rem, 12vw, 7rem);
  font-family: var(--font-heading);
  font-weight: 800;
  margin: 0;
  padding: 0;
  color: var(--color-primary);
  letter-spacing: -2px;
  line-height: 1;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  animation: float 4s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
}

.i6c2 {
  position: absolute;
  bottom: 0;
  width: 80px;
  height: 60px;
  border: 3px solid var(--color-accent);
  border-radius: 50% 50% 45% 45%;
  opacity: 0.4;
  animation: footstep 3s ease-in-out infinite;
}

@keyframes footstep {
  0% {
    opacity: 0.2;
    transform: translateX(-40px) scaleX(0.8);
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.2;
    transform: translateX(40px) scaleX(1);
  }
}

.n3b0688c {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: var(--spacing-lg) 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.b752b {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 500;
}

.jf1b86c9 {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-2xl) 0;
}

.a6fc6 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
  letter-spacing: 0.3px;
}

.j7328e8 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.j7328e8:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.j7328e8:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.aac {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: clamp(1rem, 1vw + 0.5rem, 1.15rem);
}

.da4 {
  margin-top: var(--spacing-3xl);
  padding-top: var(--spacing-2xl);
  border-top: 2px solid var(--color-border-light);
}

.j17d60de {
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 var(--spacing-md) 0;
}

.p5ab56f {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.p5ab56f li {
  font-size: clamp(0.9rem, 0.95vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding: var(--spacing-sm) 0;
}

.p5ab56f li::before {
  content: "→ ";
  color: var(--color-accent);
  font-weight: 700;
  margin-right: var(--spacing-xs);
}

@media (max-width: 767px) {
  .j48d {
    padding: var(--spacing-sm);
    min-height: auto;
    padding-top: var(--spacing-2xl);
    padding-bottom: var(--spacing-2xl);
  }

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

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

  .ccfe {
    height: 240px;
    margin-bottom: var(--spacing-xl);
  }

  .g60e6681 {
    top: 10px;
    gap: var(--spacing-md);
  }

  .l077a4 {
    width: 5px;
    height: 120px;
  }

  .a5fb {
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  }

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

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

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

@media (min-width: 768px) {
  .j48d {
    min-height: 100vh;
  }

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

  .ccfe {
    height: 300px;
    margin-bottom: var(--spacing-3xl);
  }

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

  .l077a4 {
    height: 160px;
  }

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

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

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

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

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

@media (min-width: 1024px) {
  .ccfe {
    height: 340px;
    margin-bottom: var(--spacing-3xl);
  }

  .l077a4 {
    height: 180px;
  }

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

  .p5ab56f {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--spacing-lg);
  }

  .p5ab56f li {
    flex: 0 1 auto;
    padding: var(--spacing-md);
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-md);
  }
}

@media (prefers-reduced-motion: reduce) {
  .m1ab,
  .pe5e {
    animation: none;
  }

  .a5fb {
    animation: none;
  }

  .i6c2 {
    animation: none;
    opacity: 0.3;
  }

  .j7328e8:hover {
    transform: none;
  }

  .j7328e8:active {
    transform: none;
  }
}

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

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

.ne92a0b {
  text-align: center;
}

.f1a0 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.b263646e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.jb80c1 {
  width: 100%;
}

.k46c {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: flex-start;
}

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

@media (min-width: 768px) {
  .c6dddb6 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .c6dddb6 {
    flex: 1 1 48%;
  }
}

.e991b357 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
}

.g82e {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.ea7489 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.l281 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 500;
  color: var(--color-text-primary);
  display: block;
}

.la3c2542 {
  color: var(--color-danger);
  margin-left: 0.25rem;
}

.ne9ee9dc,
.fcf7bc {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.ne9ee9dc:focus,
.fcf7bc:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.ne9ee9dc::placeholder,
.fcf7bc::placeholder {
  color: var(--color-text-muted);
}

.fcf7bc {
  min-height: 140px;
  resize: vertical;
}

.a03 {
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

.a8b0 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.5;
}

.o90ec6 {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-fast);
  font-weight: 500;
}

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

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

@media (min-width: 768px) {
  .da2 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .da2 {
    flex: 1 1 48%;
  }
}

.d62cec {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
}

.a5060 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
}

.l809 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.p8a5 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--color-primary);
}

.j99aef {
  flex: 1;
}

.i5d452 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

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

.m87 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.n68b {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.15rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.kc6128e {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: color var(--transition-fast);
}

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

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

.d0ed {
  width: 100%;
}

.d12 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin: 0 0 var(--spacing-2xl) 0;
}

.oc8 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .oc8 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .oc8 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

.l7a {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

.ee8c3a {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.15rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.4;
}

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

@media (max-width: 767px) {
  .b4f17 {
    padding: clamp(1.5rem, 6vw, 3rem) 0;
  }

  .ja3e8 {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

  .i58a8 {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

  .k46c {
    gap: clamp(1.5rem, 4vw, 2.5rem);
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.a2a2,.i61b1d9{width:34px;}
.a2a2[aria-expanded="true"]{display:none;}
.m4f15.heff326{z-index:999;}
.m4f15{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.m4f15{max-width:100%;}}
.ke90{justify-content:flex-end;}
@media (max-width:768px){.ea60{min-height:500px;}}