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

:root {
  --color-bg-primary: #0b1120;
  --color-bg-secondary: #111b33;
  --color-bg-tertiary: #182545;
  --color-bg-card: #111b33;

  --color-text-primary: #e0f2fe;
  --color-text-secondary: #93c5fd;
  --color-text-muted: #60a5fa;

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-light: #3b82f6;
  --color-secondary: #3b82f6;
  --color-secondary-light: #60a5fa;

  --color-success: #10b981;
  --color-success-light: #34d399;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #1e3a5f;
  --color-border-light: #0f2744;

  --font-primary: 'Inter', sans-serif;
  --font-heading: 'Sora', sans-serif;

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

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

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

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

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

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

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

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
}

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

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

h2 {
  font-size: 2.5rem;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 1.875rem;
  letter-spacing: -0.005em;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

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

p {
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

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

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

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

.e589eaf:active {
  transform: scale(0.98);
}

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

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

.e50:active {
  transform: scale(0.98);
}

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

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

.m2e {
  background: transparent;
  color: var(--color-text-secondary);
  padding: var(--spacing-sm) var(--spacing-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hb0cb14 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}

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

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

.b19d {
  background: var(--color-success);
  color: #ffffff;
}

.j2e9b {
  background: var(--color-warning);
  color: #000000;
}

.f2f27 {
  background: var(--color-danger);
  color: #ffffff;
}

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

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

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

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

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .hd83d3e,
  .ce05,
  .adb {
    grid-template-columns: 1fr;
  }

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

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

.h1555f1 {
  display: flex;
}

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

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

.cc54 {
  flex-direction: column;
}

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

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

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

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

.e08 {
  text-align: center;
}

.i09 {
  text-align: right;
}

.n85b8 {
  text-align: left;
}

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

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

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

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

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

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

.h6ed4a {
  font-size: 0.875rem;
}

.a91989e7 {
  font-size: 1.125rem;
}

.a051 {
  font-size: 1.25rem;
}

.b147 {
  font-weight: 400;
}

.d5a6c0 {
  font-weight: 500;
}

.oc2b {
  font-weight: 600;
}

.fa4b0 {
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f3d {
  border-color: var(--color-secondary);
}

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

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

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

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

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

.m01aa {
  opacity: 0.5;
}

.m1aecef {
  opacity: 0.75;
}

.oa3 {
  cursor: pointer;
}

.ab481 {
  cursor: default;
}

.afd68bc7 {
  user-select: none;
}

.ef5237 {
  white-space: nowrap;
}

.h3a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

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

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

.i1a36 {
  background: var(--color-bg-tertiary);
}

.b938 {
  background: var(--color-bg-card);
}

ul,
ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
}

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

code {
  background: var(--color-bg-secondary);
  color: var(--color-secondary-light);
  padding: 2px 6px;
  border-radius: var(--radius-sm);
  font-family: 'Courier New', monospace;
  font-size: 0.9em;
}

pre {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin-bottom: var(--spacing-lg);
}

pre code {
  background: transparent;
  padding: 0;
}

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

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

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media (prefers-color-scheme: dark) {
  body {
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
  }
}
.na17ddd8 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
}

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

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

.m0b3ea:hover {
  opacity: 0.85;
}

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

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

.fe93 {
  display: none;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  flex: 1;
}

.j26c {
  padding: 0.5rem 1rem;
  color: var(--color-text-primary);
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 500;
  transition: color var(--transition-base);
  white-wrap: nowrap;
}

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

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

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

.d69d6 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  background: none;
  border: none;
  padding: 0.5rem;
  cursor: pointer;
  z-index: 101;
  flex-shrink: 0;
}

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

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

.pcf80.k83f85 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.e276 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  z-index: 102;
}

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

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

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

.a1f20 {
  padding: 1rem 0;
  color: var(--color-text-primary);
  text-decoration: none;
  font-size: 1rem;
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: color var(--transition-base);
}

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

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

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

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

  .p67ca {
    display: block;
  }

  .d69d6 {
    display: none;
  }

  .pcf80 {
    display: none;
  }
}

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

  .dbe7c9 {
    width: 44px;
    height: 44px;
  }

  .j26c {
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
  }

  .p67ca {
    padding: 0.875rem 2rem;
    font-size: 1rem;
  }
}

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

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

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

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

.pcd8 {
  background: var(--color-bg-primary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
}

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

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

.pa14 {
  font-size: clamp(2.25rem, 7vw + 1rem, 4rem);
  color: var(--color-text-primary);
  line-height: 1.1;
  font-weight: 700;
  font-family: var(--font-heading);
  margin: 0;
}

.mfd {
  color: var(--color-accent);
}

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

.d0f3c {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  line-height: 1.5;
}

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

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

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

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

.n57e8:hover {
  color: var(--color-text-primary);
  border-color: var(--color-text-secondary);
}

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

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

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

.kf8,
.j5bd1 {
  font-size: clamp(3rem, 8vw, 5rem);
  color: var(--color-accent);
  line-height: 0.8;
  font-weight: 700;
}

.j5bd1 {
  align-self: flex-end;
  transform: scaleX(-1);
}

.b02f {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 0;
  font-style: italic;
  padding: 0 clamp(1rem, 3vw, 2rem);
}

.k6a {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding-left: clamp(1rem, 3vw, 2rem);
}

.ec2366 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  transition: all var(--transition-base);
  padding-left: clamp(1rem, 3vw, 2rem);
}

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

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

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

.nf0d7af {
  text-align: center;
}

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

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

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

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

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

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

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

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

.a7fc186 {
  text-align: center;
}

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

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

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

.mff::before {
  content: '';
  position: absolute;
  left: clamp(0.75rem, 2vw, 1.25rem);
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-border-light);
}

.f0135 {
  display: flex;
  gap: clamp(1.5rem, 3vw, 2rem);
  position: relative;
}

.k794 {
  width: clamp(1.5rem, 2.5vw, 2rem);
  height: clamp(1.5rem, 2.5vw, 2rem);
  background: var(--color-bg-primary);
  border: 2px solid var(--color-accent);
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: clamp(0.25rem, 0.5vw, 0.5rem);
  position: relative;
  z-index: 1;
}

.m60eb5f .k794 {
  border-color: var(--color-border-light);
  background: var(--color-bg-tertiary);
}

.n540ce {
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  flex: 1;
}

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

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

.m60eb5f .dc7,
.m60eb5f .d406c5 {
  color: var(--color-text-muted);
}

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

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

@media (min-width: 768px) {
  .l53405 {
    flex-direction: row;
    align-items: flex-start;
  }
}

.kc94 {
  flex: 1 1 55%;
  display: flex;
  flex-direction: column;
}

.f1c1 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all var(--transition-base);
}

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

.ff7ba {
  width: 100%;
  height: auto;
  max-height: 280px;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

.oc3d17 {
  margin: 0;
}

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

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

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

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

.p224e3c {
  text-align: center;
}

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

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

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

.af541978 {
  flex: 1 1 280px;
  max-width: 360px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

.lf3ce {
  font-size: clamp(2.5rem, 6vw, 4rem);
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
  margin: 0;
  font-family: var(--font-heading);
}

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

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

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

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

.ob2c52 {
  text-align: center;
}

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

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

.n6b {
  flex: 1 1 280px;
  max-width: 340px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

.e015b {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-accent);
}

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

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

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

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

.a8ef2a26 {
  text-align: center;
}

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

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

.j7c4e88b {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.25rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-full);
  transition: all var(--transition-base);
}

.j7c4e88b:hover {
  background: var(--color-bg-tertiary);
  transform: translateY(-2px);
}

.j7c4e88b i {
  color: var(--color-accent);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

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

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

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

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

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

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

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

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

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

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

.dcc {
  text-align: center;
}

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

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

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

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

.h8ce3 {
  font-size: clamp(1.0625rem, 1.75vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

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

.g3113638.ac9b89 {
  display: none;
}

.a3ec74 {
  color: var(--color-text-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.5;
  max-width: 600px;
}

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

.g3cb29,
.j9b6c {
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: all var(--transition-base);
}

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

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

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

.j9b6c:hover {
  color: var(--color-text-primary);
  border-color: var(--color-text-secondary);
}

@media (min-width: 768px) {
  .pcd8 {
    padding: clamp(5rem, 12vw, 9rem) 0;
  }

  .keb0a {
    padding: clamp(5rem, 10vw, 7.5rem) 0;
  }

  .o47 {
    padding: clamp(5rem, 10vw, 7.5rem) 0;
  }

  .h78 {
    padding: clamp(5rem, 10vw, 7.5rem) 0;
  }

  .df04062 {
    padding: clamp(5rem, 10vw, 7.5rem) 0;
  }

  .h4c1863 {
    padding: clamp(5rem, 10vw, 7.5rem) 0;
  }

  .b52 {
    padding: clamp(5rem, 10vw, 7.5rem) 0;
  }

  .ed89ab4 {
    padding: clamp(4rem, 8vw, 6rem) 0;
  }

  .dd7ae {
    padding: clamp(5rem, 10vw, 7.5rem) 0;
  }

  .m9c35 {
    padding: clamp(5rem, 10vw, 7.5rem) 0;
  }

  .g3113638 {
    gap: clamp(1.5rem, 3vw, 2rem);
    padding: clamp(1.25rem, 2.5vw, 1.75rem);
  }
}

@media (min-width: 1024px) {
  .pcd8 {
    padding: clamp(6rem, 14vw, 10rem) 0;
  }
}

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

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

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

.e6ac,
.l313f,
.e54e,
.mf7fd8 {
  display: block;
}

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

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

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

.pced8 a,
.mcc7f75b a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  transition: color var(--transition-base);
}

.pced8 a:hover,
.mcc7f75b a:hover {
  color: var(--color-accent);
}

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

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

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

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

.l3c8a0 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw + 0.5rem, 0.875rem);
  margin: 0;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .pced8 a,
  .mcc7f75b a {
    white-space: nowrap;
  }
}

@media (min-width: 1024px) {
  .d49 {
    grid-template-columns: repeat(4, 1fr);
  }

  .nf413 {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

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

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

* {
  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: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.6;
}

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

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

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

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

.d1e1b {
  background: var(--color-bg-primary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.m9d11f {
  text-align: center;
}

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

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

.j53 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: clamp(2rem, 5vw, 4rem);
  flex-wrap: wrap;
}

.cc0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

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

.abb030 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.oe49b9 {
  background: var(--color-bg-secondary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
}

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

.a5c4 {
  text-align: center;
}

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

.cc0874a5 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  max-width: 600px;
  margin: 0 auto;
}

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

.i43843 {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  flex: 1 1 clamp(280px, 45vw, 380px);
  min-height: 100%;
}

.f9e {
  flex: 1 1 clamp(280px, 50vw, 420px);
}

.i43843:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.15);
}

.ff7d58 {
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

.i43843:hover .ff7d58 img {
  transform: scale(1.05);
}

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

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

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

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

.nbefd,
.mb6c,
.a390 {
  color: var(--color-text-muted);
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}

.g10 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

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

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

.ea92 {
  background: var(--color-bg-tertiary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
}

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

.n73590b {
  text-align: center;
}

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

.edf {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  max-width: 600px;
  margin: 0 auto;
}

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

.d18ca {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: 10px;
  flex: 1 1 clamp(280px, 30vw, 360px);
  transition: all 0.3s ease;
}

.d18ca:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.1);
}

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

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

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

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

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

.b0e {
  text-align: center;
}

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

.j7848 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  max-width: 600px;
  margin: 0 auto;
}

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

.b55 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  border-radius: 0 8px 8px 0;
  flex: 1 1 clamp(260px, 22vw, 320px);
  transition: all 0.3s ease;
}

.b55:hover {
  background: var(--color-bg-tertiary);
  transform: translateX(4px);
}

.l12b {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  font-weight: 700;
  opacity: 0.3;
}

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

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

@media (max-width: 767px) {
  .j53 {
    gap: 1.5rem;
  }

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

  .i43843,
  .f9e {
    flex: 1 1 100%;
  }

  .d18ca {
    flex: 1 1 100%;
  }

  .b55 {
    flex: 1 1 100%;
  }

  .m842f1 {
    gap: 1.5rem;
  }

  .ac9df7 {
    gap: 1.5rem;
  }

  .b74 {
    gap: 1.5rem;
  }
}

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

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

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

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

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

  .b55 {
    flex: 1 1 calc(25% - 1.125rem);
  }
}

* {
  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, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.he754e {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(11, 17, 32, 0.92) 0%, rgba(11, 17, 32, 0.85) 100%);
  z-index: 2;
}

.g1ad7c .p3a9cbe9 {
  position: relative;
  z-index: 3;
}

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

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

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

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

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

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

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

.m15a9553 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
}

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

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

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

.k5d {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
}

.id997f {
  flex-shrink: 0;
}

.g8c42a11 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  border: 2px solid var(--color-border);
}

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

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

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

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

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

.p448 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

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

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

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

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

.f28c {
  flex: 1 1 65%;
  min-width: 0;
}

.i52db16d {
  flex: 1 1 35%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  position: sticky;
  top: 2rem;
}

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

  .f28c {
    flex: 1 1 100%;
  }

  .i52db16d {
    flex: 1 1 100%;
    position: static;
  }
}

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

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

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

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

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

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

.g361 strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

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

.j84c strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

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

  .g361,
  .o1865 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.f0bb30 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.b933c865 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
  margin-top: 0.5rem;
  align-self: flex-start;
}

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

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

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

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

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

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

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

.a78 {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  margin-top: clamp(2.5rem, 5vw, 3.5rem);
}

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

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

.n8ebd strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.n66c1174 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

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

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

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

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

  .eb3b45c1 {
    flex-wrap: wrap;
  }

  .l786 {
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  }

  .n2f90a {
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

a {
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

.d8e8b4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(11, 17, 32, 0.85) 0%, rgba(17, 27, 51, 0.8) 100%);
  z-index: 1;
}

.i71 .p3a9cbe9 {
  position: relative;
  z-index: 2;
}

.l836 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 2rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

.l836 > span:last-child {
  color: var(--color-text-primary);
}

.hb7c0b {
  max-width: 700px;
}

.oe03bab {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
}

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

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

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

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

.n04c3 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.75rem;
}

.pe2c {
  flex: 0 0 auto;
}

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

.k1960b {
  flex: 1 1 auto;
}

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

.ne5743 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

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

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

.j5b39e22 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

  .e374e,
  .j75 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.c6cd763 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

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

.fee84cf9 {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-size: 1.5rem;
  font-weight: 700;
  font-family: var(--font-heading);
}

.k2ae3 {
  flex: 1 1 auto;
}

.n46c3f {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

.k07 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  padding: 1.5rem;
  background: rgba(37, 99, 235, 0.1);
  border-left: 4px solid var(--color-accent);
  border-radius: 0.5rem;
}

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

  .e545d,
  .m5dfe {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.mbc0b45f {
  background: var(--color-bg-tertiary);
  padding: 1.5rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(37, 99, 235, 0.2);
  transition: all 0.3s ease;
}

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

.o2d484 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.hc60 {
  font-size: 1.5rem;
  color: var(--color-accent);
  flex: 0 0 auto;
}

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

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

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

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

  .m3e61a3,
  .k08e0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.lac {
  text-align: center;
}

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

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

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

.db2dc3 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid rgba(37, 99, 235, 0.2);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

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

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

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

.db2dc3:hover .h3fa {
  transform: scale(1.05);
}

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

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

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

.n9b {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

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

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

.me2aa80 {
  flex: 1 1 auto;
}

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

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

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

  .c85e3 {
    font-size: 1.25rem;
  }
}

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

  .ff2 {
    margin-bottom: 1rem;
  }

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

* {
  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: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

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

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

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

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

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

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

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

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

.mee6b2fe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(11, 17, 32, 0.85) 0%, rgba(17, 27, 51, 0.75) 50%, rgba(24, 37, 69, 0.8) 100%);
  z-index: 1;
}

.ke4e6e {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: clamp(3rem, 8vw, 6rem) 0;
}

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

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

.l77ffb23 a {
  color: var(--color-secondary);
  transition: color 0.3s ease;
}

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

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

.l44be {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.c29 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.1875rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  max-width: 95%;
}

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

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

.j9a {
  color: var(--color-text-muted);
  opacity: 0.6;
}

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

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

.lef115 {
  flex-shrink: 0;
}

.lc7 {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  object-fit: cover;
  display: block;
}

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

.he0c67 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  margin: 0;
}

.he0c67 a {
  color: var(--color-text-primary);
  transition: color 0.3s ease;
}

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

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

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

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

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

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

.j2a {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  margin: 0;
}

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

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

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

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

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

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

.hce4ec1b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.jdb4bcca {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  margin: 0;
}

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

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

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

.ka404f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  text-align: center;
  margin: 0;
}

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

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

.o74 {
  flex: 0 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

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

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

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

.o74:hover .ede {
  transform: scale(1.05);
}

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

.e52 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  margin: 0;
}

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

.ma23bcb8 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-secondary);
  font-weight: 500;
  transition: all 0.3s ease;
  margin-top: auto;
}

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

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

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

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

.hec60b70 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  margin: 0;
}

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

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

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

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

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

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

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

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

.e958f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  margin: 0;
}

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

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

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

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

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

.pf3c47f::before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-secondary);
  font-weight: bold;
}

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

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

.hd506 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  margin: 0;
}

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

.k207 {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}

.b6e {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: #ffffff;
  font-weight: 600;
  margin: 0;
}

.c814b {
  display: inline-block;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: #ffffff;
  font-weight: 600;
  padding: 0.75rem 2rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.c814b:hover {
  background: rgba(255, 255, 255, 0.3);
  text-decoration: none;
  transform: translateY(-2px);
}

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

.g3350e {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  border-left: 4px solid var(--color-warning-light, #fbbf24);
}

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

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

@media (max-width: 768px) {
  .ke4e6e {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

  .d32e9,
  .c9c48,
  .j0faddc,
  .nda60c4a,
  .hf298aa9 {
    flex-direction: column;
  }

  .o98,
  .n15,
  .ia31,
  .ha7e73,
  .pfac6f55,
  .a02b,
  .m50ae3b,
  .hed5fe3,
  .h6db04a,
  .h675ee {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .af2 {
    gap: 0.5rem;
  }

  .o74 {
    flex: 0 1 calc(50% - 0.75rem);
  }

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

  .c29 {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .l44be {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  }

  .l77ffb23 {
    font-size: 0.8125rem;
  }

  .o74 {
    flex: 0 1 100%;
  }

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

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

  .pf3c47f {
    padding-left: 1.25rem;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

.h41ea2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(11, 17, 32, 0.95) 0%, rgba(11, 17, 32, 0.85) 100%);
  z-index: 2;
}

.h9e9 .p3a9cbe9 {
  position: relative;
  z-index: 3;
}

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

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

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

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

.c41493 {
  max-width: 720px;
}

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

.f52f96 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
}

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

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

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

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

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

.ced {
  flex: 1;
}

.l127c1 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

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

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

.c255bf48 {
  font-size: 0.875rem;
  color: var(--color-text-muted);
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.e49dc10 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-family: var(--font-heading);
  font-weight: bold;
  color: var(--color-accent);
  line-height: 1;
}

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

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

.cdc3d90 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  font-style: italic;
  margin-top: auto;
}

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

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

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

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

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

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

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

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

.b6bd1 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-family: var(--font-heading);
  font-weight: bold;
  color: var(--color-accent);
  min-width: 60px;
  text-align: center;
}

.l8ae1dda {
  flex: 1;
}

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

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

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

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

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

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

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

.bdc0 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 340px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n92e3f32 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-family: var(--font-heading);
  color: var(--color-accent);
  margin-bottom: 1rem;
}

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

.eab46c6 {
  font-size: clamp(0.875rem, 1.5vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

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

.f13c8fe {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto;
}

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

.a0d8ad8 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 240px;
  max-width: 300px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b6c09 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  text-decoration: none;
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  font-weight: 500;
  transition: all var(--transition-base);
  cursor: pointer;
}

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

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

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

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

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

@media (max-width: 768px) {
  .i300d4a5,
  .n65c6,
  .k18e3fcc,
  .a53a {
    flex-direction: column;
  }

  .n071,
  .ce3e4,
  .gc10e97d,
  .f81dec,
  .n80,
  .d2d9,
  .pfc6a,
  .j1dc78 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .ab08 {
    margin: 0 auto;
  }

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

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

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

  .h9e9 {
    min-height: 400px;
  }
}

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

  .a0d8ad8 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 200px;
    max-width: none;
  }

  .bdc0 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 200px;
    max-width: none;
  }
}

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

html, body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  line-height: 1.6;
}

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

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

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

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

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

.mdcdb047 {
  font-size: clamp(2rem, 6vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

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

.iac637 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  margin-top: 2rem;
  display: block;
  object-fit: cover;
}

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

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

.md96 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.i05b0c {
  text-align: center;
}

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

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

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

.i2d7b {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border-top: 3px solid var(--color-accent);
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.i2d7b:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.15);
}

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

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

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

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

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

.k7c04 {
  text-align: center;
}

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

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

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

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

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

.pad2e43 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: 70px;
  text-align: center;
}

.g68ea {
  flex: 1;
}

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

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

.jb7 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  margin-top: 3rem;
  display: block;
  object-fit: cover;
}

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

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

.de8e {
  text-align: center;
}

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

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

.cc1f2 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  margin-top: 2rem;
  text-align: center;
}

.c65aff {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.8;
}

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

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

.a5ef94c1 {
  text-align: center;
}

.j149da8 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

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

.f0fc9a {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
  text-align: center;
}

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

  .l685 {
    flex-direction: column;
  }

  .pad2e43 {
    min-width: auto;
  }
}

@media (max-width: 480px) {
  .i2d7b {
    flex: 1 1 100%;
    min-width: 100%;
  }
}

.od4273 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Inter', sans-serif;
}

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

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

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

.g4ca {
  flex: 1 1 45%;
  min-height: 350px;
}

.j490 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

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

.e3b0 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  font-family: 'Sora', sans-serif;
}

.j30ed8c {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  line-height: 1.6;
}

.aa31 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1rem;
}

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

.ff82a6 i {
  color: var(--color-accent);
  width: 18px;
}

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

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

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

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

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

.f83435c9 {
  text-align: center;
}

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

.if12ae {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  font-family: 'Sora', sans-serif;
}

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

.l04 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  line-height: 1.7;
}

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

.oc7 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 220px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid rgba(37, 99, 235, 0.1);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.oc7:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.15);
}

.dc56 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  font-family: 'Sora', sans-serif;
}

.gd11 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  font-weight: 600;
  font-family: 'Sora', sans-serif;
}

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

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

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

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

.e12a38 {
  text-align: center;
}

.m807ee {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  line-height: 1.6;
  max-width: 700px;
  margin: 1rem auto 0;
}

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

.h2c6127 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid rgba(37, 99, 235, 0.1);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease;
}

.h2c6127:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.15);
}

.k6253fa5 {
  width: 48px;
  height: 48px;
  background: rgba(37, 99, 235, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.5rem;
}

.g8fb {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 600;
  font-family: 'Sora', sans-serif;
}

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

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

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

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

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

.c831805 {
  text-align: center;
}

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

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

.l5d54 {
  color: var(--color-text-primary);
  font-size: clamp(1.3rem, 3vw, 1.75rem);
  font-weight: 600;
  font-family: 'Sora', sans-serif;
}

.g6c9bc p {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  line-height: 1.7;
}

.ebde {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.5rem;
}

.f2cd1 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.1vw, 1rem);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  line-height: 1.5;
}

.f2cd1 i {
  color: var(--color-accent);
  width: 20px;
  flex-shrink: 0;
}

.ddb7ff54 {
  flex: 1 1 50%;
}

.e031e {
  background: rgba(37, 99, 235, 0.08);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  margin: 0;
}

.p33dc254 {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  line-height: 1.7;
  font-style: italic;
  margin: 0 0 1rem 0;
  font-weight: 500;
}

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

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

  .g6c9bc {
    flex: 1 1 100%;
  }

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

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

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

.f97aa {
  text-align: center;
}

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

.b0a {
  flex: 1 1 calc(50% - 1rem);
  min-width: 240px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid rgba(37, 99, 235, 0.1);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
  transition: all 0.3s ease;
}

.b0a:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.15);
}

.l95 {
  width: 48px;
  height: 48px;
  background: rgba(37, 99, 235, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.5rem;
}

.m9690 {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 600;
  font-family: 'Sora', sans-serif;
  line-height: 1.4;
}

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

.c1232 {
  text-align: center;
  margin-top: 1rem;
}

.j97 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

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

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

.n63f002 {
  text-align: center;
}

.i369 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  font-family: 'Sora', sans-serif;
  margin-bottom: 1rem;
}

.eec {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  line-height: 1.6;
  max-width: 600px;
}

.bfd07 {
  background: var(--color-bg-card);
  border: 1px solid rgba(37, 99, 235, 0.1);
  border-radius: 12px;
  padding: clamp(2rem, 4vw, 3rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  align-items: center;
  text-align: center;
  max-width: 500px;
  width: 100%;
}

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

.h3a06ac {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 600;
  font-family: 'Sora', sans-serif;
}

.eb4d {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  line-height: 1.6;
}

.pec598bc {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.85rem, 1.5vw, 1rem) clamp(2rem, 3vw, 2.5rem);
  border-radius: 8px;
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

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

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

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

.b81 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.h6c44 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 700px;
}

@media (min-width: 768px) {
  .ec6c24a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ec6c24a {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.oa1631 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.g53 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.m659 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.m92d0e {
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-full);
  display: inline-block;
  width: fit-content;
  margin-bottom: var(--spacing-sm);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

@media (min-width: 768px) {
  .i507f {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .oa1631 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .i507f {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

.p4b {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

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

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

.bad1 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-sm) var(--spacing-2xl);
  border-radius: var(--radius-md);
  display: inline-block;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .afbb {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .afbb {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.a9bb {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-4xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.l10 {
  max-width: 600px;
  margin: 0 auto;
}

.a9bb h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.a9bb p {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .a9bb {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a9bb {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.p0cfc945 {
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.pb1f {
  border-bottom: 1px solid var(--color-border-light);
  margin-bottom: var(--spacing-md);
}

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

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

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

.a65c {
  flex: 1;
}

.jf7 {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--color-primary);
  transition: transform var(--transition-base);
}

.jf7::before {
  content: '+';
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
}

.d191e22[aria-expanded="true"] .jf7 {
  transform: rotate(45deg);
}

.ke56 {
  padding: 0 0 var(--spacing-lg) 0;
  animation: slideDown var(--transition-base) ease-out;
  overflow: hidden;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ke56 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

@media (min-width: 768px) {
  .p0cfc945 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .e625c53e {
    max-width: 750px;
  }
}

@media (min-width: 1024px) {
  .p0cfc945 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

.ja4 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  display: grid;
  gap: var(--spacing-2xl);
  align-items: center;
}

.kc29f9c8 {
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
}

.kc29f9c8 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.kc29f9c8 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.k744d {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
}

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

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

.j4d538 {
  width: 100%;
  height: auto;
  max-width: 400px;
  display: block;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  aspect-ratio: 4 / 3;
}

@media (min-width: 768px) {
  .ja4 {
    padding: var(--spacing-4xl) var(--spacing-lg);
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

  .kc29f9c8 {
    text-align: left;
  }

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

@media (min-width: 1024px) {
  .ja4 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .j4d538 {
    max-width: 100%;
  }
}

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

.o7f0 .p3a9cbe9 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.o7f0 .m2ee {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

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

.o7f0 .d8eb8af6 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.o7f0 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

.o7f0 .pf5 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-top: var(--spacing-3xl);
}

.o7f0 .pf5 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.o7f0 .pf5 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

@media (min-width: 768px) {
  .o7f0 .m2ee {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .o7f0 .m2ee {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

.ndb847f2 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eeb4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.p3a9cbe9 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.c1d7 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.he3c99 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-lg);
  padding: var(--spacing-2xl) var(--spacing-md);
}

.cb6 {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  animation: scaleInBounce 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.d0e2 {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke-width: 1.5;
}

.j30d20 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.02em;
  margin-bottom: var(--spacing-sm);
}

.c53b1 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  line-height: 1.5;
}

.l9b0f {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.jc375 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
  animation: slideInLeft 0.5s ease-out 0.2s both;
}

.pf3 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 500;
  line-height: 1.7;
  margin: 0;
}

.p207c671 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  text-decoration: none;
  font-family: var(--font-primary);
  font-weight: 600;
  transition: all var(--transition-base);
  border-radius: var(--radius-lg);
  white-space: nowrap;
}

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

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

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

.p0e898 {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  min-height: 48px;
}

@keyframes scaleInBounce {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (min-width: 640px) {
  .eeb4 {
    padding: var(--spacing-2xl) 0;
  }

  .he3c99 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    gap: var(--spacing-xl);
  }

  .cb6 {
    width: 140px;
    height: 140px;
    margin-bottom: var(--spacing-lg);
  }

  .j30d20 {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    margin-bottom: var(--spacing-md);
  }

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

@media (min-width: 768px) {
  .eeb4 {
    padding: var(--spacing-3xl) 0;
    min-height: 80vh;
  }

  .he3c99 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    gap: var(--spacing-xl);
  }

  .cb6 {
    width: 160px;
    height: 160px;
    margin-bottom: var(--spacing-lg);
  }

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

  .c53b1 {
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    margin-bottom: var(--spacing-lg);
  }

  .l9b0f {
    font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
    margin-bottom: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .eeb4 {
    padding: var(--spacing-4xl) 0;
    min-height: 85vh;
  }

  .he3c99 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
    gap: var(--spacing-2xl);
  }

  .cb6 {
    width: 180px;
    height: 180px;
  }

  .p0e898 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: 1.1rem;
    min-height: 52px;
  }
}

@media (max-width: 639px) {
  .cb6 {
    margin-bottom: var(--spacing-sm);
  }

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

  .p0e898 {
    width: 100%;
  }
}

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

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

.a21 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.p3a9cbe9 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--spacing-md);
}

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

.e41b1616 {
  margin-bottom: var(--spacing-3xl);
  animation: float-gentle 3s ease-in-out infinite;
}

.o96b9b {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}

.p4904b2d {
  font-size: clamp(5rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: block;
  line-height: 1;
  letter-spacing: -0.02em;
  margin-bottom: var(--spacing-md);
}

.ib96 {
  width: clamp(100px, 25vw, 180px);
  height: clamp(8px, 2vw, 12px);
  background-color: var(--color-accent);
  border-radius: var(--radius-full);
  margin: var(--spacing-md) auto 0;
  opacity: 0.6;
  animation: pulse-width 2s ease-in-out infinite;
}

.h57b7 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
}

.h2cb10a {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.8;
  font-weight: 500;
}

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

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

.k823e {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  font-weight: 500;
}

.p207c671 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  cursor: pointer;
  border: none;
  letter-spacing: 0.3px;
}

.e589eaf {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

.fcc925 {
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
}

.b7450 {
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  font-weight: 400;
}

@keyframes float-gentle {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes pulse-width {
  0%, 100% {
    width: clamp(100px, 25vw, 180px);
    opacity: 0.6;
  }
  50% {
    width: clamp(120px, 28vw, 200px);
    opacity: 0.8;
  }
}

@media (min-width: 640px) {
  .a21 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

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

  .p207c671 {
    padding: var(--spacing-md) var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .a21 {
    padding: var(--spacing-2xl) var(--spacing-2xl);
  }

  .p3a9cbe9 {
    padding: 0;
  }

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

  .o96b9b {
    transition: var(--transition-base);
  }

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

  .p207c671:hover {
    transform: translateY(-3px);
  }

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

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

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

@media (min-width: 1440px) {
  .a21 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

.d5f562 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 2rem;
  overflow: hidden;
}

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

.k63406 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  letter-spacing: -0.02em;
}

.dd57 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin: 0;
}

@media (min-width: 768px) {
  .d5f562 {
    padding: 5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .d5f562 {
    padding: 6rem 2rem;
  }
}

.e6ad2 {
  background-color: var(--color-bg-primary);
  padding: 3rem 2rem;
  overflow: hidden;
}

.mc261 {
  width: 100%;
}

.b2b5 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

.f9074 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 1.5rem 0;
  letter-spacing: -0.01em;
}

.c0ab1c {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 1.5rem 0;
  letter-spacing: -0.01em;
}

.g1a14 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.be6 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.p47c1b {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 500;
  color: var(--color-text-primary);
  display: block;
}

.c172b46,
.k0417e26 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
}

.c172b46::placeholder,
.k0417e26::placeholder {
  color: var(--color-text-muted);
}

.c172b46:focus,
.k0417e26:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-light), 0.1);
}

.k0417e26 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.kb1 {
  margin-top: 0.5rem;
}

.c819 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.5;
  margin: 0;
}

.e93e4ec {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
}

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

.b76 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.5px;
}

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

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

.lbf3 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.id076 {
  display: flex;
  gap: 1.5rem;
  padding: 1.5rem;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

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

.ob264d5 {
  flex: 1;
  min-width: 0;
}

.k4af7 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
}

.gb430e14 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin: 0.25rem 0;
  font-weight: 500;
  word-break: break-word;
}

.d8893 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  margin: 0.25rem 0 0 0;
}

.cf473d {
  padding: 2rem;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

.hd313f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 1.25rem 0;
  line-height: 1.6;
}

.i0af {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  padding: 0.75rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
}

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

@media (min-width: 768px) {
  .e6ad2 {
    padding: 4rem 2rem;
  }

  .b2b5 {
    gap: 4rem;
  }

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

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

@media (min-width: 1024px) {
  .e6ad2 {
    padding: 5rem 2rem;
  }

  .b2b5 {
    gap: 5rem;
  }
}
.d69d6,.eefc{
  width: 34px;
}

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

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.pcf80{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .pcf80{
    max-width: 100%;
  }
}

.pcf80.k83f85{
  z-index: 999;
}

.b32{
  padding-top: 50px;
}

.d69d6[aria-expanded="true"]{
  display: none;
}