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

:root {
  --color-bg-primary: #f8fafc;
  --color-bg-secondary: #e2e8f0;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #0f172a;
  --color-text-secondary: #475569;
  --color-text-muted: #58616e;

  --color-primary: #4f46e5;
  --color-primary-hover: #4338ca;
  --color-primary-light: #eef2ff;
  --color-primary-lighter: #f5f3ff;
  
  --color-secondary: #6366f1;
  --color-secondary-light: #e0e7ff;
  --color-secondary-lighter: #f0f4ff;

  --color-success: #10b981;
  --color-success-light: #ecfdf5;
  
  --color-warning: #f59e0b;
  --color-warning-light: #fffbeb;
  
  --color-danger: #ef4444;
  --color-danger-light: #fef2f2;

  --color-border: #cbd5e1;
  --color-border-light: #e2e8f0;

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

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

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

button, .cdc {
  margin: 0;
  padding: 0;
  border: none;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-fast);
  text-decoration: none;
  display: inline-block;
}

.p4765 {
  background: var(--color-primary);
  color: #ffffff;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

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

.ec83c25c {
  background: var(--color-secondary-light);
  color: var(--color-secondary);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-secondary);
}

.ec83c25c:hover {
  background: var(--color-secondary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

.h5f8 {
  background: transparent;
  color: var(--color-primary);
  padding: var(--spacing-sm) var(--spacing-lg);
  border: 1.5px solid var(--color-primary);
  border-radius: var(--radius-lg);
}

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

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

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

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

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

@media (max-width: 768px) {
  .n60 {
    padding: 0 var(--spacing-md);
  }

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }
}

@media (max-width: 480px) {
  .n60 {
    padding: 0 var(--spacing-sm);
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }
}

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

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

.g5b0 {
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.gbdfd2 {
  font-size: 1.5rem;
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0;
}

.c947b {
  font-size: 0.875rem;
  color: var(--color-text-muted);
  margin-top: var(--spacing-xs);
}

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

.o59599 {
  background: var(--color-primary-light);
  color: var(--color-primary);
}

.je9 {
  background: var(--color-secondary-light);
  color: var(--color-secondary);
}

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

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

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

.l3882 {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid;
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
}

.o2000 {
  background: var(--color-primary-light);
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.mfe8f8 {
  background: var(--color-success-light);
  border-color: var(--color-success);
  color: var(--color-success);
}

.j72 {
  background: var(--color-warning-light);
  border-color: var(--color-warning);
  color: var(--color-warning);
}

.j26063 {
  background: var(--color-danger-light);
  border-color: var(--color-danger);
  color: var(--color-danger);
}

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

label {
  font-weight: 600;
  color: var(--color-text-primary);
  font-size: 0.95rem;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
textarea,
select {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: 1rem;
  color: var(--color-text-primary);
  background: var(--color-bg-tertiary);
  transition: all var(--transition-fast);
  box-sizing: border-box;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

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

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

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

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

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

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

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

@media (max-width: 640px) {
  .g962,
  .l47,
  .ab89573d {
    grid-template-columns: 1fr;
  }
}

.l4280e {
  display: flex;
}

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

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

.ebc0390e {
  flex-direction: column;
}

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

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

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

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

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

.n440 {
  text-align: center;
}

.g5ea3dd {
  text-align: right;
}

.jd3827d {
  text-align: left;
}

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

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

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

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

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

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

.a2848 {
  font-weight: 700;
}

.j54 {
  font-weight: 600;
}

.m04f1c0 {
  font-weight: 500;
}

.p289d04 {
  font-size: 0.875rem;
}

.p611 {
  font-size: 1.125rem;
}

.d29a9a4a {
  font-size: 1.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d23 {
  opacity: 0.5;
}

.pd5dc {
  opacity: 0.75;
}

.ce970 {
  display: none;
}

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

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.l8646b {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 1000;
  overflow: visible;
}

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

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

.d8fa:hover {
  opacity: 0.8;
}

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

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

.k1fe2aa {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 2vw, 2.5rem);
  flex: 1;
  justify-content: center;
}

.d780 {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  transition: color var(--transition-base);
  white-space: nowrap;
}

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

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

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

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

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

.j45c903[aria-expanded="true"] .a8d:nth-child(1) {
  transform: rotate(45deg) translate(10px, 10px);
}

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

.j45c903[aria-expanded="true"] .a8d:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.of966 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 300px;
  height: 100vh;
  background: var(--color-bg-secondary);
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 999;
  border-left: 1px solid var(--color-border-light);
}

.of966.jd7 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.gd454bb {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

.eb278add {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  overflow-y: auto;
  padding: 1rem 0;
}

.a334 {
  padding: 1rem clamp(1rem, 3vw, 1.5rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  transition: background var(--transition-base), color var(--transition-base);
  border-left: 3px solid transparent;
}

.a334:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  border-left-color: var(--color-accent);
}

.p31 {
  padding: 1rem clamp(1rem, 3vw, 1.5rem);
  margin: auto clamp(1rem, 3vw, 1.5rem) clamp(1rem, 3vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-align: center;
  transition: background var(--transition-base), transform var(--transition-base);
  display: block;
}

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

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

  .k3410818 {
    display: block;
  }

  .j45c903 {
    display: none;
  }

  .of966 {
    display: none;
  }
}

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

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

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

.ed7b {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background: linear-gradient(135deg, var(--color-accent) 0%, transparent 70%);
  z-index: 1;
  pointer-events: none;
}

.i0a34 .n60 {
  position: relative;
  z-index: 2;
}

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

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

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

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

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

.cd74 {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 550px;
}

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

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

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

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

.o57 {
  background: transparent;
  color: var(--color-accent);
  border-color: var(--color-accent);
}

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

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

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

.c06 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.i0498 {
  text-align: center;
}

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

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

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

@media (min-width: 768px) {
  .n8b7bca {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

.c42cbff {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  border: 1px solid var(--color-border-light);
  flex: 1 1 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.e373 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 800;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

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

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

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

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

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

.l1172815 {
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

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

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

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

.o78ef {
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
}

.na9a .o78ef {
  background: rgba(220, 38, 38, 0.1);
  border-left: 4px solid var(--color-danger);
}

.da3276 .o78ef {
  background: rgba(34, 197, 94, 0.1);
  border-left: 4px solid var(--color-success);
}

.cfc1 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
  display: block;
}

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

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

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

.hec51174 {
  text-align: center;
}

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

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

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

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

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

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

.g43d {
  flex: 1 1 45%;
  width: 100%;
}

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

.m30c53b7 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  position: relative;
  padding-left: clamp(2rem, 4vw, 3rem);
}

.m42b1 {
  position: absolute;
  left: 0;
  top: 0;
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 800;
  color: var(--color-accent);
  opacity: 0.2;
  line-height: 1;
}

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

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

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

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

.d1a927 {
  text-align: center;
}

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

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

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

@media (min-width: 768px) {
  .f9ba80d {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    justify-content: center;
  }
}

.d2704 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  flex: 1 1 320px;
  max-width: 380px;
}

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

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

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

.f420677:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
  transform: translateX(4px);
}

.m818644 {
  text-align: center;
  padding-top: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

.lfac {
  display: flex;
  flex-direction: row;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  white-space: nowrap;
}

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

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

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

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

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

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

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

.ee206745 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-text-primary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-xl);
}

.ee206745.ce970 {
  display: none;
}

.ha8b40 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  flex: 1 1 auto;
  min-width: 250px;
  line-height: 1.4;
}

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

.f60ef13,
.j652c56f {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

.j652c56f {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.j652c56f:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
}

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

  .me24815b {
    flex: 1 1 100%;
  }

  .obe9 {
    flex: 1 1 100%;
  }

  .i9e59,
  .lec {
    flex-direction: column !important;
  }

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

  .l8f340e2 {
    flex-direction: column;
  }

  .l8f340e2 .lb896 {
    width: 100%;
  }

  .g37a0e2d {
    flex-direction: column;
  }

  .g37a0e2d .lb896 {
    width: 100%;
  }

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

  .ha8b40 {
    min-width: 100%;
  }

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

  .f60ef13,
  .j652c56f {
    flex: 1;
    min-width: 120px;
  }
}

@media (max-width: 480px) {
  .n8b7bca {
    flex-direction: column !important;
  }

  .c42cbff {
    flex: 1 1 100%;
  }

  .af6121ef {
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }

  .lfac {
    flex: 1 1 calc(50% - 0.5rem);
    min-width: 140px;
  }
}

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

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

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

.k8dbc3 {
  display: block;
}

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

.k8dbc3 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.7;
  max-width: 520px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e8f9390,
.o396c0 {
  display: block;
}

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

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

.ac6cbb80 li,
.n229d li {
  display: block;
}

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

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

.p075ab {
  display: block;
}

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

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

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

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

.b4e6ce4e p {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.95vw, 0.9375rem);
  line-height: 1.6;
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .k8dbc3 {
    flex: 1 1 100%;
    max-width: 540px;
  }

  .e8f9390 {
    flex: 1 1 140px;
    min-width: 140px;
  }

  .p075ab {
    flex: 1 1 200px;
    min-width: 200px;
  }

  .o396c0 {
    flex: 1 1 140px;
    min-width: 140px;
  }

  .b4e6ce4e {
    flex: 1 1 100%;
    border-top: 1px solid var(--color-border-light);
  }

  .ac6cbb80,
  .n229d {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .nafae2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .k8dbc3 {
    flex: 0 1 auto;
    max-width: 360px;
  }

  .e8f9390 {
    flex: 0 1 auto;
  }

  .p075ab {
    flex: 0 1 auto;
  }

  .o396c0 {
    flex: 0 1 auto;
  }

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

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

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

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

.ia44ff7 {
  text-align: center;
}

.ld4 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 1rem, 4rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.j7af175 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.p02f33 {
  text-align: center;
}

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

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

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

.d59 {
  flex-shrink: 0;
  color: var(--color-accent);
  font-size: 1.5rem;
  display: flex;
  align-items: flex-start;
  padding-top: 0.25rem;
}

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

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

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

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

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

.h625 {
  text-align: center;
}

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

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

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

.bcea {
  flex: 1 1 clamp(280px, 100%, 350px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

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

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

.dbb59d {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
}

.i6d,
.p534f21,
.o7cff {
  display: flex;
  flex-direction: row;
  gap: 0.4rem;
  align-items: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i6d i,
.p534f21 i,
.o7cff i {
  color: var(--color-accent);
  flex-shrink: 0;
}

.m0ba4 {
  display: inline-flex;
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-sm);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 500;
  transition: all var(--transition-base);
  align-self: flex-start;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.a61b0 {
  text-align: center;
}

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

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

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

.c4f {
  flex: 1 1 clamp(260px, 100%, 320px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  text-align: center;
  transition: all var(--transition-base);
}

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

.bd9c5 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
  align-items: center;
}

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

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

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

@media (max-width: 767px) {
  .j27a {
    flex-direction: column;
    gap: 0.75rem;
  }

  .d59 {
    font-size: 1.25rem;
  }

  .bcea {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
}

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

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

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

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

.adecb6 {
  position: relative;
  height: clamp(400px, 60vh, 600px);
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  background: var(--color-bg-primary);
}

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

.jbe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(15, 23, 42, 0.3), rgba(15, 23, 42, 0.7));
  z-index: 2;
}

.bfc {
  position: relative;
  z-index: 3;
  width: 100%;
  padding: clamp(2rem, 5vw, 4rem) 0;
}

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

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

.f54acd a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.f54acd span {
  color: var(--color-text-on-accent);
  opacity: 0.8;
}

.p74 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-on-accent);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

.n9641929 {
  font-size: clamp(0.9375rem, 2vw, 1.25rem);
  color: var(--color-text-on-accent);
  max-width: 65ch;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  opacity: 0.95;
}

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

.kc36118 {
  color: var(--color-text-on-accent);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.kc36118 i {
  opacity: 0.8;
}

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

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

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

.ncb960c {
  flex: 1 1 35%;
  min-width: 0;
}

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

  .mfd8820 {
    flex: 1 1 100%;
  }

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

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

@media (min-width: 1025px) {
  .k6db89d1 {
    position: sticky;
    top: 2rem;
  }
}

.o40084,
.f5898,
.e8f76,
.b37f8,
.pbc61e,
.bd03865 {
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.d665c0f {
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease;
}

.d665c0f:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

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

.maa7890,
.cfed,
.c57ee55,
.g156 {
  flex: 1 1 50%;
  max-width: 50%;
}

.c41c,
.h8f,
.fffa,
.ef23e9 {
  flex: 1 1 50%;
  max-width: 50%;
}

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

@media (max-width: 768px) {
  .g27a7e,
  .k01e,
  .dc381e4,
  .l83d81 {
    flex-direction: column;
  }

  .maa7890,
  .cfed,
  .c57ee55,
  .g156,
  .c41c,
  .h8f,
  .fffa,
  .ef23e9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.ba706,
.md37,
.k7843641,
.g0e7c,
.o4d2f9,
.n9ab4b80 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

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

.d56 {
  background: linear-gradient(135deg, var(--color-accent-dark) 0%, var(--color-accent) 100%);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: clamp(0.25rem, 1vw, 0.5rem);
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

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

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

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

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

.ad105 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1.5rem, 3vw, 2rem);
  margin-top: clamp(2rem, 4vw, 3rem);
}

.i76bea9c {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 2vw, 0.75rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.i76bea9c:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

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

.eef5 {
  flex: 1;
}

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

.p049a {
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 2vw, 0.75rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  text-align: center;
}

.dee6ab0b {
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.j660d {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  border: 3px solid var(--color-accent);
}

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

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

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

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

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

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

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

.fa1 {
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 2vw, 0.75rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

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

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

.o34 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1rem, 2vw, 1.25rem);
  background: var(--color-bg-secondary);
  border-radius: clamp(0.5rem, 1vw, 0.625rem);
  transition: all 0.3s ease;
}

.o34:hover {
  background: var(--color-bg-tertiary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

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

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

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

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

.eb9 {
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 768px) {
  .adecb6 {
    height: clamp(350px, 50vh, 500px);
  }

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

  .n51f {
    flex-direction: column;
    text-align: left;
  }

  .p049a {
    text-align: center;
  }

  .e34d {
    gap: clamp(0.5rem, 1vw, 0.75rem);
  }
}

@media (max-width: 480px) {
  .adecb6 {
    height: clamp(300px, 45vh, 400px);
  }

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

  .d665c0f {
    padding: clamp(1.5rem, 3vw, 2rem);
  }

  .f54acd {
    font-size: 0.8125rem;
    gap: 0.25rem;
  }
}

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

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

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

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

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

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

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

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

.i710 {
  position: relative;
  width: 100%;
  height: 100vh;
  max-height: 600px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  background: var(--color-bg-primary);
}

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

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

.i710 .n60 {
  position: relative;
  z-index: 3;
  padding-bottom: clamp(2rem, 5vw, 4rem);
}

.o7c6 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.o7c6 a {
  color: rgba(255, 255, 255, 0.9);
  transition: var(--transition-base);
}

.o7c6 a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.o7c6 span {
  color: rgba(255, 255, 255, 0.6);
}

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

.p7ae7c {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}

.n384,
.edba9b6,
.he86cd {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.15);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-md);
  backdrop-filter: blur(10px);
}

.od0d {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: #ffffff;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.fa84fc {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.6;
  max-width: 90%;
}

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

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

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

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

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

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

  .oe40 {
    flex: 1 1 100%;
  }

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

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

.i4d4 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.n7f {
  font-size: clamp(1.5rem, 4vw, 2rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.c11,
.ee2d,
.g44,
.c9b46a,
.n7c1a94e {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.p54db1,
.b42,
.i8875898,
.n895a,
.mc7 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

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

.hb555,
.mb31edef,
.nea66 {
  flex: 1 1 50%;
  max-width: 50%;
}

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

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

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

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

.g8a9215,
.gae,
.b2697b7,
.m3a9,
.h3b732b2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

.ab11::before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: 700;
}

.ede43abf {
  background: var(--color-accent-light);
  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;
}

.d8635 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-primary);
  line-height: 1.6;
}

.c1884d64 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1.5rem, 3vw, 2rem);
}

.habb {
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

.m9d4068 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.pc2c3e {
  font-size: clamp(1.5rem, 4vw, 2rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

.d51 {
  background: #fef3c7;
  border: 1px solid #fcd34d;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.hbe0207 {
  font-size: clamp(0.875rem, 1.5vw, 0.9375rem);
  color: #92400e;
  line-height: 1.6;
}

.dcbee {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
  position: sticky;
  top: clamp(1rem, 2vw, 2rem);
}

.hafe0 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

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

.eb8 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: var(--transition-base);
}

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

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

.l23d6 {
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 700;
  padding: clamp(1rem, 2vw, 1.25rem);
  padding-bottom: 0.5rem;
  line-height: 1.4;
}

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

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

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

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

  .o36d49,
  .ec1,
  .gcf057,
  .g20b,
  .hb555,
  .mb31edef,
  .j358d,
  .nea66 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .dcbee {
    position: static;
  }

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

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

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

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

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

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'DM Serif Display', serif;
}

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

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

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

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

.b225a {
  background: var(--color-bg-primary);
  width: 100%;
}

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

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

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

.bdb7ed .n60 {
  position: relative;
  z-index: 3;
}

.l75a190 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-on-accent);
}

.l75a190 a {
  color: var(--color-text-on-accent);
  text-decoration: underline;
  transition: opacity 0.3s ease;
}

.l75a190 a:hover {
  opacity: 0.8;
}

.l75a190 span {
  color: var(--color-text-on-accent);
}

.ib1dd2 {
  max-width: 700px;
}

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

.i5310 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.4rem 0.8rem;
  border-radius: 0.375rem;
  font-weight: 600;
  font-size: 0.8125rem;
}

.nca {
  color: var(--color-text-on-accent);
  opacity: 0.7;
}

.dee,
.i7fe {
  color: var(--color-text-on-accent);
}

.ae1a {
  font-size: clamp(2rem, 6vw, 3.5rem);
  line-height: 1.1;
  margin-bottom: 1rem;
  color: var(--color-text-on-accent);
  font-weight: 700;
}

.mdc871 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-on-accent);
  line-height: 1.6;
  opacity: 0.95;
}

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

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

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

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

.kda1 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
  overflow: hidden;
}

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

.na726d {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  margin-bottom: 0.75rem;
  font-weight: 700;
}

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

.a0ce {
  flex: 1 1 50%;
  min-width: 0;
}

.a0ce p {
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

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

.i6398 {
  flex: 1 1 50%;
  min-width: 0;
  max-width: 50%;
}

.oa16661 {
  width: 100%;
  height: auto;
  border-radius: 0.75rem;
  display: block;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.m52 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
}

.d68fdeef {
  max-width: 100%;
}

.j9ebb3 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  margin-bottom: 1.5rem;
  font-weight: 700;
}

.d68fdeef p {
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

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

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

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

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

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

.f383 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
  position: sticky;
  top: 2rem;
}

.i481e1 {
  margin-bottom: 1.25rem;
}

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

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

.l1594 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

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

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

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

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

.od5ac7 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin-top: 0.5rem;
}

.a3a7 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
  position: sticky;
  top: 22rem;
}

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

.hbd80f8b {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.me4e {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--color-border-light);
}

.me4e:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.mb5c6 {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  display: block;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

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

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

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

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

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

@media (max-width: 1024px) {
  .h509a05 {
    flex-direction: column;
    align-items: stretch;
  }

  .bb4 {
    flex: 1 1 100%;
  }

  .m4f {
    flex: 1 1 100%;
  }

  .f383,
  .a3a7 {
    position: static;
    top: auto;
  }
}

@media (max-width: 768px) {
  .bdb7ed {
    min-height: 350px;
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .l75a190 {
    font-size: 0.8125rem;
    flex-wrap: wrap;
  }

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

  .mdc871 {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  }

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

  .a0ce,
  .i6398 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .bb4 {
    flex: 1 1 100%;
  }

  .m4f {
    flex: 1 1 100%;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .f383,
  .a3a7 {
    position: static;
  }
}

@media (max-width: 480px) {
  .n60 {
    padding: 0 clamp(1rem, 3vw, 1.5rem);
  }

  .bdb7ed {
    min-height: 280px;
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .l75a190 {
    font-size: 0.75rem;
    gap: 0.35rem;
  }

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

  .kda1 {
    padding: clamp(1.5rem, 3vw, 2rem);
  }

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

  .a0ce p {
    font-size: clamp(0.875rem, 1vw, 1rem);
    margin-bottom: 1rem;
  }

  .m52 {
    padding: clamp(1.5rem, 3vw, 2rem);
  }

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

  .i5310 {
    padding: 0.35rem 0.65rem;
    font-size: 0.75rem;
  }
}

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

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

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

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

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

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

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

.dda59180 {
  position: relative;
  height: clamp(400px, 60vh, 600px);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.n308 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.75) 0%, rgba(79, 70, 229, 0.5) 100%);
  z-index: 2;
}

.dda59180 .n60 {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  padding-bottom: clamp(2rem, 5vw, 3rem);
}

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

.e98f5 a,
.e98f5 span {
  color: #ffffff;
}

.e98f5 a:hover {
  color: #e0e0e0;
}

.e98f5 span {
  color: rgba(255, 255, 255, 0.6);
}

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

.b0514 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.h620 {
  display: inline-block;
  background: rgba(79, 70, 229, 0.2);
  color: #ffffff;
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 500;
}

.md55fce {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: #ffffff;
  line-height: 1.2;
}

.kb5cef89 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: rgba(255, 255, 255, 0.9);
  max-width: 700px;
  line-height: 1.6;
}

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

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

.g4b04 {
  flex: 1 1 65%;
}

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

.db76363 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: box-shadow 0.3s ease;
}

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

.l93b331 {
  font-family: var(--font-heading);
  font-size: clamp(1.375rem, 3vw, 2rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

.k6c0 {
  width: 100%;
  margin: clamp(1rem, 2vw, 1.5rem) 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

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

.f8ad {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 3vw, 2rem);
  justify-content: space-around;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  flex-wrap: wrap;
}

.dea {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

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

.i35a {
  background: linear-gradient(135deg, rgba(79, 70, 229, 0.08) 0%, rgba(99, 102, 241, 0.08) 100%);
  border: 1px solid var(--color-border-light);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

.h967 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(1rem, 2vw, 1.25rem);
}

.jfab {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

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

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

.cb0bd {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: var(--radius-md);
  background: var(--color-bg-secondary);
  transition: background 0.3s ease;
}

.cb0bd:hover {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
}

.n0156 {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

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

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

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

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

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

  .g4b04 {
    flex: 1 1 100%;
  }

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

  .f8ad {
    gap: clamp(0.5rem, 2vw, 1rem);
  }
}

@media (max-width: 768px) {
  .dda59180 {
    height: clamp(300px, 50vh, 450px);
  }

  .e98f5 {
    font-size: clamp(0.75rem, 1vw, 0.8125rem);
    gap: 0.3rem;
  }

  .e98f5 span {
    margin: 0 0.25rem;
  }

  .md55fce {
    font-size: clamp(1.5rem, 5vw, 2.25rem);
  }

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

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

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

  .f8ad {
    gap: clamp(0.5rem, 2vw, 1rem);
  }

  .dea {
    min-width: calc(33.333% - 0.67rem);
  }

  .cac55d {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }
}

@media (max-width: 480px) {
  .h620 {
    font-size: 0.75rem;
    padding: 0.3rem 0.6rem;
  }

  .e98f5 {
    gap: 0.25rem;
    margin-bottom: 1rem;
  }

  .n308 {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.8) 0%, rgba(79, 70, 229, 0.6) 100%);
  }

  .f8ad {
    gap: 0.75rem;
  }

  .dea {
    min-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.j4ec {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  text-align: center;
  font-weight: 700;
}

.fc8e4e68 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 700px;
}

.i43331 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 4px 20px rgba(79, 70, 229, 0.12);
}

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

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

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

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

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

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

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

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

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

.k23b860 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
}

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

  .dc2d {
    flex: 1 1 48%;
  }

  .k23b860 {
    flex: 1 1 48%;
    max-height: 400px;
  }
}

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

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

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

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

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

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

.nf2010d {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 250px;
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.nf2010d:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(79, 70, 229, 0.15);
  border-color: var(--color-accent);
}

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

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

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

@media (min-width: 768px) {
  .nf2010d {
    flex: 1 1 calc(33.333% - 1rem);
  }
}

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

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

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

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

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

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

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

.g3b89ce5 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: 70px;
  line-height: 1;
}

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

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

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

.j2cc9 {
  width: 100%;
  max-width: 600px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  margin: 1rem auto 0;
}

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

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

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

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

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

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

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

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

.n16 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
}

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

  .fd41e04d {
    flex: 1 1 48%;
  }

  .n16 {
    flex: 1 1 48%;
    max-height: 400px;
  }
}

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

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

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

.mb60 {
  color: var(--color-accent);
  font-size: 1.5rem;
  min-width: 24px;
  margin-top: 2px;
}

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

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

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

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

@media (min-width: 1024px) {
  .of16035 {
    padding: 6rem 0;
  }

  .dd772 {
    padding: 6rem 0;
  }

  .k166 {
    padding: 6rem 0;
  }

  .i12d7c {
    padding: 6rem 0;
  }

  .hadd10f {
    padding: 6rem 0;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

.n7b {
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 600;
}

.e3e3ea {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.ga07f7 {
  width: 100%;
  max-width: 500px;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

@media (min-width: 768px) {
  .k67329 {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .dd4 {
    flex: 1 1 45%;
    text-align: left;
  }

  .ga07f7 {
    flex: 1 1 45%;
    max-width: none;
  }
}

.cfe {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 8vw, 5rem) 0;
  overflow: hidden;
}

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

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

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

.eb25c5 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 600;
}

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

.j86d1 p {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

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

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

.l51b55 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 600;
}

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

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

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

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

.g4eea {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 6vw, 4rem);
  height: clamp(3rem, 6vw, 4rem);
  background: var(--color-accent-light);
  border-radius: var(--radius-md);
}

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

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

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

.l7a {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 8vw, 5rem) 0;
  overflow: hidden;
}

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

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

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

.nce16606 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

.oe95618 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 600;
}

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

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

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

.od3f {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 0.75rem);
}

.od3f::before {
  content: '';
  width: 8px;
  height: 8px;
  background: var(--color-accent);
  border-radius: 50%;
  flex-shrink: 0;
}

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

.j6b43683 {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 8vw, 5rem) 0;
  overflow: hidden;
}

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

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

.k3f {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 600;
}

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

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

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

.a2a:hover {
  background: var(--color-bg-card);
  box-shadow: var(--shadow-md);
}

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

.ha4e9 {
  margin: 0;
}

.l358a {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  transition: var(--transition-base);
  display: inline;
}

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

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

.dbd28 {
  display: flex;
  justify-content: center;
  padding: clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

.o9c9 {
  background: var(--color-accent);
  padding: clamp(2.5rem, 8vw, 5rem) 0;
  overflow: hidden;
}

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

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

.e5601615 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-on-accent);
  line-height: 1.2;
  font-weight: 600;
}

.a373f {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.7;
}

.c4b {
  background: var(--color-bg-card);
  color: var(--color-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(2rem, 4vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  font-weight: 600;
  transition: var(--transition-base);
  display: inline-block;
}

.c4b:hover {
  background: var(--color-bg-secondary);
  text-decoration: none;
}

@media (max-width: 767px) {
  .ga07f7 {
    order: -1;
  }

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

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

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

.p94983ea {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.g9f {
  max-width: 1200px;
  margin: 0 auto;
}

.d70819c {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.pdd76 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .p94983ea {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .d70819c {
    font-size: clamp(2.25rem, 5vw, 3.25rem);
    margin-bottom: var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .p94983ea {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .d70819c {
    font-size: 3.5rem;
  }

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

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

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

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

.d8ed17f2 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-xs);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

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

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

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

.a0c3f9 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.f00c6 {
  color: var(--color-primary);
  transition: transform var(--transition-base);
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.ke0[aria-expanded="true"] .f00c6 {
  transform: rotate(180deg);
}

.f26e {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  animation: slideDown var(--transition-base) ease-out;
  background-color: var(--color-bg-tertiary);
  border-top: 1px solid var(--color-border-light);
}

.f26e p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 768px) {
  .k06 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .ke0 {
    padding: var(--spacing-xl);
    font-size: 1.0625rem;
  }

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

  .f26e p {
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .k06 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

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

.j08c36 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.hcc0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.n3dc8 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

@media (min-width: 768px) {
  .j08c36 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .i7a0ea1 {
    font-size: clamp(2rem, 4vw, 2.75rem);
    margin-bottom: var(--spacing-lg);
  }

  .hcc0 {
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    margin-bottom: var(--spacing-2xl);
  }

  .n3dc8 {
    padding: var(--spacing-md) var(--spacing-2xl);
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .j08c36 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .i7a0ea1 {
    font-size: 2.75rem;
    margin-bottom: var(--spacing-xl);
  }

  .hcc0 {
    font-size: 1.125rem;
    margin-bottom: var(--spacing-2xl);
  }
}

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

.j91 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

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

.j91 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.j91 p {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .j91 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j91 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.h14a9e {
  max-width: 1200px;
  margin: 0 auto;
}

.hb75ba1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .hb75ba1 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .hb75ba1 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

.l67a {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
}

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

.ge3a502 {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  font-size: 1.75rem;
  color: var(--color-primary);
  flex-shrink: 0;
}

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

.l67a p {
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-sm) 0;
}

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

.e01b2b86 {
  font-size: 0.875rem;
  color: var(--color-text-muted);
  font-style: italic;
  margin-top: var(--spacing-md) !important;
}

.b08bb {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

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

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

.b08bb p {
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.o9f3 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1rem);
  transition: var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
  display: inline-block;
}

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

.o9f3:active {
  transform: translateY(2px);
}

@media (min-width: 768px) {
  .b08bb {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .b08bb {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

@media (min-width: 1200px) {
  .hb75ba1 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.i9f00 main {
  width: 100%;
}

.n60 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.j7f9 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.i9f00 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.i9f00 .i679 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.i9f00 section {
  margin-bottom: var(--spacing-3xl);
}

.i9f00 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  margin-top: var(--spacing-xl);
  line-height: 1.4;
}

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

.i9f00 ul {
  list-style: disc inside;
  margin-left: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

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

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

.o61 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.o61 h2 {
  color: var(--color-primary);
  margin-top: 0;
  margin-bottom: var(--spacing-lg);
}

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

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

@media (min-width: 768px) {
  .n60 {
    padding: 0 var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .n60 {
    padding: 0 var(--spacing-xl);
  }

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

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

.f8e28 {
  width: 100%;
  padding: var(--spacing-lg) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.n60 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.g27bc {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.d773 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.l3423d3 {
  font-size: clamp(3rem, 10vw, 5rem);
  color: var(--color-success);
  margin-bottom: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.l3423d3 i {
  display: block;
}

.o36374 {
  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;
  letter-spacing: -0.5px;
}

.d26 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
  line-height: 1.6;
}

.l70948 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.8;
}

.dded5373 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-3xl);
}

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

.e26:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.hce22 {
  display: block;
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  margin-bottom: var(--spacing-sm);
}

.e26 p {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.lb896 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: all var(--transition-base);
  white-space: nowrap;
  gap: var(--spacing-sm);
}

.h58dc {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.h58dc:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .dded5373 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }
  
  .f8e28 {
    padding: var(--spacing-xl) 0;
  }
  
  .n60 {
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .dded5373 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
  }
  
  .f8e28 {
    padding: var(--spacing-3xl) 0;
  }
  
  .n60 {
    padding: 0 var(--spacing-2xl);
  }
  
  .e26 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }
}

@media (min-width: 1440px) {
  .f8e28 {
    padding: var(--spacing-4xl) 0;
  }
}

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

.ff5 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.n60 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--spacing-md);
}

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

.bab3 {
  margin-bottom: var(--spacing-3xl);
  position: relative;
}

.p71122 {
  position: relative;
  display: inline-block;
  width: 100%;
}

.i5aeeb1 {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 15vw, 12rem);
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: -0.02em;
  margin: 0;
  line-height: 1;
  position: relative;
  z-index: 2;
  animation: codeFloat 3s ease-in-out infinite;
}

@keyframes codeFloat {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

.gc4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(150px, 40vw, 400px);
  height: clamp(150px, 40vw, 400px);
  background: radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);
  border-radius: var(--radius-full);
  filter: blur(40px);
  animation: pulseAnomalies 4s ease-in-out infinite;
  z-index: 1;
}

@keyframes pulseAnomalies {
  0%, 100% {
    opacity: 0.3;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 0.6;
    transform: translate(-50%, -50%) scale(1.1);
  }
}

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

.l19 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.01em;
}

.ba036 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.d5f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-2xl) 0;
}

.f87c9 {
  background-color: var(--color-bg-card);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg) var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-2xl);
  text-align: left;
}

.jb2b {
  display: flex;
  align-items: center;
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.6;
}

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

.dc95dea8 {
  display: inline-block;
  color: var(--color-primary);
  font-weight: bold;
  margin-right: var(--spacing-md);
  font-size: clamp(0.9rem, 1vw, 1.1rem);
}

.lb896 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  letter-spacing: 0.5px;
}

.h58dc {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

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

@media (min-width: 640px) {
  .ff5 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .i5aeeb1 {
    animation: codeFloat 3.5s ease-in-out infinite;
  }
}

@media (min-width: 1024px) {
  .ff5 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

  .f87c9 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
    text-align: center;
    padding: var(--spacing-2xl);
    border-left: none;
    border-top: 4px solid var(--color-primary);
  }

  .jb2b {
    flex-direction: column;
    margin-bottom: 0;
  }

  .dc95dea8 {
    margin-right: 0;
    margin-bottom: var(--spacing-sm);
    font-size: 1.5rem;
  }

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

@media (min-width: 1440px) {
  .ff5 {
    padding: var(--spacing-4xl) 0;
  }
}

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

.mcca {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.i344f {
  text-align: center;
}

.i423adae {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.i025c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto;
}

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

.fdcdd706 {
  width: 100%;
}

.a6d1c {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

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

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

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

.fb6999 {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.01em;
}

.d9b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.ke0dde {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.f4f3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.m3cd {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.95vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.h03a0,
.d494 {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.h03a0::placeholder,
.d494::placeholder {
  color: var(--color-text-muted);
}

.h03a0:focus,
.d494:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.d494 {
  resize: vertical;
  min-height: 140px;
}

.nf0c {
  background-color: rgba(var(--color-primary), 0.05);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
}

.afe0f804 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.95vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

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

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

.da3 {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: 0.3px;
}

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

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

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

.b8a6d {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.01em;
}

.m87ff {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.ifc {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

.l55 {
  display: flex;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

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

.e6af30 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(var(--color-primary), 0.1);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.m803f853 {
  flex: 1;
  min-width: 0;
}

.b83 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.1vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.gaae4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  line-height: 1.5;
}

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

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

.b021d {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.95vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.m569a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
}

.n22ef73 {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.01em;
}

.m29f0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-lg);
}

.a8f {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 700;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: 0.3px;
}

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

.n9bd3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.m505a7a {
  width: 100%;
}

.h183f95 {
  font-family: var(--font-heading);
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.02em;
}

.d04b4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin-bottom: var(--spacing-3xl);
  line-height: 1.6;
}

.e2086 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

.ne0ab {
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

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

.l5d7f093 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.n739b7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.bb3 {
  text-align: center;
  padding: var(--spacing-2xl);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.p627772f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
}

.n1d25 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 700;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

@media (min-width: 768px) {
  .mcca {
    padding: var(--spacing-3xl) 0;
  }

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

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

  .m6f {
    flex: 1 1 45%;
  }

  .d0a {
    flex: 1 1 45%;
  }

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

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

@media (min-width: 1024px) {
  .mcca {
    padding: var(--spacing-4xl) 0;
  }

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

  .m6f {
    flex: 1 1 50%;
    max-width: 550px;
  }

  .d0a {
    flex: 1 1 50%;
  }

  .a6d1c {
    gap: var(--spacing-4xl);
    align-items: flex-start;
  }

  .e2086 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

@media (max-width: 767px) {
  .ke0dde {
    padding: var(--spacing-lg);
  }

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

  .m569a {
    padding: var(--spacing-lg);
  }
}
.j45c903,.pe4d24{
  width: 34px;
}

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

.of966{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .of966{
    max-width: 100%;
  }
}

.of966.jd7{
  z-index: 999;
}

.eb278add{
  padding-top: 50px;
}

.j45c903[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .mb5c6 {
    aspect-ratio: 6 / 9;
  }
}