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

:root {
  --color-bg-primary: #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: #34d399;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #374151;
  --color-border-light: #1f2937;

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

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

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

  font-size: 17px;

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

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

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

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.3px;
  min-height: 100vh;
}

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

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

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

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

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

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

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

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

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
  line-height: 1.8;
  letter-spacing: 0.4px;
}

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

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

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

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

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

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

.hec2c8cf:hover {
  background: var(--color-border);
  border-color: var(--color-secondary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n8377 {
  flex-direction: column;
}

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

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

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

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

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

.abb {
  text-align: center;
}

.i08 {
  text-align: right;
}

.ied5b {
  text-align: left;
}

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

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

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

.bf7 {
  opacity: 0.5;
}

.m44c6 {
  opacity: 0.75;
}

.g86e { margin-top: 0; }
.o0ac81 { margin-top: var(--spacing-xs); }
.pc51ad66 { margin-top: var(--spacing-sm); }
.o0b50 { margin-top: var(--spacing-md); }
.pde { margin-top: var(--spacing-lg); }
.mb8b43a { margin-top: var(--spacing-xl); }
.m63 { margin-top: var(--spacing-2xl); }
.g9b768 { margin-top: var(--spacing-3xl); }
.ldc { margin-top: var(--spacing-4xl); }

.h37 { margin-bottom: 0; }
.l1ef { margin-bottom: var(--spacing-xs); }
.e6a1c9 { margin-bottom: var(--spacing-sm); }
.ne285561 { margin-bottom: var(--spacing-md); }
.p01f { margin-bottom: var(--spacing-lg); }
.kec77d { margin-bottom: var(--spacing-xl); }
.a7a9b { margin-bottom: var(--spacing-2xl); }
.g452 { margin-bottom: var(--spacing-3xl); }
.nac52e83 { margin-bottom: var(--spacing-4xl); }

.ncdb1b { padding-left: 0; padding-right: 0; }
.a079 { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); }
.m8dd0996 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.o93277 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.f4690c7 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.i416 { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }

.d68c { padding-top: 0; padding-bottom: 0; }
.e415e5 { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); }
.ecd3f { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.b57 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.ge9777 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.e5a456 { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ul,
ol {
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-xl);
}

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

blockquote {
  margin: var(--spacing-xl) 0;
  padding-left: var(--spacing-lg);
  border-left: 3px solid var(--color-primary);
  color: var(--color-text-secondary);
  font-style: italic;
  line-height: 1.8;
}

code {
  background: var(--color-bg-secondary);
  color: var(--color-secondary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-family: 'Courier New', monospace;
  font-size: 0.9rem;
  letter-spacing: 0.2px;
}

pre {
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
  letter-spacing: 0.3px;
}

pre code {
  background: none;
  color: inherit;
  padding: 0;
  border-radius: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--spacing-lg);
}

th,
td {
  padding: var(--spacing-md);
  text-align: left;
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text-secondary);
  letter-spacing: 0.3px;
}

th {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  font-weight: 600;
}

tr:hover {
  background: var(--color-bg-secondary);
}

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

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

.pf49ec {
  width: 100%;
  height: auto;
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .g01e9,
  .k6f37,
  .m3b6a6 {
    grid-template-columns: 1fr;
  }

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

@media (min-width: 769px) and (max-width: 1024px) {
  .k6f37,
  .m3b6a6 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.k24 {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--color-primary);
  color: var(--color-text-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  text-decoration: none;
  z-index: 100;
  border-radius: var(--radius-lg);
}

.k24:focus {
  top: 0;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.d47 {
    background: var(--color-bg-primary);
    border-bottom: 1px solid var(--color-border-light);
    position: static;
    top: 0;
    width: 100%;
    z-index: 100;
  }

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

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

  .m054:hover {
    opacity: 0.8;
  }

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

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

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

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

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

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

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

  .c0a {
    display: none;
    padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1.25rem, 2vw, 1.75rem);
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    font-family: var(--font-primary);
    font-size: 0.95rem;
    font-weight: 600;
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: var(--transition-fast);
    white-space: nowrap;
  }

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

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

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

  .jd438ac9[aria-expanded="true"] .aae52f:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .jd438ac9[aria-expanded="true"] .aae52f:nth-child(2) {
    opacity: 0;
  }

  .jd438ac9[aria-expanded="true"] .aae52f:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .jf58 {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: var(--color-bg-primary);
    padding-top: clamp(4rem, 8vh, 5.5rem);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: all var(--transition-base);
    overflow-y: auto;
  }

  .jf58.p54e {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

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

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

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

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

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

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

  .hc6f {
    display: block;
    margin: clamp(1.5rem, 4vw, 2rem) clamp(1rem, 3vw, 1.5rem);
    padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.25rem, 3vw, 1.75rem);
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 600;
    border-radius: var(--radius-md);
    text-decoration: none;
    text-align: center;
    transition: var(--transition-fast);
  }

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

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

    .c0a {
      display: inline-block;
    }

    .jd438ac9 {
      display: none;
    }

    .jf58 {
      display: none !important;
    }
  }

    .k6d9c {
  width: 100%;
}

.k6d9c h1,
.k6d9c h2,
.k6d9c h3,
.k6d9c h4,
.k6d9c h5,
.k6d9c h6,
.k6d9c p,
.k6d9c a,
.k6d9c span,
.k6d9c li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.pcdb1 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  flex-wrap: wrap;
  margin-top: clamp(0.5rem, 2vw, 1rem);
}

.fa44e2a6,
.kb376 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.25rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  text-align: center;
  line-height: 1.4;
}

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

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

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

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

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

.d5f {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 0 100%);
  border-radius: var(--radius-lg);
}

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

  .ce3d42 {
    flex: 1 1 100%;
  }

  .f12c5d09 {
    flex: 1 1 100%;
  }

  .d5f {
    max-height: 350px;
  }

  .pcdb1 {
    flex-direction: column;
  }

  .fa44e2a6,
  .kb376 {
    width: 100%;
  }
}

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

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

.f1d3 {
  text-align: center;
}

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

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

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

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

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

.pfde {
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  font-weight: 600;
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.125rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
}

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

.j7f25[open] .pfde {
  background: var(--color-bg-card);
}

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

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

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

.i6b78 {
  text-align: center;
}

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

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

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

.h2ed1 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  transition: all var(--transition-base);
  text-align: center;
}

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

.be7b5708 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
  align-items: center;
  height: clamp(2.5rem, 5vw, 3.5rem);
}

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

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

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

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

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

.cd0d8461 {
  text-align: center;
}

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

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

.ld34ef27 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: row;
  border: 1px solid var(--color-border);
  transition: all var(--transition-base);
}

.ld34ef27:hover {
  box-shadow: var(--shadow-xl);
  border-color: var(--color-accent);
}

.oba45 {
  flex: 1 1 45%;
  min-height: 300px;
  overflow: hidden;
}

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

.n7b2 {
  flex: 1 1 55%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
}

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

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

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

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

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

.k0fbb6d {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 250px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

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

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

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

.cb51 {
  color: var(--color-accent);
  font-weight: 600;
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all var(--transition-base);
  display: inline-block;
  margin-top: clamp(0.25rem, 0.5vw, 0.5rem);
}

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

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

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

  .n7b2 {
    flex: 1 1 100%;
  }

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

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

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

.ib8e5 {
  text-align: center;
}

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

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

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

.kaff {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.kaff:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: var(--color-accent);
}

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

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

.kaff:hover .pea0a {
  transform: scale(1.05);
}

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

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

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

.gf4504 {
  color: var(--color-accent);
  font-weight: 600;
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all var(--transition-base);
  display: inline-block;
  margin-top: clamp(0.25rem, 0.5vw, 0.5rem);
}

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

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

.p0e {
  color: var(--color-accent);
  font-weight: 600;
  text-decoration: none;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

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

.f3556 {
  text-align: center;
}

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

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

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

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

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

.ccca6278:first-child {
  margin-top: 0;
}

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

.gc4df04 {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .b85 {
    flex: 1 1 100%;
  }

  .gc4df04 {
    flex: 1 1 100%;
  }

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

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

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

.o2c952 {
  text-align: center;
}

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

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

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

.f65eb068 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1vw, 1rem));
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  transition: all var(--transition-base);
}

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

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

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

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

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

.ma2ed00e {
  color: var(--color-accent);
  font-weight: 600;
  text-decoration: none;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

.i9ab7.k5ca890 {
  display: none;
}

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

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

.m1d0,
.m180e {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all var(--transition-base);
}

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

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

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

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

@media (max-width: 768px) {
  .i9ab7 {
    flex-direction: column;
    padding: clamp(0.75rem, 2vw, 1.25rem);
  }

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

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

  .m1d0,
  .m180e {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

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

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

.edb55 {
  max-width: 42rem;
}

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

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

.i18,
.a7d2af3,
.g65225 {
  display: block;
}

.i18 h3,
.a7d2af3 h3,
.g65225 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.25rem);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
}

.c047,
.bdf6f9c2 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 2vw, 1.25rem);
}

.c047 li,
.bdf6f9c2 li {
  display: block;
}

.i18 a,
.g65225 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a7d2af3 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  margin: 0 0 clamp(0.5rem, 1.5vw, 0.75rem) 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.o303ef80 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h6051 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.85rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .edb55 {
    flex: 1 1 300px;
    min-width: 280px;
  }

  .i18,
  .a7d2af3,
  .g65225 {
    flex: 0 1 auto;
    min-width: 180px;
  }

  .c047,
  .bdf6f9c2 {
    flex-direction: column;
    gap: clamp(0.6rem, 1.5vw, 0.9rem);
  }

  .i8755d {
    flex: 1 1 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: clamp(1rem, 3vw, 2rem);
  }

  .h6051 {
    text-align: right;
  }
}

@media (max-width: 480px) {
  .c047,
  .bdf6f9c2 {
    gap: clamp(0.4rem, 1.5vw, 0.8rem);
  }

  .i8755d {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }

  .h6051 {
    text-align: left;
  }
}
    

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

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

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

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

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

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

.bb6a392 {
  flex: 1 1 45%;
  min-width: 280px;
}

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

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

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

.l2e85 {
  flex: 1 1 45%;
  min-width: 300px;
  min-height: 400px;
  overflow: hidden;
  border-radius: 12px;
}

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

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

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

.hb0fcef3 {
  text-align: center;
}

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

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

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

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

.bc7:hover {
  transform: translateY(-6px);
  border-color: var(--color-secondary);
}

.d2232ef2 {
  flex: 1 1 clamp(280px, 50vw, 420px);
  min-height: 520px;
}

.oc5 {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

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

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

.n08 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
}

.pe2ca,
.p35b626,
.ef95b {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.pe2ca i,
.p35b626 i,
.ef95b i {
  color: var(--color-secondary);
  font-size: 0.875em;
}

.me274f {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  text-align: center;
  width: fit-content;
}

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

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

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

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

.a723b {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
  align-items: center;
}

.ob55f71 {
  display: inline-flex;
  align-items: center;
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  border: 1px solid var(--color-bg-tertiary);
  border-radius: 20px;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 500;
  transition: all 0.3s ease;
  cursor: default;
}

.ob55f71:hover {
  border-color: var(--color-secondary);
  color: var(--color-secondary);
  background: var(--color-bg-tertiary);
}

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

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

  .bb6a392 {
    flex: 1 1 100%;
  }

  .l2e85 {
    flex: 1 1 100%;
    min-height: 300px;
  }

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

  .bc7 {
    flex: 1 1 100%;
    min-height: auto;
  }

  .d2232ef2 {
    flex: 1 1 100%;
    min-height: auto;
  }

  .n08 {
    gap: 1rem;
  }
}

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

  .l2e85 {
    min-height: 350px;
  }

  .fc957749 {
    gap: clamp(1.25rem, 2.5vw, 2rem);
  }

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

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

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

  .l2e85 {
    min-height: 450px;
  }

  .fc957749 {
    gap: 2rem;
  }

  .bc7 {
    flex: 1 1 calc(25% - 1.5rem);
  }

  .d2232ef2 {
    flex: 1 1 calc(33.333% - 1.5rem);
  }

  .ob55f71 {
    font-size: 0.9375rem;
  }
}

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

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

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

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

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

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

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

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

.daf1d428 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: stretch;
}

.kf2fadc {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

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

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

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

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

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

.e6fcbe99 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
}

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

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

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

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

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

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

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

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

.bbc {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p4df5fea {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  display: block;
}

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

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

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

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

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

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

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

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

.o9a {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

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

.cbd7 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.e18b32 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  display: block;
}

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

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

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

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

.c7c212e {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 300px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border);
  transition: var(--transition-base);
}

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

.kb31 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  font-weight: 600;
}

.kb31 i {
  color: var(--color-accent);
  font-size: 1.25rem;
}

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

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

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

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

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

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

.i79 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gf79b6a {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  display: block;
}

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

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

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

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

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

.pf90b {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
}

.m5816 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  max-width: 500px;
}

.db4 {
  background: var(--color-accent);
  color: #ffffff;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: var(--transition-base);
  display: inline-block;
}

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

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

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

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

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

.c185 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  margin: 0;
}

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

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

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

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

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

.k3d1 {
  border-left: 4px solid var(--color-secondary);
  padding-left: clamp(1rem, 2vw, 1.5rem);
}

.ba4a4d {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.ba4a4d i {
  color: var(--color-secondary);
}

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

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

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

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

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

.h84c2c {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-secondary);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  overflow: hidden;
  transition: var(--transition-base);
  border: 1px solid var(--color-border);
}

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

.dcac0 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: clamp(0.75rem, 2vw, 1.25rem) clamp(0.75rem, 2vw, 1.25rem) 0 0;
}

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

.h84c2c:hover .h5b0 {
  transform: scale(1.05);
}

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

.oa1af8f {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.2rem);
  line-height: 1.4;
  margin: 0;
}

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

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

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

@media (max-width: 1023px) {
  .la41e,
  .o15cd,
  .d6d0d0 {
    flex-direction: column;
  }

  .obcaa7b,
  .bbc,
  .b93301b,
  .cbd7,
  .n18,
  .i79 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

  .h3e9d9 {
    align-items: center;
  }

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

  .k3d1 {
    padding-left: clamp(1rem, 2vw, 1.5rem);
  }

  .ba4a4d {
    flex-direction: row;
  }
}

@media (max-width: 480px) {
  .e344 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }

  .e6fcbe99 {
    font-size: 0.75rem;
  }

  .c7c212e {
    min-width: auto;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

.i9d5033 {
  position: relative;
  height: 400px;
  overflow: hidden;
  background: var(--color-bg-primary);
  display: flex;
  align-items: center;
}

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

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

.ob4c {
  position: relative;
  z-index: 2;
  width: 100%;
}

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

.e49aea a {
  color: var(--color-secondary);
  text-decoration: none;
}

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

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

.o81 {
  background: rgba(17, 24, 39, 0.95);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-xl);
  backdrop-filter: blur(8px);
  max-width: 90%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p1bdf927 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  text-align: center;
  line-height: 1.2;
}

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

.pe5 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: var(--transition-base);
}

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

.i8d44 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background: rgba(99, 102, 241, 0.1);
  border-radius: var(--radius-md);
}

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

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

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

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

.mf9eaa3 {
  flex-shrink: 0;
}

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

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

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

.e89a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

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

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

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

.k91948 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: 1.7;
}

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

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

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

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

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

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

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

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

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

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

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

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

.h36:hover .h2665 {
  transform: scale(1.05);
}

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

.c0e34a {
  margin: 0;
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  line-height: 1.3;
}

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

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

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

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

  .b11f5 {
    flex-direction: column;
  }

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

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

  .i13 {
    flex-direction: column;
  }

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

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

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

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

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

  .bb8 {
    flex-direction: column;
  }

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

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

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

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

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

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

  .h36 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
    min-width: unset;
  }
}

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .g375e8,
  .pbc {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.dfe {
  flex: 1 1 60%;
  max-width: 60%;
}

.p384f0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.3;
}

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

.gf9b {
  flex: 1 1 40%;
  max-width: 40%;
}

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

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

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

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

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

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

  .dfe,
  .gf9b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.g5322c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.3;
}

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

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

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

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

  .g550,
  .i57dee {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.lf481894 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  text-align: center;
}

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

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

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

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

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

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

.ab2 {
  background: linear-gradient(135deg, var(--color-bg-card) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(1rem, 2vw, 2rem);
}

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

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

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

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

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

.n534 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.3;
  text-align: center;
}

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

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

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

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

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

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

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

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

  .hc0ca810,
  .me4fe {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.f240 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.3;
}

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

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

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

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

  .jdb1,
  .nd27e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.jd7b88 {
  margin: 0;
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.if117 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  text-align: center;
}

.k94fd2f {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2.5vw, 2rem);
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
}

.m38f6 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  text-decoration: none;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.h12 {
  flex-shrink: 0;
  width: 150px;
  height: 120px;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

.l27d4 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

  .h12 {
    width: 100%;
    height: 200px;
  }
}

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

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

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

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

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

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

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

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

.f2c21 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 3.5rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border);
}

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

.ab7 a {
  color: var(--color-secondary);
}

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

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

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

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

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

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

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

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

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

.a88 {
  color: var(--color-border);
}

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

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

  .a275eba,
  .p831a4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

.m2ee {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

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

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

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

  .cff6,
  .de182e6f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.k690ee {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

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

  .le7f7,
  .j661f51 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.k6e84b {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

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

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

  .g69930,
  .b62 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

  .j4f3,
  .b33ed {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.b9b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.aa2c {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.p27ff {
  font-size: clamp(1.15rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
}

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

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

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

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

.pb6a0fd {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

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

.dee7 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

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

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

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

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

.c22f {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

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

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

.i76a {
  font-size: clamp(1.15rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  margin: 0;
}

.n12776 {
  color: var(--color-secondary);
}

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

.c7427 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  margin: 0;
}

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

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

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

.j4fb7d65 {
  font-size: clamp(1.35rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
}

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

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

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

.adfabfc {
  font-size: clamp(1.35rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
}

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

.ha4 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.ha4:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(99, 102, 241, 0.1);
}

.j9b3 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

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

.ha4:hover .d4fa9 {
  transform: scale(1.05);
}

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

.jb8 {
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin: 0;
}

.f42 {
  color: var(--color-secondary);
}

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

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

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

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

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

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

html, body, h1, h2, h3, h4, h5, h6, p, span, a, li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.mf2ab {
  text-align: center;
  max-width: 700px;
}

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

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

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

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

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

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

.b719 {
  text-align: center;
}

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

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

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

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

.jd07 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-left: 3px solid var(--color-primary);
  border-radius: var(--radius-md);
}

.p2b88f {
  font-size: 0.875rem;
  color: var(--color-primary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

.d97 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

.n1a475e3 {
  text-align: center;
}

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

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

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

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

.bb6b5b {
  flex: 1 1 45%;
  min-width: 300px;
}

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

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

.i6f {
  flex: 1 1 45%;
  min-width: 280px;
  min-height: 350px;
  max-height: 450px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

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

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

.pa63a {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bb6b5b,
  .i6f {
    flex: 1 1 100%;
  }

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

  .gf125 {
    gap: 1.5rem;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .n156 {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a6f3bcb {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 450px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.h16 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  max-width: 600px;
  margin: 0 auto;
}

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

.l3e {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.25rem);
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

.l605a231 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 280px;
  max-width: 380px;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

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

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

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

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

.cdebe0 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.eb6d5 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  transition: var(--transition-base);
}

.eb6d5:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-lg);
}

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

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

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

.f414f0be {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
}

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

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

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

.b380eb {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 5vw, 3rem);
  max-width: 700px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.l9999 {
  color: var(--color-text-primary);
  font-size: clamp(1.35rem, 4vw, 2.25rem);
  font-weight: 700;
  line-height: 1.2;
}

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

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

.e591cb2 {
  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-lg);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: var(--transition-base);
  display: inline-block;
}

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

.oeabf256 {
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  padding: clamp(0.65rem, 1.5vw, 0.9rem) clamp(1.35rem, 3vw, 1.85rem);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: var(--transition-base);
  display: inline-block;
}

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

.b93 {
  background: var(--color-bg-primary);
  border-top: 1px solid var(--color-border);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

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

.id0884c {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.5;
}

.jadecf {
  color: var(--color-accent);
  font-weight: 500;
  transition: var(--transition-base);
}

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

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

  .c0d291 {
    flex: 1 1 100%;
  }

  .a6f3bcb {
    flex: 1 1 100%;
    min-height: 280px;
    max-height: 380px;
  }

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

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

  .e351255 {
    flex-direction: column;
  }

  .e591cb2,
  .oeabf256 {
    width: 100%;
    text-align: center;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .l3e {
    flex: 1 1 calc(50% - 1.25rem);
  }

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

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

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

.of590cc4 {
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  background-color: var(--color-bg-secondary);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.k26 {
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
}

.m4535 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

.e50 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.e62bc {
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
}

.fb5 {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

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

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

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

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

.nd6abf {
  flex: 1;
  line-height: 1.4;
}

.n9353c {
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  position: relative;
  color: var(--color-primary);
  transition: transform var(--transition-base);
}

.n9353c::before {
  content: '+';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 300;
}

.hfad1[aria-expanded="true"] .n9353c {
  transform: rotate(45deg);
}

.d7c0735 {
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: 1.7;
  background-color: var(--color-bg-card);
  animation: slideDown var(--transition-base) ease-out forwards;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
    padding-bottom: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
    padding-bottom: var(--spacing-md);
  }
}

.d7c0735 p {
  margin: 0;
}

.b0f8 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.accfde0 {
  background-color: var(--color-primary-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  text-align: center;
}

.pc5bde5 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
}

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

.b7d822 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
}

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

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

.b922 {
  padding: var(--spacing-xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
  display: flex;
  flex-direction: column !important;
  gap: var(--spacing-lg);
}

.k9c98 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

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

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

.a2d842c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  justify-content: center;
}

.i04e {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
}

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

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

.mad47 {
  background-color: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
}

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

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

@media (min-width: 640px) {
  .of590cc4 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .fb5 {
    grid-template-columns: 1fr 320px;
    gap: var(--spacing-3xl);
  }

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

  .a2d842c {
    flex-direction: row;
    gap: var(--spacing-md);
  }

  .i04e {
    flex: 1;
  }
}

@media (min-width: 768px) {
  .of590cc4 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    gap: var(--spacing-2xl);
  }

  .g246e3b {
    max-height: 400px;
  }

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

  .j0b9 {
    max-height: 300px;
  }

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

  .o3a386 {
    max-height: 400px;
  }
}

@media (min-width: 1024px) {
  .of590cc4 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-3xl);
  }

  .k26 {
    flex: 1;
    text-align: left;
    max-width: 100%;
  }

  .g246e3b {
    flex: 1;
    max-height: 500px;
  }

  .e62bc {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }

  .fb5 {
    grid-template-columns: 1fr 380px;
    gap: var(--spacing-4xl);
  }

  .b922 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-4xl);
  }

  .k9c98 {
    flex: 1;
    text-align: left;
    max-width: 100%;
  }

  .o3a386 {
    flex: 1;
    max-height: 600px;
  }
}

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

.h75 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.f4c3 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

.kd0f4a {
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.2rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.ec0c2 {
  max-width: 1200px;
  margin: 0 auto;
}

.bd8dbe6 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.o8e5 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.kafe3b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.75rem;
}

.if3f093 {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  line-height: 1.3;
}

.k35 {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.d367d {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.d367d li {
  font-size: clamp(0.85rem, 1.2vw, 0.95rem);
  color: var(--color-text-muted);
  padding-left: var(--spacing-md);
  position: relative;
}

.d367d li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 700;
}

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

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

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

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

.n5aa79b9 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

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

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

@media (min-width: 768px) {
  .h75 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .bd8dbe6 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

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

@media (min-width: 1024px) {
  .h75 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

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

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

  .kafe3b {
    width: 64px;
    height: 64px;
    font-size: 2rem;
  }
}

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

.f9b main {
  width: 100%;
}

.f9b .a948d2 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.f9b .bcb7d {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.f9b h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
}

.f9b .af4f {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.f9b 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-md);
  font-weight: 600;
  line-height: 1.4;
}

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

.f9b ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.f9b li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

.f9b .d76c2c7a {
  padding-bottom: var(--spacing-xl);
  border-bottom: 1px solid var(--color-border-light);
}

.f9b .ca0dc {
  padding: var(--spacing-xl) 0;
  border-bottom: 1px solid var(--color-border-light);
}

.f9b .ca0dc:last-of-type {
  border-bottom: none;
  padding-bottom: var(--spacing-2xl);
}

.f9b .ne00f1 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.f9b .ne00f1 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.f9b .ne00f1 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.f9b .n55dcbf5 {
  font-weight: 600;
  color: var(--color-text-primary);
}

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

@media (max-width: 767px) {
  .f9b .a948d2 {
    padding: 0 var(--spacing-md);
  }

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

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

  .f9b .ca0dc {
    padding: var(--spacing-lg) 0;
  }
}

@media (min-width: 768px) {
  .f9b .a948d2 {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .f9b .a948d2 {
    padding: 0 var(--spacing-2xl);
  }

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

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

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
}

.je1f {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

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

.a948d2 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.bcb7d {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.oeb2ea {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.bb5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(80px, 15vw, 120px);
  height: clamp(80px, 15vw, 120px);
  margin: 0 auto var(--spacing-2xl);
  background-color: var(--color-success-light);
  border-radius: var(--radius-full);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.bb5 i {
  font-size: clamp(2.5rem, 8vw, 4rem);
  color: var(--color-success);
}

.h9ba2 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.02em;
}

.b9065 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xl);
  font-weight: 500;
}

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

.bcdbd811 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

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

.l894a67 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base) ease;
  text-align: center;
  letter-spacing: 0.3px;
}

.cacd0c1c {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.cacd0c1c:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.n7e808 {
  min-width: 200px;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .j944d7 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

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

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

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

  .n7e808 {
    min-width: 240px;
  }
}

@media (min-width: 1024px) {
  .j944d7 {
    padding: var(--spacing-4xl) 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .a948d2 {
    padding: 0;
  }

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

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

@media (max-width: 480px) {
  .l894a67 {
    width: 100%;
  }

  .n7e808 {
    min-width: unset;
  }

  .h9ba2 {
    line-height: 1.3;
  }
}

.k92e7 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.g63 {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
}

.a948d2 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.bcb7d {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.h601 {
  margin-bottom: var(--spacing-3xl);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.b68cc8 {
  position: relative;
  display: inline-block;
}

.a58 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  letter-spacing: -0.02em;
  display: block;
}

.b68cc8::before {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  border: 2px dashed var(--color-border-light);
  border-radius: var(--radius-2xl);
  opacity: 0.5;
  animation: rotateBorder 20s linear infinite;
}

@keyframes rotateBorder {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.c5432f44 {
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.c5432f44 svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

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

.nfca0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

.bb157d {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
  text-align: left;
}

.ia9ca35d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  text-align: center;
}

.gf2c {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.gf2c li {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  padding: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

.gf2c li::before {
  content: '→';
  position: absolute;
  left: var(--spacing-sm);
  color: var(--color-primary);
  font-weight: 600;
}

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

.l894a67 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
}

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

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

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

.caa7fe {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(1rem, 1.2vw, 1.15rem);
}

.ge9db {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.85rem);
  color: var(--color-text-muted);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0;
}

@media (min-width: 640px) {
  .g63 {
    padding: var(--spacing-xl);
  }

  .b68cc8::before {
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px;
  }

  .bb157d {
    padding: var(--spacing-xl);
    text-align: center;
  }

  .gf2c {
    text-align: left;
  }

  .gf2c li {
    text-align: center;
  }

  .gf2c li::before {
    position: static;
    margin-right: var(--spacing-xs);
  }
}

@media (min-width: 768px) {
  .g63 {
    padding: var(--spacing-2xl);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

  .j34e {
    font-size: clamp(2rem, 5vw, 2.75rem);
    margin-bottom: var(--spacing-lg);
  }

  .nfca0 {
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    margin-bottom: var(--spacing-2xl);
  }

  .gf2c {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-md);
  }

  .gf2c li {
    flex: 1;
    min-width: 200px;
    padding: var(--spacing-sm);
    text-align: center;
  }

  .gf2c li::before {
    display: none;
  }

  .caa7fe {
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .h601 {
    margin-bottom: var(--spacing-3xl);
  }

  .a58 {
    font-size: clamp(5rem, 15vw, 8.5rem);
  }

  .c5432f44 {
    width: 240px;
    height: 240px;
  }
}

@supports (background-clip: text) {
  .a58 {
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

@media (prefers-reduced-motion: reduce) {
  .b68cc8::before,
  .c5432f44 svg {
    animation: none;
  }

  .bcb7d {
    animation: none;
  }

  .cacd0c1c:hover {
    transform: none;
  }
}

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

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

.j50e {
  text-align: center;
}

.bac86 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.l39b28f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.cc30e0 {
  width: 100%;
}

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

.fd3f483 {
  flex: 1 1 100%;
  min-width: 280px;
}

@media (min-width: 768px) {
  .fd3f483 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .fd3f483 {
    flex: 1 1 50%;
  }
}

.iecc9 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: -0.3px;
}

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

.a5adb8 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.b2038c28 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.l52,
.j45666d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: clamp(0.75rem, 2vw, 1rem);
  background-color: var(--color-bg-card);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.l52::placeholder,
.j45666d::placeholder {
  color: var(--color-text-muted);
}

.l52:focus,
.j45666d:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.j45666d {
  resize: vertical;
  min-height: clamp(100px, 20vh, 150px);
}

.fa8 {
  background-color: var(--color-bg-tertiary);
  border-left: 3px solid var(--color-accent);
  padding: var(--spacing-md);
  border-radius: var(--radius-sm);
  margin-top: var(--spacing-sm);
}

.mf7330c {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.ba04 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.b797cbd {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  font-weight: 700;
  width: 100%;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  box-shadow: var(--shadow-md);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.b797cbd:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-accent-light);
}

.g90ea9ca {
  flex: 1 1 100%;
  min-width: 280px;
}

@media (min-width: 768px) {
  .g90ea9ca {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .g90ea9ca {
    flex: 1 1 50%;
  }
}

.kc67c38 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: -0.3px;
}

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

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

.h4caf {
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
}

.ae308 {
  flex: 1;
  min-width: 0;
}

.ia84c {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.g5d0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  word-break: break-word;
}

.d0427152 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

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

.d88b0 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.b8f2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.7;
}

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

.e378 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

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

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

.fa3 {
  text-align: center;
}

.of1f11ea {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.k2a6238 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.15rem);
  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;
}

.a9a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 700;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  box-shadow: var(--shadow-md);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.a9a:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-accent-light);
}

@media (min-width: 768px) {
  .cb1 {
    padding: clamp(3rem, 10vw, 5rem) 0;
  }

  .he7c3b {
    padding: clamp(3rem, 10vw, 6rem) 0;
  }

  .h24f {
    padding: clamp(2.5rem, 8vw, 5rem) 0;
  }
}

@media (min-width: 1024px) {
  .cb1 {
    padding: clamp(4rem, 12vw, 6rem) 0;
  }

  .he7c3b {
    padding: clamp(4rem, 12vw, 7rem) 0;
  }

  .h24f {
    padding: clamp(3rem, 10vw, 6rem) 0;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.jd438ac9,.j14a4{width:34px;}
.jd438ac9[aria-expanded="true"]{display:none;}
.jf58.p54e{z-index:999;}
.jf58{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.jf58{max-width:100%;}}
.a98{justify-content:flex-end;}