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

:root {
  --color-bg-primary: #0c0a09;
  --color-bg-secondary: #1c1917;
  --color-bg-tertiary: #292524;
  --color-bg-card: #1c1917;

  --color-text-primary: #fafaf9;
  --color-text-secondary: #d6d3d1;
  --color-text-muted: #a8a29e;

  --color-primary: #84cc16;
  --color-primary-hover: #65a30d;
  --color-primary-light: #c6e48b;
  --color-primary-dark: #4a7c0a;

  --color-secondary: #a3e635;
  --color-secondary-light: #d4f596;
  --color-secondary-hover: #84cc16;

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

  --color-border: #3f3935;
  --color-border-light: #2d2a27;

  --font-primary: 'Source Sans 3', sans-serif;
  --font-heading: 'Bricolage Grotesque', sans-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.5);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.7);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.8);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.9);

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

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

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

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

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  margin: 0;
  padding: 0;
}

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

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

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

h1 {
  font-size: var(--font-size-5xl);
  letter-spacing: -0.02em;
}

h2 {
  font-size: var(--font-size-4xl);
  letter-spacing: -0.01em;
}

h3 {
  font-size: var(--font-size-3xl);
}

h4 {
  font-size: var(--font-size-2xl);
}

h5 {
  font-size: var(--font-size-xl);
}

h6 {
  font-size: var(--font-size-lg);
}

p {
  margin: 0;
  color: var(--color-text-secondary);
}

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

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

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

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

button {
  cursor: pointer;
  border: none;
  border-radius: var(--radius-lg);
  font-weight: var(--font-weight-semibold);
  transition: all var(--transition-fast);
  padding: var(--spacing-md) var(--spacing-lg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

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

.o151f09f:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

.f29:hover {
  background: rgba(132, 204, 22, 0.1);
  border-color: var(--color-primary-hover);
}

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

.k97 {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
}

.i7879656 {
  padding: var(--spacing-lg) var(--spacing-xl);
  font-size: var(--font-size-lg);
}

.a60 {
  width: 100%;
}

.m62:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

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

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

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

.l8a:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-lg);
}

.c859 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border);
}

.oe45194 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0;
}

.i661c {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  margin: var(--spacing-sm) 0 0 0;
}

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

.ia2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-md);
  margin-top: var(--spacing-lg);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border);
}

.h89a08df {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
}

.nda {
  background: rgba(132, 204, 22, 0.2);
  color: var(--color-primary-light);
}

.pb58 {
  background: rgba(163, 230, 53, 0.2);
  color: var(--color-secondary-light);
}

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .ae096 {
    grid-template-columns: repeat(2, 1fr);
  }

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

@media (max-width: 640px) {
  .l9b88d,
  .cff13d3,
  .ae096 {
    grid-template-columns: 1fr;
  }

  h1 {
    font-size: var(--font-size-3xl);
  }

  h2 {
    font-size: var(--font-size-2xl);
  }

  h3 {
    font-size: var(--font-size-xl);
  }

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

.m19ccc33 {
  display: flex;
}

.m1f {
  flex-direction: column;
}

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

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

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

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

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

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

.h70205f4 {
  text-align: center;
}

.iec9da71 {
  text-align: left;
}

.j884d {
  text-align: right;
}

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

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

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

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

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

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

.k7b9c612 {
  font-size: var(--font-size-sm);
}

.fd1f1 {
  font-size: var(--font-size-lg);
}

.lce4a3 {
  font-size: var(--font-size-xl);
}

.m4262e {
  font-weight: var(--font-weight-medium);
}

.o1307f {
  font-weight: var(--font-weight-semibold);
}

.c942c1c {
  font-weight: var(--font-weight-bold);
}

.i0966 {
  margin: 0;
}

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

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

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

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

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

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

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

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

.ifc91 {
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

.jd10f7 {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

.n78523b0 {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

.a240c2b1 {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.o982632 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

.f1c246d {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}

.n7469052 {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}

.j720275 {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}

.p6950 {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}

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

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

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

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

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

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

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

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

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

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

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

.h742eaa {
  opacity: 0.5;
}

.he1 {
  opacity: 0.75;
}

.b25b89 {
  display: none;
}

.j9fc {
  visibility: hidden;
}

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

@media (max-width: 768px) {
  .bb5e6 {
    display: none;
  }
}

@media (min-width: 769px) {
  .o14a5 {
    display: none;
  }
}
.j31e5279 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 100;
}

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

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

.c0a564d:hover {
  opacity: 0.8;
}

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

.m3ea9e {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  white-space: nowrap;
}

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

.i7d {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.p2f {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: opacity var(--transition-base);
}

.p2f:hover {
  opacity: 0.7;
}

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

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

.lba.mec512 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.h5890 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity var(--transition-base);
}

.h5890:hover {
  opacity: 0.7;
}

.h5890 i {
  font-size: 1.5rem;
  color: var(--color-text-primary);
}

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

.ne501c {
  display: block;
  padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1rem, 4vw, 2rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  font-weight: var(--font-weight-medium);
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base), color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.d7985 {
  display: block;
  margin: clamp(1.5rem, 4vw, 2rem) clamp(1rem, 4vw, 2rem);
  padding: 0.875rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  text-align: center;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: var(--font-weight-semibold);
  border-radius: var(--radius-md);
  transition: background var(--transition-base), transform var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .g18d5 {
    display: block;
  }

  .p2f {
    display: none;
  }

  .lba {
    display: none;
  }
}

    .h85c08 {
  width: 100%;
}

.c8ae57 {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--color-bg-primary);
}

.mbb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 1;
}

.g46 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(12, 10, 9, 0.65);
  z-index: 2;
}

.c8ae57 .b4a8d {
  position: relative;
  z-index: 3;
}

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

.l90b {
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p104b {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  flex-wrap: wrap;
  justify-content: center;
}

.a9e244,
.d9c {
  padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
  min-width: 160px;
}

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

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

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

.d9c:hover {
  background: rgba(132, 204, 22, 0.1);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .p104b {
    flex-direction: row;
  }
}

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

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

.o51609cf {
  text-align: center;
}

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

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

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

.m20b {
  padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

.bf729e0 {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-xl);
}

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

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

  .ab8b93,
  .p43e007 {
    flex: 1 1 100%;
  }

  .p43e007 {
    min-height: 250px;
  }
}

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

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

.e9db5c {
  text-align: center;
}

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

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

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

.f0bf {
  flex: 1 1 250px;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.h66c {
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  color: var(--color-text-on-accent);
}

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

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

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

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

.g4e4fe2d {
  text-align: center;
}

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

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

.d8a77 {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  padding: 2rem 0;
}

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

.leebd6c {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
  position: relative;
  padding: 1.5rem 0;
}

.leebd6c:nth-child(odd) .lc5093 {
  margin-left: 0;
  margin-right: auto;
  text-align: right;
}

.leebd6c:nth-child(even) .lc5093 {
  margin-left: auto;
  margin-right: 0;
  text-align: left;
}

.ccc7d {
  position: absolute;
  left: 50%;
  top: 1.5rem;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  flex-shrink: 0;
  z-index: 2;
}

.o2f {
  color: var(--color-text-on-accent);
  font-weight: 700;
  font-size: 0.875rem;
}

.lc5093 {
  flex: 1;
  max-width: calc(50% - 2rem);
}

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

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

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

  .ccc7d {
    left: 20px;
  }

  .leebd6c {
    flex-direction: column;
    margin-left: 60px;
  }

  .leebd6c:nth-child(odd) .lc5093,
  .leebd6c:nth-child(even) .lc5093 {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    max-width: 100%;
  }
}

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

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

.pad32 {
  flex: 1 1 40%;
  min-height: 350px;
}

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

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

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

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

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

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

.pa61c {
  font-size: clamp(1.375rem, 2.5vw + 0.5rem, 1.75rem);
  color: var(--color-accent);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .pad32,
  .de1e27fe {
    flex: 1 1 100%;
  }

  .pad32 {
    min-height: 250px;
  }
}

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

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

.eacd1 {
  text-align: center;
}

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

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

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

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

.c69dec:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-xl);
}

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

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

.c69dec:hover .g1f4384 {
  transform: scale(1.05);
}

.a4fc4ce {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity var(--transition-base);
}

.c69dec:hover .a4fc4ce {
  opacity: 1;
}

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

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

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

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

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

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

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

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

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

.o7f3b {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  flex-wrap: wrap;
  justify-content: center;
}

.aa2d,
.mdb9 {
  padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
  min-width: 160px;
}

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

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

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

.mdb9:hover {
  background: rgba(132, 204, 22, 0.1);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .o7f3b {
    flex-direction: row;
  }
}

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

.kb7.b25b89 {
  display: none;
}

.fb3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p82d,
.k28aa {
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-sm);
  border: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  text-decoration: none;
}

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

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

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

.k28aa:hover {
  background: rgba(132, 204, 22, 0.05);
  border-color: var(--color-accent);
  color: var(--color-text-primary);
}

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

@media (max-width: 480px) {
  .p104b,
  .o7f3b {
    width: 100%;
  }

  .a9e244,
  .d9c,
  .aa2d,
  .mdb9 {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .d8a77::before {
    left: 15px;
  }

  .ccc7d {
    left: 15px;
    width: 40px;
    height: 40px;
    top: 1.25rem;
  }

  .o2f {
    font-size: 0.75rem;
  }

  .leebd6c {
    margin-left: 50px;
  }

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

  .c69dec {
    width: 100%;
    max-width: none;
  }
}

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

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

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

.j07afd8 {
  display: block;
}

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

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

.fd29dba {
  display: block;
}

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

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

.oe6 {
  display: block;
}

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

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

.pe892 {
  display: block;
}

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

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

.p83c4 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ne9c7 {
  display: block;
}

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

.nb719710 {
  display: block;
}

.nb719710 p {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .ce4f {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: clamp(2rem, 5vw, 3.5rem);
  }

  .m80a4d {
    grid-column: 1 / -1;
  }

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

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

@media (min-width: 1024px) {
  .nad {
    flex-direction: row;
    gap: clamp(1rem, 3vw, 1.5rem);
  }

  .ad07 {
    flex-direction: row;
    gap: clamp(1rem, 3vw, 1.5rem);
  }
}
    

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

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

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

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

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

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

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

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

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

.j114b1 {
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 600px;
}

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

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

.h97a {
  width: 100%;
}

.jca92289 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.j3d69c7d {
  width: 100%;
  max-height: 400px;
  overflow: hidden;
}

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

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

.c4ac7 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.l2da97 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-semibold);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: background var(--transition-base), transform var(--transition-base);
  cursor: pointer;
  border: none;
  width: fit-content;
}

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

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

.eb274ca7 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 clamp(280px, 100%, 380px);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  padding: clamp(1rem, 2vw, 1.5rem);
}

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

.k1fc8dc4 {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

.j71611 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.b91c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.5rem, 0.8vw, 0.75rem) clamp(1rem, 1.5vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-semibold);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  transition: background var(--transition-base), transform var(--transition-base);
  cursor: pointer;
  border: none;
  width: fit-content;
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

.a109 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.i6da9 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 clamp(240px, 100%, 280px);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.o6c7c53 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 2vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  flex-shrink: 0;
}

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

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

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

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

  .eb274ca7 {
    flex: 1 1 100%;
  }

  .kbf {
    flex-direction: column;
  }

  .i6da9 {
    flex: 1 1 100%;
  }

  .jca92289 {
    flex-direction: column;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .f647 {
    flex-direction: row;
  }

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

  .kbf {
    flex-direction: row;
  }

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

@media (min-width: 1024px) {
  .f647 {
    flex-direction: row;
  }

  .eb274ca7 {
    flex: 1 1 calc(33.333% - clamp(0.66rem, 2vw, 1.33rem));
  }

  .kbf {
    flex-direction: row;
  }

  .i6da9 {
    flex: 1 1 calc(25% - clamp(1.125rem, 2.25vw, 1.5rem));
  }
}

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

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

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

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

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

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

.oeb3 {
  position: relative;
  min-height: 320px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}

.p8bc1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
}

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

.d5f3e {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: clamp(2rem, 6vw, 4rem) 0;
  background: linear-gradient(to top, rgba(12, 10, 9, 0.95), transparent);
}

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

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

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

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

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

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

.pd796e {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
}

.g8b8c70e,
.jc2a,
.ff3631dd {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.8rem;
  background: var(--color-bg-secondary);
  border-radius: 4px;
  color: var(--color-text-secondary);
}

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

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

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

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

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

.l8bddf9 {
  flex: 1 1 45%;
}

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

.pfac6dd {
  color: var(--color-accent);
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  margin-bottom: 1rem;
}

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

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

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

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

.ha9adf1 {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: clamp(2rem, 4vw, 4rem);
}

.kae8 {
  position: sticky;
  top: 2rem;
  height: fit-content;
}

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

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

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

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

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

.h3096e4 {
  color: var(--color-accent);
  font-size: 0.8125rem;
  font-weight: 600;
  margin: 0;
}

.jb31c407 {
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.5;
  margin: 0;
}

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

.m00 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-secondary);
  border-radius: 8px;
  overflow: hidden;
}

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

.l23 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

.e6c {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.gf6 {
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-tertiary);
  border-radius: 8px;
  overflow: hidden;
}

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

.lc608 {
  color: var(--color-accent);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
}

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

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

.gde76001 {
  color: var(--color-accent);
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  font-weight: 700;
  margin: 0;
}

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

.bd59c {
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-secondary);
  border-radius: 8px;
  overflow: hidden;
}

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

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

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

.ed90d {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 220px;
  max-width: calc(33.333% - 1rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-radius: 6px;
  border-left: 3px solid var(--color-secondary);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.n7eb {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  font-weight: 700;
  margin: 0;
}

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

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

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

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

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

.ofc8680 {
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-tertiary);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--color-bg-card);
}

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

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

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

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

.d75 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2rem);
  text-align: center;
}

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

.jcc7d56 {
  flex: 1 1 calc(33.333% - 1.33rem);
  min-width: 220px;
  max-width: calc(33.333% - 1.33rem);
}

.m3edeb42 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  padding: 1rem;
  border-radius: 8px;
  background: var(--color-bg-card);
}

.m3edeb42:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(132, 204, 22, 0.2);
}

.hdff3ee7 {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 6px;
  display: block;
}

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

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

  .kae8 {
    position: static;
  }

  .fd34037 {
    flex-direction: row;
    text-align: left;
    gap: 1.5rem;
    align-items: flex-start;
  }

  .n40dedf {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
  }

  .lfdd4 {
    flex-direction: column;
  }

  .l23,
  .f8fca7 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

  .n020 {
    flex: 1 1 100%;
  }

  .l8bddf9 {
    flex: 1 1 100%;
  }

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

  .g8b8c70e,
  .jc2a,
  .ff3631dd {
    display: inline-block;
  }

  .ca3b0 {
    flex-direction: column;
  }

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

  .od142 {
    flex-direction: column;
  }

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

  .i76300cf {
    flex-direction: column;
  }

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

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

  .f30d {
    font-size: clamp(1.25rem, 4vw, 1.75rem);
  }

  .jd0a3 {
    font-size: clamp(0.875rem, 1vw, 1rem);
  }

  .g984b {
    font-size: clamp(1rem, 2.5vw, 1.25rem);
  }

  .o827793e {
    font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  }

  .lc608 {
    font-size: clamp(1rem, 2.5vw, 1.25rem);
  }

  .d75 {
    font-size: clamp(1.25rem, 3vw, 1.5rem);
  }
}

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

html, body {
  font-family: 'Source Sans 3', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .n0f,
  .gf310 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.n61a6153 {
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

.c71a2 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  text-align: center;
  flex: 1 1 auto;
  min-width: 180px;
  max-width: 250px;
}

.h18296 {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.5rem;
}

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

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

.h385 {
  position: fixed;
  left: clamp(1rem, 3vw, 2rem);
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.i7c796 {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
  max-width: 200px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.g57300 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 1rem;
  display: block;
}

.fd822 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 700;
  margin-bottom: 0.25rem;
  line-height: 1.3;
}

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

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

.f69e {
  color: var(--color-accent);
  font-size: 0.8125rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.e2f {
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  line-height: 1.5;
}

.k33cd23 {
  margin-left: clamp(2rem, 8vw, 5rem);
}

.k8c5f92 {
  margin-bottom: clamp(3rem, 6vw, 5rem);
}

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

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

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

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

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

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

.b88f {
  list-style: none;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.b88f li {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.8;
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
  position: relative;
}

.b88f li:before {
  content: '▸';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
}

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

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

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

.bb08 {
  color: var(--color-accent);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

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

.d912760 {
  display: block;
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

.e2c2 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

.l6e033:last-of-type {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.b348 {
  display: inline-block;
  background: var(--color-accent);
  color: #000000;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

.pfe {
  max-width: 100%;
}

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

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

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

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

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

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

.m1cec {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 8px;
  transition: all 0.3s ease;
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 350px;
}

.m1cec:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(132, 204, 22, 0.2);
}

.ked0a55d {
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  border-radius: 6px;
  overflow: hidden;
}

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

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

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

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

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

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

@media (max-width: 1024px) {
  .h385 {
    position: static;
    transform: none;
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }

  .i7c796 {
    max-width: 100%;
  }

  .k33cd23 {
    margin-left: 0;
  }

  .b39a15b {
    flex-direction: column;
  }

  .nea071a9,
  .gac216 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .m1cec {
    flex-direction: column;
  }

  .ked0a55d {
    flex: 0 0 auto;
    width: 100%;
    height: 200px;
  }
}

@media (max-width: 640px) {
  .h385 {
    position: static;
  }

  .h62c8e47 {
    font-size: 0.75rem;
    gap: 0.25rem;
  }

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

.eb87 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Source Sans 3', sans-serif;
  overflow: hidden;
}

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

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

.nde9 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
  position: relative;
  min-height: 400px;
}

.j20ee96 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(132, 204, 22, 0.05) 0%, rgba(163, 230, 53, 0.03) 100%);
  pointer-events: none;
}

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

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

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

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

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

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

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

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

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

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

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

.d29f {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 350px;
}

.c9b0294 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
}

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

  .ce16,
  .d29f {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

.dba {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

.m285c2a6 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
}

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

  .i60b5,
  .dba {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .dba {
    min-height: 250px;
  }
}

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

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

.i8e {
  flex: 0 0 auto;
  width: clamp(200px, 25vw, 280px);
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
}

.p8c777 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.m7b24 {
  width: 120px;
  height: 120px;
  margin: 0 auto;
}

.ddf {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 2px solid var(--color-accent);
}

.fcb6228 {
  text-align: center;
}

.had {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  margin-bottom: 0.25rem;
}

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

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

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

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

.i0cd1 {
  flex: 1 1 auto;
  min-width: 0;
}

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

  .i8e {
    width: 100%;
    position: static;
  }
}

.if68a,
.b022,
.c8d,
.bf99 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

.f5459f1 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 280px;
}

.ke87512a {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
}

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

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

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

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

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

.a52b4 strong {
  color: var(--color-accent);
  font-weight: 600;
}

.j7d8420 {
  background: rgba(132, 204, 22, 0.08);
  border: 1px solid var(--color-accent);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

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

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

  .f18c,
  .f5459f1 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .f5459f1 {
    min-height: 250px;
  }
}

.j38984 {
  margin-top: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

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

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

.i01a3 {
  margin-top: clamp(3rem, 8vw, 5rem);
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  border-radius: 0 clamp(0.5rem, 1vw, 0.75rem) clamp(0.5rem, 1vw, 0.75rem) 0;
}

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

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

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

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

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

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

.g397 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  max-width: 380px;
}

.leeb3 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s ease;
}

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

.j69 {
  overflow: hidden;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  height: 200px;
}

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

.leeb3:hover .f0b724 {
  transform: scale(1.05);
}

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

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

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

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

@media (max-width: 1024px) {
  .g397 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
  }
}

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

  .m91d {
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: var(--radius-md);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-border-light);
}

.ne6 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: var(--line-height-normal);
}

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

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

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

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

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

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

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

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

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

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

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

.i60622 {
  color: var(--color-border-light);
}

.g39acd {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin: 0;
  padding: 0;
}

.fe28 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding: 0;
  line-height: var(--line-height-relaxed);
}

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

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

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

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

@media (max-width: 768px) {
  .pa02 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .fa6f,
  .k3eb3 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .o81e {
    max-height: 300px;
  }
}

.faa {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: flex-start;
}

.hc640770 {
  flex: 0 0 auto;
  width: clamp(150px, 20vw, 220px);
  padding: 0 clamp(1rem, 4vw, 2rem);
  position: sticky;
  top: 20px;
}

.g5e1 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
}

.h1a6 {
  width: 100%;
  height: auto;
  max-width: 100px;
  border-radius: var(--radius-lg);
  display: block;
}

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

.eeb7 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-semibold);
  margin: 0;
  padding: 0;
}

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

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

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

.o52d {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed);
  margin: 0;
  padding: 0;
}

.c752 {
  flex: 1 1 auto;
  min-width: 0;
}

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

  .hc640770 {
    width: 100%;
    position: static;
  }
}

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

.j99c0a89:nth-child(even) {
  background: var(--color-bg-secondary);
}

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

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

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

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

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

.hf117 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin: 0;
  padding: 0;
}

.h51d42 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding: 0;
  line-height: var(--line-height-relaxed);
}

.h51d42:nth-child(even) {
  color: var(--color-text-secondary);
}

.dcb384ba {
  background: rgba(132, 204, 22, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  margin: clamp(1rem, 2vw, 1.5rem) 0;
}

.pdcbb5 {
  font-size: clamp(0.875rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding: 0;
  line-height: var(--line-height-relaxed);
}

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

.n8ef {
  font-size: clamp(0.875rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  padding: 0.75rem 0;
  margin: 0;
  line-height: var(--line-height-relaxed);
}

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

.fd48 {
  font-size: clamp(0.875rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  padding-left: 1.75rem;
  position: relative;
  line-height: var(--line-height-relaxed);
}

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

.ba42ae {
  background: rgba(132, 204, 22, 0.08);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

.n26ce {
  font-size: clamp(0.875rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding: 0;
  line-height: var(--line-height-relaxed);
}

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

  .l67c8e0,
  .e82645d0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b6fe {
    max-height: 280px;
  }
}

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

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

.l397c7da {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin: 0;
  padding: 0;
}

.bae8c4 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding: 0;
  line-height: var(--line-height-relaxed);
}

.p6d7dc2 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: flex-start;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.o1c1 {
  font-size: clamp(0.875rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding: 0;
  line-height: var(--line-height-relaxed);
}

.g19fc3 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1.25rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  font-weight: var(--font-weight-semibold);
  transition: all var(--transition-base);
  cursor: pointer;
}

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

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

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

.c8a {
  font-size: clamp(1.125rem, 3vw + 0.25rem, 1.875rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-tight);
  margin: 0;
  padding: 0;
}

.efb {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed);
  margin: 0;
  padding: 0;
}

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

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

.l94 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin: 0;
  padding: 0;
}

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

.ie4 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 250px;
}

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

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

.e310f15e {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

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

.bce44253 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-tight);
  margin: 0;
  padding: 0;
}

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

.kfa9f {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed);
  margin: 0;
  padding: 0;
}

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

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

  .e310f15e {
    max-height: 200px;
  }
}

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

  .ie4 {
    flex: 1 1 100%;
    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-secondary);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  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;
}

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

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

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

.mba0e .b4a8d {
  padding: 0 clamp(1rem, 4vw, 2rem);
}

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

.ka0 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-accent-light);
  line-height: 1.2;
}

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

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

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

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

.a60a {
  text-align: center;
}

.l02 {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: var(--spacing-sm);
}

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

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

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

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

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

.pbaa5 {
  flex: 1 1 45%;
  min-width: 250px;
}

.m8a {
  flex: 1 1 45%;
  min-width: 250px;
}

.p9aecce {
  font-size: 0.875rem;
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: var(--spacing-sm);
}

.gcb {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

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

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

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

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

.b3ad {
  text-align: center;
}

.oe8 {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: var(--spacing-sm);
}

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

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

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

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

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

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

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

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

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

.abc1 {
  text-align: center;
}

.h972649 {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: var(--spacing-sm);
}

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

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

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

.m0c {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  min-width: 50px;
  line-height: 1;
}

.d08 {
  flex: 1;
}

.a0f {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

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

.dcc {
  text-align: center;
}

.eef2467 {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: var(--spacing-sm);
}

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

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

.ecfe748 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
  align-items: flex-start;
  padding: var(--spacing-md);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

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

.l1d1fe {
  flex: 1;
}

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

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

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

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

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

.if4 {
  font-size: 1.25rem;
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 2px;
}

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

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

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

  .pbaa5,
  .m8a {
    flex: 1 1 100%;
  }

  .ab48 {
    flex: 1 1 100%;
  }

  .d61a1 {
    flex-direction: column;
  }

  .m0c {
    min-width: auto;
  }

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

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

  .g5789e,
  .gcb,
  .fba69e9,
  .d988f5e6,
  .m4f2d {
    font-size: 1.5rem;
  }

  .fa1 {
    flex-direction: column;
  }
}

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

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

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

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

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

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

.k3de81 {
  width: 100%;
  max-width: 400px;
  flex-shrink: 0;
}

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

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

.j20c {
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 2vw, 1rem) 0;
}

.g68c3 {
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  color: var(--color-accent);
  font-weight: var(--font-weight-semibold);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.p939 {
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-relaxed);
}

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

  .k3de81 {
    max-width: 350px;
    flex: 0 0 45%;
  }

  .ba3e {
    text-align: left;
    flex: 1;
  }
}

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

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

.g12e370 {
  text-align: center;
}

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

.cd3 {
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

.kabbad {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 180px;
  text-align: center;
  transition: all var(--transition-base);
}

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

.j7bf {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-accent);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  font-family: var(--font-heading);
}

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

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

@media (min-width: 1024px) {
  .kabbad {
    flex: 1 1 calc(25% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

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

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

.j7bd6e8c {
  text-align: center;
}

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

.efe3 {
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

.c8e6c7d2 {
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

.a7d7b {
  text-align: center;
}

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

.h0f39aa {
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

.j7960 {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1.5vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1.5vw, 1rem);
  border: 1px solid var(--color-border-light);
  font-weight: var(--font-weight-medium);
  transition: all var(--transition-base);
  display: inline-block;
  cursor: default;
}

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

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

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

.p0f0f {
  text-align: center;
}

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

.pbe30bb0 {
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

.b7beff {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 280px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  transition: all var(--transition-base);
}

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

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

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

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

.cfce3d {
  font-size: clamp(0.8125rem, 1.5vw, 1rem);
  color: var(--color-accent);
  font-weight: var(--font-weight-semibold);
  transition: all var(--transition-base);
  align-self: flex-start;
}

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

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

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

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

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

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

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

.obb539 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .i545 {
    gap: clamp(1.5rem, 2vw, 2rem);
  }

  .pa7 {
    gap: clamp(2rem, 3vw, 2.5rem);
  }
}

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

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

.n401 {
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.edfd8 {
  max-width: 900px;
  margin: 0 auto var(--spacing-lg);
}

.nfebb {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw + 0.5rem, 3rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.c80a9b7 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  max-width: 600px;
}

.bf63c {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

.g5893a74 {
  max-width: 800px;
  margin: 0 auto;
}

.daedf {
  margin-bottom: var(--spacing-md);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  transition: box-shadow var(--transition-base);
}

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

.j326d {
  width: 100%;
  padding: var(--spacing-lg);
  border: none;
  background-color: var(--color-bg-card);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: var(--font-weight-semibold);
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

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

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

.i59 {
  flex: 1;
  text-align: left;
}

.bce4b {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: transform var(--transition-fast);
}

.bce4b::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: var(--color-primary);
  border-radius: var(--radius-sm);
}

.bce4b::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 16px;
  background-color: var(--color-primary);
  border-radius: var(--radius-sm);
  transition: opacity var(--transition-fast);
}

.j326d[aria-expanded="true"] .bce4b::after {
  opacity: 0;
}

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

.o9a4a27.ede94215 {
  max-height: 500px;
  padding: 0 var(--spacing-lg) var(--spacing-lg);
}

.o9a4a27 p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

.b811 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.c3d49 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.ha75615 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0 0 var(--spacing-xl) 0;
}

.j6a0139d {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .n401 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .h9d6ae {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .bf2e0562 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n401 {
    padding: var(--spacing-4xl) 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
    align-items: center;
  }

  .edfd8 {
    margin: 0;
  }

  .bf63c {
    order: 2;
  }

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

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

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

.ac264 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.ac264 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

@media (min-width: 768px) {
  .ca73 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .ca73 {
    padding: 5rem var(--spacing-xl);
  }
}

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

.h5420c {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.i83e {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  width: 100%;
}

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

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

.o8b59 {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  font-size: 28px;
  color: var(--color-primary);
}

.c71e h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.c71e p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.na261bbc {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary);
  text-decoration: none;
  display: inline-block;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid transparent;
  transition: border-color var(--transition-fast);
}

.na261bbc:hover {
  border-bottom-color: var(--color-primary);
}

@media (min-width: 768px) {
  .a04 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .i83e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .a04 {
    padding: 5rem var(--spacing-xl);
  }

  .i83e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

.i0a2 {
  background-color: var(--color-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.k61ee21 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.k61ee21 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-normal);
}

.b0539c5 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .i0a2 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .k61ee21 p {
    margin-bottom: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .i0a2 {
    padding: 5rem var(--spacing-xl);
  }

  .b0539c5:active {
    transform: scale(0.98);
  }
}

@media (min-width: 1280px) {
  .i83e {
    grid-template-columns: repeat(4, 1fr);
  }
}

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

.o154 main {
  width: 100%;
  overflow: hidden;
}

.o154 .b4a8d {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.o154 .b9d {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.o154 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.o154 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.o154 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.o154 .he49239b {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-md);
  border-bottom: 1px solid var(--color-border-light);
}

.o154 section {
  margin-bottom: var(--spacing-2xl);
}

.o154 ul {
  list-style-position: inside;
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-lg);
}

.o154 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.o154 strong {
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
}

.o154 .d5ad53 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.o154 .d5ad53 h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.o154 .d5ad53 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

.o154 .f39 strong {
  display: block;
  color: var(--color-primary);
  margin-bottom: var(--spacing-xs);
}

@media (min-width: 768px) {
  .o154 .b9d {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .o154 h2 {
    margin-top: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .o154 .b9d {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

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

.e36c {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.d3fb234f {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.b4a8d {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.b9d {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

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

.f0f32 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  background-color: var(--color-success-light);
  color: var(--color-success);
  animation: scaleInPulse 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.f0f32 svg {
  width: 80px;
  height: 80px;
  display: block;
}

.e36c h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-top: var(--spacing-md);
}

.defab {
  font-family: var(--font-primary);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary);
  line-height: var(--line-height-normal);
  margin-top: var(--spacing-md);
}

.g72e9 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: var(--font-weight-normal);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-top: var(--spacing-md);
  opacity: 0.9;
}

.a9f4e968 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: var(--font-weight-normal);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-top: var(--spacing-md);
}

.m62 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all var(--transition-base);
  margin-top: var(--spacing-xl);
  white-space: nowrap;
}

.o151f09f {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.o151f09f:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

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

@keyframes scaleInPulse {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .d3fb234f {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

  .f0f32 {
    width: 140px;
    height: 140px;
  }

  .f0f32 svg {
    width: 100px;
    height: 100px;
  }

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

@media (min-width: 768px) {
  .d3fb234f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .f0f32 {
    width: 160px;
    height: 160px;
  }

  .f0f32 svg {
    width: 120px;
    height: 120px;
  }

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

@media (min-width: 1024px) {
  .d3fb234f {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

@media (prefers-reduced-motion: reduce) {
  .f0f32 {
    animation: none;
  }

  .m62 {
    transition: none;
  }

  .o151f09f:hover {
    transform: none;
  }

  .o151f09f:active {
    transform: none;
  }
}

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

.n554 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.j9b5f33 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .j9b5f33 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j9b5f33 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.b4a8d {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.b9d {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

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

@media (min-width: 768px) {
  .jafb22 {
    margin-bottom: var(--spacing-4xl);
  }
}

.d75e {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  line-height: 1;
  margin-bottom: var(--spacing-md);
  position: relative;
  z-index: 2;
  letter-spacing: -2px;
  animation: float-code 3s ease-in-out infinite;
}

@keyframes float-code {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

.n712 {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: var(--spacing-lg);
  height: clamp(150px, 30vw, 250px);
  margin-bottom: var(--spacing-xl);
  position: relative;
}

.b41 {
  position: relative;
  opacity: 0.7;
}

.hd2b {
  width: clamp(40px, 8vw, 80px);
  height: clamp(120px, 25vw, 200px);
  background-color: var(--color-primary-light);
  clip-path: polygon(50% 0%, 100% 38%, 82% 38%, 100% 57%, 80% 57%, 100% 76%, 0% 76%, 20% 57%, 0% 57%, 18% 38%, 0% 38%);
  animation: sway-tree 4s ease-in-out infinite;
}

.fae054 {
  width: clamp(50px, 10vw, 100px);
  height: clamp(140px, 28vw, 220px);
  background-color: var(--color-primary);
  clip-path: polygon(50% 0%, 100% 38%, 82% 38%, 100% 57%, 80% 57%, 100% 76%, 0% 76%, 20% 57%, 0% 57%, 18% 38%, 0% 38%);
  animation: sway-tree 5s ease-in-out infinite reverse;
}

.j0aae610 {
  width: clamp(40px, 8vw, 80px);
  height: clamp(120px, 25vw, 200px);
  background-color: var(--color-primary-light);
  clip-path: polygon(50% 0%, 100% 38%, 82% 38%, 100% 57%, 80% 57%, 100% 76%, 0% 76%, 20% 57%, 0% 57%, 18% 38%, 0% 38%);
  animation: sway-tree 4.5s ease-in-out infinite;
}

@keyframes sway-tree {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(2deg);
  }
}

.fe38fc {
  text-align: center;
}

.fe38fc h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.ff1f204 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-2xl);
  font-weight: var(--font-weight-normal);
}

.cb3 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-2xl);
  text-align: left;
}

@media (min-width: 768px) {
  .cb3 {
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-3xl);
  }
}

.p941e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-semibold);
  margin-bottom: var(--spacing-md);
}

.e328e810 {
  list-style: none;
  padding-left: 0;
}

.e328e810 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  padding: var(--spacing-xs) 0;
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: var(--line-height-normal);
}

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

.m62 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: var(--font-weight-semibold);
  border: none;
  border-radius: var(--radius-lg);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  letter-spacing: 0.5px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.m62::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  transition: left var(--transition-base);
  z-index: 0;
}

.m62 span,
.m62 {
  position: relative;
  z-index: 1;
}

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

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

.o151f09f:hover::before {
  left: 100%;
}

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

@media (min-width: 768px) {
  .m62 {
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

@media (max-width: 480px) {
  .d75e {
    margin-bottom: var(--spacing-sm);
  }

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

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

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

  .cb3 {
    margin-bottom: var(--spacing-xl);
    padding: var(--spacing-md);
  }
}

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

.j05 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.l0b733 {
  text-align: center;
}

.o7a431 {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.ed503715 {
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .j05 {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .j05 {
    padding: var(--spacing-4xl) 0;
  }
}

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

.g02 {
  width: 100%;
}

.bd92fb4 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

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

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

@media (min-width: 768px) {
  .d8c618 {
    flex: 1 1 45%;
    min-width: 300px;
  }

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

@media (min-width: 1024px) {
  .l5b8d {
    padding: var(--spacing-4xl) 0;
  }
}

.l674bc {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-tight);
}

.n0ba {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.o7033c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.c33 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  display: block;
}

.b4b70c7,
.a26e5058 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.b4b70c7::placeholder,
.a26e5058::placeholder {
  color: var(--color-text-muted);
}

.b4b70c7:focus,
.a26e5058:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.a26e5058 {
  min-height: 140px;
  resize: vertical;
}

.n12 {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

.hd5f1 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

.hd5f1:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.b9f1 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-tight);
}

.i001 {
  display: flex;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
  border-bottom: 1px solid var(--color-border-light);
}

.i001:last-of-type {
  border-bottom: none;
  margin-bottom: var(--spacing-2xl);
  padding-bottom: 0;
}

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

.ha0 {
  flex: 1;
}

.e514 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-tight);
}

.jec3da {
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-normal);
  font-weight: var(--font-weight-medium);
}

.k859 {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.m82 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.b2466e4a {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.n63f5 {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
}

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

.c90ae {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.g91 {
  text-align: center;
}

.j800 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.l46b {
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.ide {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

@media (min-width: 768px) {
  .c90ae {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .c90ae {
    padding: var(--spacing-4xl) 0;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.p2f,.h5890{width:34px;}
.p2f[aria-expanded="true"]{display:none;}
.lba.mec512{z-index:999;}
.lba{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.lba{max-width:100%;}}
.hf8{justify-content:flex-end;}

@media (max-width:768px){.i9f1c{min-height:500px;}}
@media (max-width:768px){.k1fc8dc4{min-height:500px;}}