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

:root {
  --color-bg-primary: #0f172a;
  --color-bg-secondary: #1e293b;
  --color-bg-tertiary: #334155;
  --color-bg-card: #1e293b;

  --color-text-primary: #f0fdf4;
  --color-text-secondary: #86efac;
  --color-text-muted: #4ade80;

  --color-primary: #22c55e;
  --color-primary-hover: #16a34a;
  --color-primary-light: #4ade80;
  --color-secondary: #4ade80;
  --color-secondary-light: #86efac;

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

  --color-border: #334155;
  --color-border-light: #475569;

  --font-primary: 'Open Sans', sans-serif;
  --font-heading: 'Libre Baskerville', 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.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

h2 {
  font-size: 2.75rem;
  letter-spacing: -0.015em;
}

h3 {
  font-size: 2rem;
  letter-spacing: -0.01em;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

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

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

button {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-fast);
}

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

.n126681f {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-fast);
  cursor: pointer;
  border: 2px solid transparent;
}

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

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

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

.ca183 {
  background: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
}

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

.h5068cb {
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  border-color: var(--color-border);
}

.h5068cb:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-primary);
}

.f78f2 {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 0.875rem;
}

.a7b {
  padding: var(--spacing-lg) var(--spacing-xl);
  font-size: 1.125rem;
}

.o8912d8 {
  width: 100%;
}

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

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

.ma0429c8 {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacing-lg);
}

label {
  color: var(--color-text-secondary);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  font-size: 0.95rem;
}

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

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.1);
  background: var(--color-bg-secondary);
}

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

textarea {
  resize: vertical;
  min-height: 120px;
}

.f29659 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

.g37 {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid;
  margin-bottom: var(--spacing-lg);
}

.d36 {
  background: rgba(16, 185, 129, 0.1);
  border-color: var(--color-success);
  color: #a7f3d0;
}

.e7e80a {
  background: rgba(245, 158, 11, 0.1);
  border-color: var(--color-warning);
  color: #fcd34d;
}

.p69b {
  background: rgba(239, 68, 68, 0.1);
  border-color: var(--color-danger);
  color: #fca5a5;
}

.g7c51c69 {
  background: rgba(34, 197, 94, 0.1);
  border-color: var(--color-primary);
  color: var(--color-secondary-light);
}

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

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

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

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

.ic013 {
  text-align: center;
}

.ee19 {
  text-align: left;
}

.p55b0 {
  text-align: right;
}

.nb8 {
  font-weight: 700;
}

.e5f96 {
  font-weight: 600;
}

.ba4 {
  font-weight: 500;
}

.fa2f5c {
  font-weight: 400;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mc40 {
  padding-top: var(--spacing-2xl);
}

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

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

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

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

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

.f1be6 {
  padding-bottom: var(--spacing-2xl);
}

.daa9cf {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}

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

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

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

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

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

.b2d3 {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}

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

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

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

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

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

.k60 {
  display: flex;
}

.b7df16 {
  flex-direction: column;
}

.ce8 {
  flex-direction: row;
}

.m15 {
  align-items: center;
}

.pf5ce36e {
  align-items: flex-start;
}

.ba7c9d4b {
  align-items: flex-end;
}

.ed3 {
  justify-content: center;
}

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

.gc2 {
  justify-content: flex-start;
}

.gd3123 {
  justify-content: flex-end;
}

.e52 {
  gap: var(--spacing-xs);
}

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

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

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

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

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

.d9eb {
  display: grid;
}

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

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

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

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

.n89f3 {
  width: 100%;
}

.f09e5\/2 {
  width: 50%;
}

.f09e5\/3 {
  width: 33.333%;
}

.f09e5\/4 {
  width: 25%;
}

.bf3f6 {
  height: 100%;
}

.j9fd {
  display: none;
}

.p7b3 {
  visibility: visible;
}

.n7477 {
  opacity: 0.5;
}

.ge97b51 {
  opacity: 0.75;
}

.k541 {
  opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cd6ba4f\:opacity-80:hover {
  opacity: 0.8;
}

.cd6ba4f\:scale-105:hover {
  transform: scale(1.05);
}

.a484 {
  transition: all var(--transition-fast);
}

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

.oe0ecd {
  transition: all var(--transition-slow);
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

@media (max-width: 768px) {
  body {
    font-size: 15px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

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

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.1rem;
  }

  .n126681f {
    width: 100%;
  }

  .e18bc {
    padding: var(--spacing-lg);
  }
}
.h5d609d {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  z-index: 1000;
  width: 100%;
}

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

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

.p56c2e:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

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

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

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

.i71:hover {
  opacity: 0.7;
}

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

.e5372 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  overflow-y: auto;
}

.e5372.l11d9d6 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.o95 {
  color: var(--color-text-primary);
  text-decoration: none;
  padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1rem, 3vw, 2rem);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base), color var(--transition-base);
}

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

.oe0f4ef {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 1rem clamp(1rem, 3vw, 2rem);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  text-align: center;
  margin: 1rem clamp(1rem, 3vw, 2rem) clamp(1rem, 3vw, 2rem) clamp(1rem, 3vw, 2rem);
  border-radius: 0.5rem;
  transition: all var(--transition-base);
}

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

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

  .n0752 {
    display: block;
  }

  .i71 {
    display: none;
  }

  .e5372 {
    display: none;
  }

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

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

  .nee2a {
    font-size: 1rem;
  }

  .n0752 {
    font-size: 1rem;
    padding: 0.75rem 2rem;
  }
}

@media (max-width: 767px) {
  .ma1275fb {
    padding: clamp(0.75rem, 1.5vw, 1rem) clamp(0.875rem, 2vw, 1.5rem);
  }

  .o97 {
    width: 36px;
    height: 36px;
  }
}

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

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

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

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

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

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

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

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

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

.b4edd {
  padding: 0.875rem 2rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

.m5e89e3 {
  padding: 0.875rem 2rem;
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

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

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

@media (max-width: 767px) {
  .p89a {
    flex-direction: column;
  }
  
  .i61bf978,
  .j363d0 {
    flex: 1 1 100%;
  }
  
  .n7a {
    max-height: 350px;
  }
}

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

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

.j15eb {
  text-align: center;
}

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

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

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

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

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

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

.p22ca {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-danger);
  transition: all 0.3s ease;
}

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

.p22ca.n4d0 {
  border-left-color: var(--color-success);
}

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

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

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

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

@media (max-width: 767px) {
  .d646f {
    flex-direction: column;
  }
  
  .me43f5 {
    flex: 1 1 100%;
  }
}

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

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

.n86435 {
  text-align: center;
}

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

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

.g945fc6 {
  position: relative;
  padding: clamp(2rem, 4vw, 3rem) 0;
}

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

.o50c4627 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  position: relative;
  z-index: 1;
}

.na1b {
  display: flex;
  width: 100%;
}

.i7a {
  justify-content: flex-end;
  padding-right: clamp(1rem, 5vw, 3rem);
}

.hf0 {
  justify-content: flex-start;
  padding-left: clamp(1rem, 5vw, 3rem);
}

.h823 {
  width: 45%;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  position: relative;
}

.i7a .h823::after,
.hf0 .h823::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: var(--color-accent);
  border: 3px solid var(--color-bg-primary);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.i7a .h823::after {
  right: clamp(-1.5rem, -3vw - 0.5rem, -2.5rem);
}

.hf0 .h823::after {
  left: clamp(-1.5rem, -3vw - 0.5rem, -2.5rem);
}

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

.b7b81 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (max-width: 767px) {
  .a97f8 {
    left: 0;
  }
  
  .na1b {
    justify-content: flex-start !important;
    padding-left: clamp(1.5rem, 4vw, 2rem) !important;
    padding-right: 0 !important;
  }
  
  .h823 {
    width: 100%;
  }
  
  .i7a .h823::after,
  .hf0 .h823::after {
    left: clamp(-1.5rem, -4vw - 0.5rem, -2rem) !important;
    right: auto !important;
  }
}

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

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

.c0db6 {
  text-align: center;
}

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

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

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

.nad61e {
  flex: 1 1 280px;
  max-width: 380px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
  cursor: pointer;
}

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

.g409db24 {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

.f2224 {
  color: var(--color-accent);
  font-size: 0.875rem;
  transition: all 0.3s ease;
}

.nad61e:hover .f2224 {
  transform: translateX(4px);
}

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

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

.a116 {
  text-align: center;
}

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

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

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

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

.o9b5b4f {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-sm);
}

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

.hf7482 {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

.o9b5b4f:hover .k7f2 {
  transform: scale(1.05);
}

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

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

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

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

.g4b9c {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
}

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

.af382 {
  text-align: center;
  padding-top: 1rem;
}

.m4b65ccc {
  padding: 0.875rem 2rem;
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

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

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

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

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

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

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

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

.mee9 {
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 1rem;
}

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

.b7efcfe {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  padding: 0.75rem 0;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  transition: all 0.3s ease;
  user-select: none;
}

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

.b7efcfe i {
  font-size: 0.875rem;
  color: var(--color-accent);
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.mee9[open] .b7efcfe i {
  transform: rotate(180deg);
}

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

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

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

.a8d3 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.dd4b285 {
  margin-top: 0.5rem;
}

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

.m66d1.j9fd {
  display: none;
}

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

.o5f {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}

.j7008ab,
.o8e13d {
  padding: 0.625rem 1.25rem;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

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

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

@media (max-width: 767px) {
  .m66d1 {
    flex-direction: column;
    padding: 1rem;
  }
  
  .cebd9a11 {
    order: 1;
    width: 100%;
  }
  
  .o5f {
    order: 2;
    width: 100%;
  }
  
  .j7008ab,
  .o8e13d {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

@media (max-width: 767px) {
  .p22ca {
    flex-direction: column;
  }
  
  .i7881d1a {
    flex-direction: column;
  }
  
  .nad61e {
    flex: 1 1 100%;
    max-width: none;
  }
  
  .lea2675c {
    flex-direction: column;
  }
  
  .o9b5b4f {
    flex: 1 1 100%;
    max-width: none;
  }
  
  .l70f {
    flex-direction: column;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .nad61e {
    flex: 1 1 calc(50% - 0.75rem);
  }
  
  .o9b5b4f {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (min-width: 1024px) {
  .p22ca:hover {
    background: var(--color-bg-tertiary);
  }
  
  .o9b5b4f:hover {
    background: var(--color-bg-tertiary);
  }
}

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

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

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

.i60ade {
  max-width: 550px;
}

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

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

.i90cc4,
.k3c0 {
  display: block;
}

.i90cc4 h4,
.k3c0 h4,
.i11e5dd1 h4 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 700;
}

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

.p3c li,
.l89 li {
  display: inline;
}

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

.i90cc4 a:hover,
.k3c0 a:hover {
  color: var(--color-accent);
}

.i11e5dd1 {
  display: block;
}

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

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

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

.jb3 p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.lc8 {
  font-size: clamp(0.8125rem, 0.95vw, 0.9375rem);
  color: var(--color-text-muted);
  font-style: italic;
}

@media (min-width: 768px) {
  .pa2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.5rem, 5vw, 4rem);
    align-items: start;
  }

  .i60ade {
    grid-column: 1 / 2;
  }

  .i90cc4 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }

  .k3c0 {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }

  .i11e5dd1 {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }

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

@media (min-width: 1024px) {
  .pa2 {
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(2rem, 4vw, 3rem);
  }

  .i60ade {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }

  .i90cc4 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }

  .i11e5dd1 {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
  }

  .k3c0 {
    grid-column: 4 / 5;
    grid-row: 1 / 2;
  }

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

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

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

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

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

.mc62 {
  font-size: clamp(2rem, 6vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e766d4 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  font-weight: 400;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.f74c {
  width: 100%;
}

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

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

.kcb5 {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: var(--radius-md);
}

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

.ga6d9b58 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h77c {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  align-items: center;
  padding-top: 0.5rem;
}

.c5c5d {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
}

.c5c5d i {
  color: var(--color-accent);
  width: 16px;
}

.h79aa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw + 0.5rem, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  transition: all var(--transition-base) ease;
  cursor: pointer;
  border: none;
  width: fit-content;
}

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

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

.f02 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2.5vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base) ease;
  flex: 1 1 clamp(280px, 100%, 350px);
  min-height: 100%;
}

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

.i23a30d1 {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: var(--radius-sm);
}

.n5572ce2 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p34c7a {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.6rem, 1.5vw, 1rem);
  align-items: center;
  padding-top: 0.25rem;
}

.o78fd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.65rem, 0.8vw + 0.5rem, 0.85rem) clamp(1.25rem, 2.5vw, 1.75rem);
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-sm);
  font-weight: 600;
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base) ease;
  cursor: pointer;
  border: none;
  width: fit-content;
}

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

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

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

  .g4d3 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .f02 {
    flex: 1 1 clamp(300px, 30%, 380px);
  }
}

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

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

  .kcb5 {
    flex: 1 1 50%;
    aspect-ratio: auto;
    height: 100%;
    min-height: 400px;
  }

  .e54a {
    flex: 1 1 50%;
  }

  .g4d3 {
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .f02 {
    flex: 1 1 calc(33.333% - 1.67rem);
  }
}

@media (min-width: 1440px) {
  .mc62 {
    font-size: 3.5rem;
  }

  .e766d4 {
    font-size: 1.25rem;
  }

  .ga6d9b58 {
    font-size: 2.25rem;
  }

  .n5572ce2 {
    font-size: 1.5rem;
  }
}

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

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

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

.b9c97c6 {
  position: relative;
  padding: clamp(4rem, 10vw, 8rem) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
}

.mb3c1c {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(30, 41, 59, 0.75) 100%);
  z-index: 2;
}

.ha2ff47a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.b9c97c6 .cd5659 {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

.eae13652 {
  font-size: clamp(0.9375rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
}

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

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

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

.lb54 {
  background-color: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  border-bottom: 1px solid var(--color-border);
}

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

.me72813 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--color-accent);
  flex-shrink: 0;
}

.k7bce9 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
}

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

.j0ac6 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-base);
}

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

.gd2 {
  font-size: clamp(0.875rem, 1.1vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

.b1f20a0 {
  flex: 1 1 45%;
}

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

.he6b i {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j26b {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

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

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

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

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

.f69:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a714e9a {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 260px;
  background-color: var(--color-bg-primary);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  transition: var(--transition-base);
  border: 1px solid var(--color-border);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .me72813 {
    width: 64px;
    height: 64px;
  }

  .i7f {
    flex-direction: column;
  }

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

  .b1f20a0 {
    flex: 1 1 100%;
  }

  .lf4d2b,
  .g7d85a2f,
  .k738e7,
  .fd3033c,
  .g9eb67 {
    flex-direction: column;
  }

  .g18083,
  .c6b,
  .jae43a0f,
  .hb8013,
  .pf2,
  .i7e4b638,
  .k1c5197,
  .ofe43,
  .p0e3,
  .k3eca {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .hb8013 {
    order: 0;
  }

  .ofe43 {
    order: 0;
  }

  .k3eca {
    order: 0;
  }

  .e43fd {
    flex-direction: column;
  }

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

  .d88d61 {
    flex-direction: column;
  }

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

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

  .af364b {
    margin-top: 0;
  }
}

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

  .a714e9a {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
    min-width: 220px;
  }
}

@media (min-width: 1024px) {
  .b9c97c6 {
    min-height: 550px;
  }
}

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

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

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

.b39f {
  position: relative;
  background: var(--color-bg-primary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  min-height: 600px;
  display: flex;
  align-items: center;
}

.n7fa6f5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.n479e7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.7) 100%);
  z-index: 2;
}

.b39f .cd5659 {
  position: relative;
  z-index: 3;
}

.da34f7 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 1rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

.da34f7 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base, 0.3s ease);
}

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

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

.da34f7 span:last-child {
  color: var(--color-text-primary);
  font-weight: 500;
}

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

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

.ib556 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.6;
  margin: 0;
  max-width: 600px;
}

.k168f6 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  margin-top: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

.ed2a i {
  color: var(--color-accent);
  font-size: 1.1em;
}

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

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

.l9ef32b {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-md, 8px);
  object-fit: cover;
  flex-shrink: 0;
}

.p36ac9 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

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

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

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

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

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

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

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

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

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

.l464dad6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.7;
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.f8aba {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
  text-align: center;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg, 12px);
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  border: 1px solid var(--color-bg-tertiary);
}

.f8aba i {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

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

.nd5 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 12px);
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

.b6a1ba {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  line-height: 1.7;
}

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

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

.j6d7f465 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-weight: 700;
  font-size: 1.1rem;
}

.e223 {
  flex: 1;
}

.e223 strong {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  display: block;
  margin-bottom: 0.5rem;
}

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

.ac606 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: clamp(2rem, 4vw, 2.5rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: rgba(34, 197, 94, 0.1);
  border-radius: var(--radius-md, 8px);
  border-left: 4px solid var(--color-accent);
  align-items: flex-start;
}

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

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

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

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

  .mefa,
  .nd5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.i0e img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 12px);
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

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

.i8f1e6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  margin: 0 0 clamp(1.5rem, 2vw, 2rem) 0;
  line-height: 1.7;
}

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

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

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

  .i0e,
  .ec9c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.fc76a {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  text-align: center;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.m509380b {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg, 12px);
  border: 1px solid var(--color-bg-tertiary);
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.m509380b:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(34, 197, 94, 0.1);
}

.i0df6 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(34, 197, 94, 0.15);
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

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

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

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

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

.ad8d {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  text-align: center;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.a55916:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(34, 197, 94, 0.15);
}

.pbda0 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.k7daa3ef {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 1.5vw, 1.2rem);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

.g60065d3 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 12px);
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

.f2d001 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  margin: 0 0 clamp(1.5rem, 2vw, 2rem) 0;
  line-height: 1.7;
}

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

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

.f3bbe4f {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 50%;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: 0.85rem;
  font-weight: 700;
  margin-top: 0.25rem;
}

.ce96 {
  flex: 1;
}

.ce96 strong {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  display: block;
  margin-bottom: 0.25rem;
}

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

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

  .h260,
  .g60065d3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.c886c3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  margin: 0;
  line-height: 1.8;
  text-align: center;
}

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

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

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

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

.l2e1d1 {
  flex: 1;
}

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

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

@media (max-width: 768px) {
  .b39f {
    min-height: 400px;
  }

  .f8aba {
    flex: 1 1 100%;
  }

  .da34f7 {
    font-size: 0.8125rem;
  }
}

@media (max-width: 480px) {
  .ac606,
  .c71ecfb3 {
    flex-direction: column;
    gap: 1rem;
  }

  .ac606 i,
  .c71ecfb3 i {
    margin-top: 0;
  }
}

* {
  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 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.l76 {
  display: block;
  width: 100%;
}

.bc02476d {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(2rem, 5vw, 3rem) 0;
}

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

.b6961e4f {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(30, 41, 59, 0.75) 100%);
  z-index: 1;
}

.a6a354 {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 800px;
  width: 100%;
}

.a90a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(0.5rem, 1vw, 1rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.a90a a {
  color: var(--color-text-secondary);
  transition: all var(--transition-base);
}

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

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

.a90a span:last-child {
  color: var(--color-text-primary);
  font-weight: 600;
}

.jf14c {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

.me6 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

.ib3 i {
  font-size: 0.9rem;
  color: var(--color-accent);
}

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

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

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

.dbf906fe {
  flex: 1;
}

.l130292f {
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  font-weight: 700;
  margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m163 .m45f10 {
  color: var(--color-text-primary);
}

.k962 .m45f10 {
  color: var(--color-text-primary);
}

.i56 .m45f10 {
  color: var(--color-text-primary);
}

.o829 .m45f10 {
  color: var(--color-text-primary);
}

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

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

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

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

.m163 .c62fa {
  background: var(--color-bg-secondary);
}

.i1e {
  display: block;
  font-size: clamp(0.8125rem, 0.95vw, 0.875rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.5rem;
}

.f2f307 {
  display: block;
  font-family: 'Courier New', monospace;
  font-size: clamp(0.9375rem, 1.1vw, 1.125rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.05em;
}

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

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

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

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

.o27e772 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
}

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

.d61 {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

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

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

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

.feac {
  display: inline-flex;
  align-items: center;
  font-size: clamp(0.8125rem, 0.95vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  transition: all var(--transition-base);
  width: fit-content;
}

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

.feac:after {
  content: ' →';
  margin-left: 0.5rem;
}

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

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

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

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

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

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

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

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

.i2d808 {
  flex: 1;
}

.g7694 {
  display: block;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

  .m36f83 {
    flex-direction: column;
  }

  .o27e772 {
    flex: 1 1 100%;
  }

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

  .me62 i {
    margin-top: 0;
  }
}

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

  .jf14c {
    font-size: clamp(1.375rem, 4vw, 2rem);
  }

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

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

  .c62fa {
    margin: 1rem 0;
  }
}

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

.fadf59 {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pf81e4a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(30, 41, 59, 0.75) 100%);
  z-index: 2;
}

.db3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.fadf59 .cd5659 {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
}

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

.a770 a {
  color: var(--color-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color var(--transition-fast);
}

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

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

.f6b5 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

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

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

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

.h91 i {
  color: var(--color-primary);
}

.c037 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ccdad88 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.6;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.o9d {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  line-height: 1.5;
  margin: 0;
  max-width: 400px;
}

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

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

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

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

.e1a {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.lcaf1dd {
  flex: 1 1 40%;
}

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

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

.b7cbba0 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .o0b {
    flex: 1 1 100%;
  }

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

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

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

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

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

.ce5ca8 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.m6ed {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.a630a3b {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-primary);
}

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

.d0d6dedc {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.c7602083 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  padding-left: 1.5rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

.fad20b {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.h17ce {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g646f9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.m1dc5c6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i6915080 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color var(--transition-fast);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  width: fit-content;
}

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

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

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

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

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

.i5c95 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.dca5 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.b05 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ja9:first-child {
  border-bottom: 2px solid var(--color-border);
  padding-bottom: 1rem;
  margin-bottom: 0.5rem;
}

.o83d {
  flex: 1 1 50%;
  color: var(--color-text-primary);
  font-weight: 700;
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
}

.jf7d {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.l31 {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  display: block;
}

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

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

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

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

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

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

  .ja9 {
    flex-direction: column;
  }

  .o83d,
  .jf7d {
    flex: 1 1 100%;
  }
}

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

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

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

.maf830 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pd39 {
  display: flex;
  justify-content: center;
  padding-top: 1rem;
}

.i9994 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  transition: all var(--transition-fast);
}

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

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

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

.o77 {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-warning);
}

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

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

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

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

  .o77 {
    font-size: 1.5rem;
  }
}

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

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

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

html, body {
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fef2b h3 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

.jbd8a08a {
  flex: 1 1 clamp(250px, 45%, 350px);
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

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

.o57d p {
  font-size: clamp(0.875rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.o5c {
  flex: 1 1 clamp(280px, 45%, 500px);
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c06a59 {
  font-size: 1.5rem;
  color: var(--color-accent);
  flex-shrink: 0;
}

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

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

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

  .o57d {
    flex: 1 1 100%;
  }

  .o5c {
    flex: 1 1 100%;
  }

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

@media (min-width: 769px) and (max-width: 1024px) {
  .jbd8a08a {
    flex: 1 1 calc(50% - 1.25rem);
  }
}

@media (min-width: 1025px) {
  .jbd8a08a {
    flex: 1 1 calc(33.333% - 1.67rem);
  }
}

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

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

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

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

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

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

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

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

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

.m84 {
  width: 100%;
  max-width: 600px;
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

.o7ac {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  font-weight: 700;
}

.j63 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

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

.if720 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

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

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

.b962 p {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.7;
}

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

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

.g34a9 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.nb3d {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

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

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

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

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

.m4337aa {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: clamp(3rem, 8vw, 4rem);
  text-align: center;
  flex-shrink: 0;
}

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

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

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

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

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

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

.j22b3 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

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

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

.m1c1 {
  flex: 1 1 clamp(280px, 30vw, 350px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: var(--transition-base);
  min-height: auto;
}

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

.p26262d {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  width: clamp(3rem, 6vw, 4rem);
  height: clamp(3rem, 6vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(34, 197, 94, 0.1);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

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

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

.dab258 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

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

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

.i227 {
  flex: 1 1 clamp(260px, 28vw, 320px);
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: var(--transition-base);
  min-height: auto;
}

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

.hc31ef {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
}

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

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

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

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

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

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

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

.i5fe99 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition-base);
  cursor: pointer;
  text-decoration: none;
  border: none;
}

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

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

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

.pca7:hover {
  background: rgba(34, 197, 94, 0.1);
  border-color: var(--color-accent-hover);
  color: var(--color-accent-hover);
}

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

  .m84 {
    flex: 1 1 45%;
    max-width: none;
  }

  .ec9 {
    flex: 1 1 45%;
    text-align: left;
  }

  .e8b3 {
    text-align: left;
  }

  .a9a {
    text-align: left;
  }

  .j9e84 {
    text-align: left;
  }

  .m5b {
    justify-content: center;
  }
}

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

  .ida {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .o6dc6c06 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .cdf9 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .df3 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .b9884 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

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

  .fbd78 {
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .fca82 {
    gap: clamp(2rem, 3vw, 2.5rem);
  }
}

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

.gf3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
}

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

.f71c3 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.gc31b2a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .gf3 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .gf3 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.ef1 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

.l37d0 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.d922 {
  width: 100%;
  background-color: var(--color-bg-card);
  border: none;
  padding: var(--spacing-md);
  text-align: left;
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  transition: background-color var(--transition-base), color var(--transition-base);
}

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

.p92 {
  flex: 1;
  line-height: 1.4;
}

.bcc54 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--color-primary);
  transition: transform var(--transition-base);
  font-weight: 700;
}

.bcc54::before {
  content: '+';
  font-size: 1.5rem;
  line-height: 1;
}

.d922[aria-expanded="true"] .bcc54 {
  transform: rotate(45deg);
}

.bf6 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out forwards;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

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

@media (min-width: 768px) {
  .ef1 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .ef1 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.fd51708b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
}

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

.f9a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.k742bf9d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.c67232 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .fd51708b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .fd51708b {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

@media (max-width: 480px) {
  .d922 {
    padding: var(--spacing-md) var(--spacing-sm);
  }

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

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

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

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

.d95e h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.d95e p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  margin: 0;
  line-height: 1.6;
}

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

.f5a8685d {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

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

.n529bf9 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-lg);
  font-size: 28px;
  color: var(--color-primary);
}

.e64e4e3e h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.6rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.e64e4e3e p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
}

.n5f {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
}

.n5f span {
  display: inline-block;
  background-color: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-light);
}

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

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

.ha97 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.ha97 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

.d4d1 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  display: inline-block;
}

.d4d1:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

.d4d1:active {
  transform: translateY(1px);
}

@media (min-width: 768px) {
  .d95e {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .j81c6c7 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .f5a8685d {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .ha97 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .d95e {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .f5a8685d {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }

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

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

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

@media (min-width: 1440px) {
  .f5a8685d {
    max-width: 1280px;
  }

  .fb1 {
    max-width: 1000px;
  }

  .da41de44 {
    max-width: 800px;
  }
}

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

.p814d6 .cd5659 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.p814d6 .j4f42e {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.p814d6 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
}

.p814d6 .cf31e {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.p814d6 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.p814d6 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

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

.p814d6 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.p814d6 em {
  font-style: italic;
  color: var(--color-text-secondary);
}

.p814d6 .hceacc {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.p814d6 .hceacc h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.p814d6 .hceacc p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.p814d6 .c39d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.p814d6 .c39d strong {
  color: var(--color-primary);
  display: block;
  margin-top: var(--spacing-sm);
}

.p814d6 section {
  overflow: hidden;
}

@media (min-width: 768px) {
  .p814d6 .j4f42e {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .p814d6 h2 {
    margin-top: var(--spacing-3xl);
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p814d6 .cd5659 {
    padding: 0 var(--spacing-lg);
  }

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

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

.pb790 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.a55c4f {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

@media (min-width: 768px) {
  .a55c4f {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a55c4f {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.cd5659 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--spacing-md);
}

@media (min-width: 768px) {
  .cd5659 {
    padding: 0 var(--spacing-lg);
  }
}

.d4a {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

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

.mbc478 {
  width: 80px;
  height: 80px;
  margin: 0 auto var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-full);
  animation: scaleIn 0.6s ease-out;
}

.mbc478 i {
  font-size: 3rem;
  color: var(--color-success);
}

@media (min-width: 768px) {
  .mbc478 {
    width: 100px;
    height: 100px;
  }

  .mbc478 i {
    font-size: 3.5rem;
  }
}

.a230 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
  margin-bottom: var(--spacing-sm);
}

.n98f0 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

.od95 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.f4bc {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-2xl);
  width: 100%;
  max-width: 600px;
}

@media (min-width: 768px) {
  .f4bc {
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--spacing-lg);
  }
}

.db5 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  transition: all var(--transition-base);
}

.db5:hover {
  background-color: var(--color-bg-secondary);
  border-color: var(--color-border);
  box-shadow: var(--shadow-sm);
}

.f28964 {
  font-size: 2rem;
  line-height: 1;
}

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

.n126681f {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  min-width: 200px;
}

.a7f502 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.a7f502:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (max-width: 640px) {
  .d7a38b56 {
    gap: var(--spacing-md);
  }

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

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

  .n126681f {
    width: 100%;
    min-width: unset;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

.g3d796e4 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.b85f6 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.cd5659 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.gaa03 {
  text-align: center;
  padding: var(--spacing-2xl) var(--spacing-md);
}

.bd6b {
  margin-bottom: var(--spacing-2xl);
  position: relative;
}

.i83b024 {
  font-size: clamp(3.5rem, 15vw, 8rem);
  font-weight: 900;
  letter-spacing: -0.05em;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: var(--spacing-lg);
  font-family: var(--font-heading);
  animation: float-code 3s ease-in-out infinite;
}

@keyframes float-code {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

.p00bd6 {
  width: 120px;
  height: 120px;
  margin: 0 auto var(--spacing-xl);
  color: var(--color-primary);
  opacity: 0.8;
  animation: pulse-icon 2s ease-in-out infinite;
}

@keyframes pulse-icon {
  0%, 100% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.05);
    opacity: 1;
  }
}

.p00bd6 svg {
  width: 100%;
  height: 100%;
  stroke-width: 2;
}

.d0cf41 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.k3028 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.m7a {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  line-height: 1.7;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.ped1 {
  margin-bottom: var(--spacing-3xl);
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}

.n126681f {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  min-width: 200px;
}

.a7f502 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

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

.pf62 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-xl);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  margin-top: var(--spacing-2xl);
}

.gdaf {
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

.ad5 {
  list-style: none;
  text-align: left;
}

.ad5 li {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: 1.6;
}

.ad5 li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: bold;
  font-size: 1.1em;
}

.ad5 li:last-child {
  margin-bottom: 0;
}

@media (min-width: 640px) {
  .b85f6 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .gaa03 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .p00bd6 {
    width: 140px;
    height: 140px;
  }

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

@media (min-width: 768px) {
  .b85f6 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .gaa03 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

  .n126681f {
    min-width: 220px;
  }

  .p00bd6 {
    width: 160px;
    height: 160px;
  }
}

@media (min-width: 1024px) {
  .b85f6 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .gaa03 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }

  .p00bd6 {
    width: 180px;
    height: 180px;
  }

  .pf62 {
    padding: var(--spacing-2xl) var(--spacing-3xl);
  }

  .ad5 li {
    padding-left: var(--spacing-xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .i83b024,
  .p00bd6 {
    animation: none;
  }
}

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

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

.k6a4 {
  text-align: center;
}

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

.j49f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.c54a7b5 {
  width: 100%;
}

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

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

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

@media (min-width: 768px) {
  .ke3159a1 {
  }

  .j58 {
    flex: 1 1 50%;
  }

  .c18ec058 {
    flex: 1 1 50%;
  }
}

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

.i35a1 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.d5d72f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.hb4e {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.mc1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.gf99 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.f1c0,
.d3ea3 {
  width: 100%;
  padding: clamp(0.75rem, 1vw, 1rem);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: var(--transition-base);
  box-sizing: border-box;
}

.f1c0::placeholder,
.d3ea3::placeholder {
  color: var(--color-text-muted);
}

.f1c0:focus,
.d3ea3:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.d3ea3 {
  resize: vertical;
  min-height: 140px;
}

.kc089c6 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-sm);
}

.h6afa2 {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--color-primary);
  flex-shrink: 0;
}

.a3e4 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  cursor: pointer;
}

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

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

.eddd1a {
  width: 100%;
  padding: clamp(0.875rem, 1vw, 1.125rem) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition-base);
  margin-top: var(--spacing-sm);
}

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

.eddd1a:active {
  transform: translateY(1px);
}

.eddd1a:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.2);
}

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

.f6b {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.e7d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.hcd0ea9b {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

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

.d5a972 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-primary);
}

.fa7446fc {
  flex: 1;
  min-width: 0;
}

.ha65c08 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: 1.3;
}

.l0aab {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

.a762a7 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
}

.j41c {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.dc0b {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.ne8bd4ed {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-fast);
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
}

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

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

.nd71 {
  text-align: center;
}

.nbb1 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.h9c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.pd0f5c:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--color-accent), 0.2);
}

@media (min-width: 480px) {
  .j58,
  .c18ec058 {
    flex: 1 1 auto;
  }
}

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

  .m7af5 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .d5a {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }
}

@media (max-width: 767px) {
  .ke3159a1 {
    gap: var(--spacing-3xl);
  }

  .j58 {
    order: 1;
  }

  .c18ec058 {
    order: 2;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.i71,.b2f60{width:34px;}
.i71[aria-expanded="true"]{display:none;}
.e5372.l11d9d6{z-index:999;}
.e5372{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.e5372{max-width:100%;}}
.i4f4868c{justify-content:flex-end;}