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

:root {
  --color-bg-primary: #111827;
  --color-bg-secondary: #1f2937;
  --color-bg-tertiary: #374151;
  --color-bg-card: #1f2937;

  --color-text-primary: #f9fafb;
  --color-text-secondary: #d1d5db;
  --color-text-muted: #9ca3af;

  --color-primary: #6366f1;
  --color-primary-hover: #4f46e5;
  --color-primary-light: #818cf8;
  --color-secondary: #818cf8;
  --color-secondary-light: #a5b4fc;

  --color-success: #10b981;
  --color-success-light: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #374151;
  --color-border-light: #2d3748;

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'Plus Jakarta Sans', sans-serif;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

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

  --transition-fast: 150ms 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: #ffffff;
}

html {
  font-size: 17px;
  scroll-behavior: smooth;
}

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

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

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

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

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

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

h5 {
  font-size: 1.125rem;
  font-weight: 600;
}

h6 {
  font-size: 1rem;
  font-weight: 600;
}

p {
  margin: 0;
  line-height: 1.7;
  letter-spacing: 0.3px;
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }
}

.jf640 {
  display: flex;
}

.jbc47 {
  flex-direction: column;
}

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

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

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

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

.l19b1d59 {
  align-items: center;
}

.n5729 {
  justify-content: center;
}

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

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

.f1e2:hover {
  border-color: var(--color-border);
  box-shadow: var(--shadow-md);
}

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

.h219 {
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: var(--spacing-xl);
  color: var(--color-text-primary);
}

.hb8b {
  color: var(--color-text-muted);
  font-weight: 400;
  letter-spacing: 0.4px;
}

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

.od957 {
  opacity: 0.75;
}

.b21f3 {
  opacity: 0.5;
}

input, textarea, select {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: 1rem;
  transition: border-color 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 rgba(99, 102, 241, 0.1);
}

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

ul, ol {
  margin: 0;
  padding-left: var(--spacing-lg);
}

li {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-secondary);
  line-height: 1.7;
  letter-spacing: 0.3px;
}

hr {
  border: none;
  border-top: 1px solid var(--color-border-light);
  margin: var(--spacing-lg) 0;
}

.p6989 {
  display: inline-block;
  background: var(--color-primary);
  color: var(--color-text-primary);
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.3px;
}

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

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

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

@media (max-width: 1024px) {
  .gd8dbb7 {
    padding: 0 var(--spacing-lg);
  }

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

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

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

  h1 {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.25rem;
  }

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

  .h219 {
    font-size: 1.5rem;
    margin-bottom: var(--spacing-lg);
  }

  button, .heac {
    width: 100%;
    padding: var(--spacing-md) var(--spacing-lg);
  }
}
.mbaef2 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

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

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

.pea499:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

.k30:hover::after {
  width: 100%;
}

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

.aa98b:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

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

.i6381:hover {
  opacity: 0.7;
}

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

.k4f52c {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
  overflow-y: auto;
  border-left: 1px solid var(--color-border-light);
}

.k4f52c.o388 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.g221c9 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2rem;
}

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

.lc3:hover {
  opacity: 0.7;
}

.o54d82 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
  margin-bottom: 2rem;
}

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

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

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

.k01 {
  padding: 1rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  display: block;
}

.k01:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@media (min-width: 768px) {
  .pf49d1e {
    padding: 1.25rem clamp(1rem, 4vw, 2rem);
  }

  .nf74 {
    display: flex;
  }

  .aa98b {
    display: block;
  }

  .i6381 {
    display: none;
  }

  .k4f52c {
    display: none;
  }
}

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

  .l3f6fc {
    font-size: 1.375rem;
  }

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

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

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

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

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

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

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

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

.b23a {
  width: 60px;
  height: 4px;
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

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

.e77739b {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 400;
  line-height: 1.6;
}

.n0ba {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.haddbc {
  padding: 0.875rem 1.75rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

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

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

.i40e18 {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .d0164fe,
  .i40e18 {
    flex: 1 1 100%;
  }

  .n0ba {
    flex-direction: column;
  }

  .haddbc {
    width: 100%;
  }
}

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

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

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

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

.fdf4393,
.me4f1 {
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
}

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

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

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

.dca92c::before {
  content: "✗";
  position: absolute;
  left: 0;
  color: var(--color-danger-light);
  font-weight: bold;
}

.me4f1 .dca92c::before {
  content: "✓";
  color: var(--color-success-light);
}

.md35 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: var(--color-accent);
}

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

  .fdf4393,
  .me4f1 {
    flex: 1 1 100%;
  }

  .md35 {
    transform: rotate(90deg);
  }
}

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

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

.h87 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  font-family: var(--font-heading);
  margin: 0;
}

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

.e13f {
  background: var(--color-text-on-accent);
  color: var(--color-accent);
  font-weight: 700;
}

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

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

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

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

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

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

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

.ba851e {
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-md);
}

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

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

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

  .e523,
  .pca {
    flex: 1 1 100%;
  }

  .pca {
    flex-direction: row;
    flex-wrap: wrap;
  }

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

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

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

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

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

.b62 {
  flex: 1 1 280px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

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

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

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

.da63b8 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
}

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

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

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

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

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

.kc9e0ec1 {
  flex: 1 1 320px;
  max-width: 400px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-md);
}

.c398e8 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  font-style: italic;
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

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

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

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

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

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

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

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

.k2b85ee5 {
  flex: 1 1 320px;
  max-width: 400px;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.d6c3 {
  width: 100%;
  height: 0;
  padding-bottom: 66.666%;
  position: relative;
  overflow: hidden;
}

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

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

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

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

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

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

.ec23 {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

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

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

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

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

.bed1b3d7 {
  padding: clamp(2rem, 4vw, 3.5rem);
  border: 2px dotted var(--color-border);
  border-radius: var(--radius-lg);
  text-align: center;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.mc880 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  align-self: center;
}

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

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

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

.pdd4 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
}

.pdd4 i {
  color: var(--color-text-muted);
  font-size: 1.25rem;
}

.b8f9507 {
  flex: 1;
  background: transparent;
  border: none;
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  outline: none;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

.h357a.fb4 {
  display: none;
}

.m889cf {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  margin: 0;
  flex: 1 1 100%;
  text-align: center;
  line-height: 1.5;
}

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

.acb894,
.kb09 {
  padding: 0.625rem 1.5rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  transition: all var(--transition-base);
}

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

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

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

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

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

  .m889cf {
    flex: 1 1 100%;
  }

  .h06e8 {
    flex: 1 1 100%;
  }

  .acb894,
  .kb09 {
    flex: 1 1 45%;
  }
}

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

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

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

.cbc2405,
.ha03,
.de4a9,
.n2c126 {
  display: block;
}

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

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

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

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

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

.c29 a:hover {
  color: var(--color-accent);
  transform: translateX(4px);
}

.bb08 a:hover,
.cc6c a:hover {
  text-decoration: underline;
}

.de4a9 p {
  margin-bottom: 0.625rem;
}

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

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

.lf781 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  margin-bottom: 0.5rem;
  margin: 0 0 0.5rem 0;
}

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

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

  .cbc2405 {
    grid-area: about;
  }

  .ha03 {
    grid-area: nav;
  }

  .de4a9 {
    grid-area: contact;
  }

  .n2c126 {
    grid-area: legal;
  }

  .n4b71 {
    grid-area: bottom;
  }

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

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

@media (min-width: 1024px) {
  .oed {
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
    grid-template-areas:
      "about nav contact legal"
      "bottom bottom bottom bottom";
    gap: clamp(2.5rem, 5vw, 4rem);
  }

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

@media (max-width: 767px) {
  .de4a9,
  .n2c126 {
    margin-top: clamp(0.5rem, 1vw, 1rem);
  }
}
    

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

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

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

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

.i56ac {
  text-align: center;
}

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

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

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

.bcb7 {
  color: var(--color-text-primary);
  background: var(--color-bg-tertiary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  border: 1px solid var(--color-border);
  cursor: default;
  transition: all var(--transition-base);
}

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

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

.e5f4 {
  text-align: center;
}

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

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

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

.p62bc3 {
  flex: 1 1 clamp(300px, 45vw, 420px);
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.ce0 {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

.p62bc3:hover .ie63c {
  transform: scale(1.05);
}

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

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

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

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

.m9b20 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.m9b20 i {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
}

.bbb {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
}

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

.bbb::after {
  content: "→";
  transition: transform var(--transition-base);
}

.bbb:hover::after {
  transform: translateX(4px);
}

.i757d397 {
  border-left: 3px solid var(--color-accent);
}

.i82eb9bc {
  border-left: 3px solid var(--color-secondary);
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  .d9ddf48d {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .ae04 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .p62bc3 {
    flex: 1 1 clamp(320px, 42vw, 420px);
  }
}

@media (min-width: 1440px) {
  .gd8dbb7 {
    padding: 0 2rem;
  }
}

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

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

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

p, li {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.i23ba {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  flex-wrap: wrap;
  align-items: center;
}

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

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

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

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

  .da81,
  .jeb8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.i67b12 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.jd6c510 {
  flex: 1;
}

.f5dd {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}

.icc57 {
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-accent);
  transition: var(--transition-base);
}

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

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

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

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

  .f5dd {
    align-items: center;
  }
}

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

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

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

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

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

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

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

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

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

  .fc08,
  .l78d5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.a0d95 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

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

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

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

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

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

  .a6d0581,
  .k33ff {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.efa97833 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

.id8da3a {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  list-style: none;
}

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

.gdd::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 6px;
  height: 6px;
  background: var(--color-accent);
  border-radius: 50%;
}

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

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

  .m01,
  .f1f45 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

  .add,
  .o794c7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.c4d0bb51 {
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

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

.d73 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

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

.i28b4 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 350px;
  margin: 0 auto;
  width: 100%;
}

.a7bf74 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.d4c8 {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  display: block;
}

.ccaa3a4b {
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding: 1rem 1rem 0.5rem 1rem;
}

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

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

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

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

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

html, body {
  height: 100%;
}

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

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

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

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

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

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

.ccd18 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: 2rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
}

.ccd18 a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

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

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

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

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

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

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

.c57 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  flex-wrap: wrap;
}

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

.bdafe i {
  color: var(--color-accent);
  font-size: 1.125rem;
}

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

  .l5b,
  .kd87e {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c57 {
    gap: 1rem;
  }
}

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

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

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

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

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

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

.b664 a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .madac9,
  .ma95b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.id9 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.25rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  flex: 1 1 calc(50% - 0.5rem);
  min-width: 120px;
}

.g2264e {
  font-family: var(--font-heading);
  font-size: clamp(1.375rem, 3vw + 0.5rem, 1.875rem);
  color: var(--color-accent);
  font-weight: 700;
}

.a177a2ff {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

  .lc221,
  .bdca671 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.he24 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
}

.he24 i {
  color: var(--color-warning);
  font-size: 1.375rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

  .pc2135b2,
  .m19f04 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.bb3 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.25rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
}

.nc8 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-accent);
  font-weight: 700;
  margin: 0;
}

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

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

  .o13f,
  .f77 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.ifac04f {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  flex: 1 1 calc(50% - 0.5rem);
  min-width: 140px;
  border: 1px solid var(--color-border-light);
}

.a511e {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-accent);
  font-weight: 700;
  margin: 0;
}

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

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

  .ie2916,
  .b9620b3 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

.p6fefdc {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.i08 {
  display: inline-block;
  padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  transition: all 0.3s ease;
  text-decoration: none;
  border: 2px solid var(--color-accent);
  cursor: pointer;
}

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

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

.ccc {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

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

.aec3ac {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 400px;
}

.id042 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

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

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

.l5fd46a0 {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.i55ac8 a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

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

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fb3 i {
  color: var(--color-accent);
  font-size: 1.125rem;
}

.j82 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-xl);
}

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

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

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

.i1c26f {
  flex-shrink: 0;
}

.i1c26f img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.jaa {
  flex: 1;
}

.o04492 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
  display: block;
}

.afc65fd1 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  font-weight: 600;
}

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

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

.d9bc3 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin: 0;
}

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

.n55e2 {
  display: flex;
  flex-direction: column;
  grid-template-columns: 1fr 280px;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: start;
}

.da71f {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

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

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

.l8352aca {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

.o929989 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-secondary);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

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

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

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

.c4e64f5 {
  position: relative;
}

.id107d5 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

.n5962d6 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  text-transform: none;
}

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

.k88 {
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: var(--transition-base);
  border: 1px solid var(--color-bg-tertiary);
}

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

.mf931 {
  width: 100%;
  height: 140px;
  overflow: hidden;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

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

.f6267 {
  padding: clamp(1rem, 2vw, 1.25rem);
}

.edd0 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  font-weight: 600;
  line-height: 1.4;
}

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

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

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

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

  .c4e64f5 {
    order: 2;
  }

  .da71f {
    flex-direction: column;
  }

  .l1324 {
    flex-direction: column;
  }

  .o2e7c,
  .l8352aca {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .l953d561,
  .j82 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .jaa {
    order: 2;
  }

  .i1c26f {
    order: 1;
  }

  .l9436 {
    font-size: 0.8125rem;
  }

  .n73e3d {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
}

@media (max-width: 480px) {
  .jf8b7 {
    padding: 2rem 0;
  }

  .f73c7267 {
    padding: 2rem 0;
  }

  .da71f {
    padding: clamp(1.5rem, 2vw, 1.75rem);
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
  }

  .l9436 {
    gap: 0.25rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ab9373,
    .m5f12 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

  .l3b1 {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-full);
    object-fit: cover;
    flex-shrink: 0;
  }

  .nd5eb199 {
    flex: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

  .e5a6b8:last-of-type {
    margin-bottom: 0;
  }

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

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

    .b16,
    .h447b {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

  .cbc59:last-of-type {
    margin-bottom: 0;
  }

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

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

    .k3b37,
    .oa471 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

  .ne8e9eb4:last-of-type {
    margin-bottom: 0;
  }

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

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

    .p14c,
    .m9b {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

  .lfe942:last-of-type {
    margin-bottom: 0;
  }

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

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

    .pb3d,
    .ae2047 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

  .d135c:last-of-type {
    margin-bottom: 0;
  }

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

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

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

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

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

  .h27f {
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }

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

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

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

  .p6861b:hover {
    transform: translateY(-4px);
    border-color: var(--color-accent);
    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.1);
  }

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

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

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

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

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

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

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

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

html, body {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d03f {
  text-align: center;
}

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

.n4dc426 {
  font-size: clamp(0.875rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  max-width: 650px;
  margin: 0 auto;
  line-height: 1.6;
}

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

.h02194 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  flex: 1 1 clamp(250px, 30%, 380px);
  min-height: 200px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

.gef {
  font-size: 2.5rem;
  color: var(--color-primary);
}

.ede9 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

.l4215 {
  flex: 1 1 clamp(200px, 25%, 320px);
  text-align: center;
}

.h96779 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  font-size: 1.75rem;
  font-weight: 700;
  border-radius: 50%;
  margin-bottom: 1rem;
}

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

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

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

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

.fa22c1 {
  text-align: center;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

.fb92 {
  width: 100%;
  max-width: 800px;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  margin: 0 auto;
  display: block;
}

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

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

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

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

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

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

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

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

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

.o43d4 {
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

.dd6a6fb {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 850px;
}

.o12ac6e0 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.geb2020e {
  font-size: 1.25rem;
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

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

  .lbc4 {
    text-align: center;
  }

  .k6fb23fb {
    margin: 0 auto;
    text-align: center;
  }

  .k5dc92a {
    flex-direction: column;
  }

  .h02194 {
    flex: 1 1 100%;
  }

  .haaeed43 {
    flex-direction: column;
  }

  .l4215 {
    flex: 1 1 100%;
  }

  .pa8 {
    gap: 1rem;
  }

  .o2e53cba {
    margin-bottom: 1rem;
  }

  .n06 {
    margin-bottom: 1rem;
  }
}

@media (max-width: 480px) {
  .lbc4 {
    text-align: center;
  }

  .h02194 {
    padding: 1.25rem;
  }

  .h96779 {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }

  .m8d4f {
    gap: 1rem;
  }

  .pa8 {
    gap: 0.75rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ffbb8 {
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
}

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

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

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

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

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

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

.e71 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

.e5cd505 {
  text-align: center;
}

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

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

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

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

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

.ce7f {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  display: flex;
  justify-content: center;
  align-items: center;
  height: clamp(3rem, 6vw, 4rem);
}

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

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

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

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

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

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

.m0d {
  text-align: center;
}

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

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

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

.g52593 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ba6 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  font-style: italic;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

.a2a8256 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .occ {
    flex: 1 1 100%;
  }

  .i946fb7 {
    flex: 1 1 100%;
  }

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

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

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

.h0b8ddd2 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 4rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

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

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

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

  .e46c,
  .a4da7 {
    width: 100%;
  }
}

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

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

@media (min-width: 1024px) {
  .p5c7 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  }
}

.k0f506 {
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.fda2 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.h2add {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

.gf3082 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.d27d756f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.a006df {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
}

.a006df:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-sm);
}

.e9c {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
  transition: all var(--transition-fast);
}

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

.e9c:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.i9ec548 {
  flex: 1;
  line-height: 1.5;
}

.d91 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  transition: transform var(--transition-fast);
}

.a006df[data-expanded="true"] .d91 {
  transform: rotate(45deg);
}

.m12eb {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base), padding var(--transition-base);
  background-color: var(--color-bg-secondary);
}

.a006df[data-expanded="true"] .m12eb {
  max-height: 500px;
  padding: 0 var(--spacing-lg) var(--spacing-lg);
}

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

.m04 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

.ldf4b2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.g5d96 {
  font-size: clamp(0.875rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.c0e9c {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  font-family: var(--font-primary);
}

.c0e9c:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

.c0e9c:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .fda2 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .gf3082 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .m04 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .fda2 {
    padding: 4rem var(--spacing-lg);
  }

  .gf3082 {
    padding: 4rem var(--spacing-lg);
  }

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

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

  .m04 {
    padding: 4rem var(--spacing-lg);
  }

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

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

.p5904c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.kd0c17a {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

@media (min-width: 768px) {
  .p5904c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p5904c {
    padding: 5rem var(--spacing-lg);
  }
}

.fffe {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.j79 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .fffe {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .fffe {
    padding: 4rem var(--spacing-lg);
  }

  .j79 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
}

.a62 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl) var(--spacing-lg);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.ec268 {
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  font-size: 1.75rem;
  color: var(--color-primary);
}

.n6c8d4 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.ca757 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
  flex-grow: 1;
}

.ce0706b8 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-fast);
  width: fit-content;
}

.ce0706b8:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

.ce0706b8::after {
  content: '→';
  display: inline-block;
  transition: transform var(--transition-fast);
}

.ce0706b8:hover::after {
  transform: translateX(4px);
}

@media (min-width: 768px) {
  .a62 {
    padding: var(--spacing-2xl);
  }
}

.i1b626b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.cbd {
  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-2xl) 0;
  line-height: 1.6;
}

.c0751 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
}

.c0751: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) {
  .i1b626b {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .i1b626b {
    padding: 5rem var(--spacing-lg);
  }
}

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

.ceb5237 main {
  width: 100%;
}

.ceb5237 .gd8dbb7 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ceb5237 .g7a {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.ceb5237 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.ceb5237 .ff2be {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.ceb5237 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-lg);
  line-height: 1.4;
}

.ceb5237 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.ceb5237 ul {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
  list-style-type: disc;
}

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

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

.ceb5237 .n8f52 {
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
}

.ceb5237 .n8f52 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

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

.ceb5237 .n8f52 strong {
  color: var(--color-text-primary);
  display: inline-block;
  min-width: 80px;
}

@media (min-width: 768px) {
  .ceb5237 .g7a {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .ceb5237 .g7a {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

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

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

.h963b1 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
}

.c1a232 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg);
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gd8dbb7 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.p46 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.j72b {
  width: clamp(80px, 15vw, 120px);
  height: clamp(80px, 15vw, 120px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

.j72b svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke: var(--color-success);
}

.h963b1 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  margin: 0;
}

.k4085 {
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

.b202 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  padding: 0 var(--spacing-sm);
}

.haddbc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: var(--transition-base);
  text-align: center;
  gap: var(--spacing-sm);
  white-space: nowrap;
}

.a4b8 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

.a4b8:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

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

.a4b8:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.mb0 {
  padding: clamp(0.875rem, 1.5vw, 1.1rem) clamp(2rem, 3vw, 2.5rem);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  margin-top: var(--spacing-md);
}

@media (min-width: 640px) {
  .c1a232 {
    padding: var(--spacing-2xl);
  }

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

  .b202 {
    padding: 0;
  }
}

@media (min-width: 768px) {
  .c1a232 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .c1a232 {
    padding: var(--spacing-3xl);
  }

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

@media (max-height: 600px) {
  .c1a232 {
    padding: var(--spacing-lg);
    min-height: auto;
  }

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

  .j72b {
    width: clamp(60px, 12vw, 80px);
    height: clamp(60px, 12vw, 80px);
    margin-bottom: var(--spacing-sm);
  }

  .h963b1 h1 {
    font-size: clamp(1.5rem, 5vw, 2rem);
  }
}

* {
  box-sizing: border-box;
}

.f7ae7 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.gdc {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.gd8dbb7 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.g7a {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.m12 {
  position: relative;
  width: 100%;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.ja0 {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.a885f5 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  letter-spacing: -0.05em;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.i6b {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(200px, 60vw, 400px);
  height: clamp(200px, 60vw, 400px);
  background-color: var(--color-primary-light);
  border-radius: 50%;
  opacity: 0.08;
  z-index: 1;
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -55%) scale(1.05);
  }
}

.d58d2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.p8fad9 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.had12f6 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
}

.e0ce099 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  text-align: left;
  margin: var(--spacing-md) 0;
  width: 100%;
}

.f19 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.a377 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.a377 li {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

.a377 li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

.e06c28 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  border: 2px solid var(--color-primary);
  transition: all var(--transition-base);
  cursor: pointer;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
  box-shadow: var(--shadow-md);
  text-align: center;
}

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

.e06c28:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.e06c28::after {
  content: '→';
  transition: transform var(--transition-fast);
}

.e06c28:hover::after {
  transform: translateX(4px);
}

@media (min-width: 640px) {
  .gdc {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  
  .m12 {
    height: 320px;
    margin-bottom: var(--spacing-2xl);
  }
  
  .e0ce099 {
    padding: var(--spacing-lg);
  }
  
  .d58d2 {
    gap: var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .gdc {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  
  .m12 {
    height: 360px;
    margin-bottom: var(--spacing-3xl);
  }
  
  .g7a {
    gap: var(--spacing-3xl);
  }
  
  .e0ce099 {
    margin: var(--spacing-lg) auto;
  }
  
  .a377 li {
    padding-left: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .gdc {
    min-height: 100vh;
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
  
  .m12 {
    height: 400px;
    margin-bottom: var(--spacing-3xl);
  }
  
  .d58d2 {
    gap: var(--spacing-2xl);
  }
  
  .e06c28 {
    padding: var(--spacing-md) var(--spacing-xl);
    font-size: 1.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .i6b {
    animation: none;
  }
  
  .d58d2 {
    animation: none;
    opacity: 1;
    transform: none;
  }
  
  .e06c28,
  .e06c28::after {
    transition: none;
  }
}

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

.e2d74 {
  width: 100%;
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.f28ca72 {
  text-align: center;
}

.c33206 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

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

.dac069 {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.a193 {
  width: 100%;
}

.c46e07cb {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
  width: 100%;
}

.d4dbcec {
  width: 100%;
}

.fe6cdd3d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-2xl);
}

.d501052 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.n7799 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.i4d65 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.n6314,
.h80732c {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: var(--transition-base);
  box-sizing: border-box;
}

.n6314:focus,
.h80732c:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.n6314::placeholder,
.h80732c::placeholder {
  color: var(--color-text-muted);
}

.h80732c {
  resize: vertical;
  min-height: 140px;
}

.nc94 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
}

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

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

.c139 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition-base);
  text-transform: none;
  letter-spacing: 0;
}

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

.c139:active {
  transform: translateY(1px);
}

.lc514c2b {
  width: 100%;
}

.n1d147 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-2xl);
}

.pb01 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-3xl);
}

.af1 {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

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

.kb21 {
  flex: 1;
}

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

.l0072 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

.n242672b {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  margin-top: var(--spacing-2xl);
}

.f051fa {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.c39 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-lg) 0;
}

.k096c9b {
  display: inline-block;
  color: var(--color-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  transition: var(--transition-fast);
}

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

@media (min-width: 768px) {
  .e2d74 {
    padding: var(--spacing-3xl) 0;
  }

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

  .c46e07cb {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
    width: 100%;
  }

  .d4dbcec {
    width: 100%;
  }

  .lc514c2b {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .e2d74 {
    padding: var(--spacing-3xl) 0;
  }

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

  .c33206 {
    font-size: clamp(2rem, 5vw, 3.5rem);
  }

  .fe6cdd3d,
  .n1d147 {
    font-size: clamp(1.5rem, 3vw, 2.2rem);
  }
}

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));}
.i6381,.lc3{width:34px;}
.i6381[aria-expanded="true"]{display:none;}
.k4f52c.o388{z-index:999;}
.k4f52c{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.k4f52c{max-width:100%;}}
.nf74{justify-content:flex-end;}