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

:root {
  --color-bg-primary: #0f0a1e;
  --color-bg-secondary: #1a1035;
  --color-bg-tertiary: #251848;
  --color-bg-card: #1e1340;

  --color-text-primary: #ffffff;
  --color-text-secondary: #a5b4fc;
  --color-text-muted: #818cf8;

  --color-primary: #8b5cf6;
  --color-primary-hover: #7c3aed;
  --color-primary-light: #a78bfa;
  --color-secondary: #a78bfa;
  --color-secondary-light: #c4b5fd;

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

  --color-border: #3f3b5c;
  --color-border-light: #2d2850;

  --font-primary: 'Open Sans', sans-serif;
  --font-heading: 'Raleway', sans-serif;

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

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

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

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms 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: #111418;
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

h3 {
  font-size: 1.875rem;
  font-weight: 600;
}

h4 {
  font-size: 1.5rem;
  font-weight: 600;
}

h5 {
  font-size: 1.25rem;
  font-weight: 600;
}

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

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
  font-size: 1rem;
  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,
.p31b1 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

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

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

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

.d4596:hover {
  background: var(--color-secondary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

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

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

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

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

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

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

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

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

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);
  background: var(--color-bg-tertiary);
}

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

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

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

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

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

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

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

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

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

pre code {
  background: none;
  padding: 0;
  color: var(--color-primary-light);
}

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

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

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

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

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

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

.a205fdf {
  background: rgba(16, 185, 129, 0.1);
  border-color: var(--color-success);
  color: var(--color-success-light);
}

.h1f30 {
  background: rgba(245, 158, 11, 0.1);
  border-color: var(--color-warning);
  color: var(--color-warning-light);
}

.n8433e {
  background: rgba(239, 68, 68, 0.1);
  border-color: var(--color-danger);
  color: var(--color-danger-light);
}

.n9e08b {
  background: rgba(139, 92, 246, 0.1);
  border-color: var(--color-primary);
  color: var(--color-primary-light);
}

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

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

th {
  padding: var(--spacing-md);
  text-align: left;
  font-weight: 700;
  color: var(--color-text-primary);
  border-bottom: 2px solid var(--color-border);
}

td {
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--color-border-light);
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

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

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

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

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

.l6ee {
  text-align: center;
}

.k9e4 {
  text-align: left;
}

.gef {
  text-align: right;
}

.ic9 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k12b90b {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d87 {
  display: flex;
}

.k75 {
  flex-direction: column;
}

.bcc {
  flex-direction: row;
}

.lbfc112 {
  align-items: center;
}

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

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

.kca3 {
  justify-content: center;
}

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

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

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

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

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

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

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

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

.df8a65 {
  display: grid;
}

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

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

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

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

.k139c {
  width: 100%;
}

.h1ca {
  height: 100%;
}

.eb472 {
  max-width: 24rem;
}

.e6d94665 {
  max-width: 28rem;
}

.a0f6f3 {
  max-width: 32rem;
}

.n6c {
  max-width: 36rem;
}

.i6e {
  max-width: 42rem;
}

.jd1 {
  max-width: 48rem;
}

.g07cc0f7 {
  max-width: 56rem;
}

.pe7 {
  max-width: 64rem;
}

.j9edbd4 {
  max-width: 100%;
}

.dbbdb {
  opacity: 0;
}

.n09 {
  opacity: 0.5;
}

.c9be4 {
  opacity: 0.75;
}

.bf0546 {
  opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

.a9cefdc {
  transition: color var(--transition-base), background var(--transition-base);
}

.a09a816 {
  transition: transform var(--transition-base);
}

.kbd1 {
  transition-duration: var(--transition-fast);
}

.af19b {
  transition-duration: var(--transition-base);
}

.ifc4 {
  transition-duration: var(--transition-slow);
}

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

.m3c617\:shadow-xl:hover {
  box-shadow: var(--shadow-xl);
}

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

.m3c617\:scale-110:hover {
  transform: scale(1.1);
}

.m3c617\:translate-y-minus-2:hover {
  transform: translateY(-2px);
}

.m3c617\:translate-y-minus-4:hover {
  transform: translateY(-4px);
}

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

.m3c617\:text-primary:hover {
  color: var(--color-primary);
}

.h9343c6\:outline-none:focus {
  outline: none;
}

.h9343c6\:ring-2:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1), 0 0 0 5px rgba(139, 92, 246, 0.2);
}

.k96e {
  opacity: 0.5;
  cursor: not-allowed;
}

.l6208e1 {
  display: none;
}

.j9d0b8a {
  display: block;
}

.d3d41 {
  display: inline-block;
}

.c3288fdd {
  display: inline;
}

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

.a0e520 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ac7 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.a00c {
  cursor: pointer;
}

.dc73ff {
  cursor: default;
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

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

  .p31b1 {
    width: 100%;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideLeft {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideRight {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

@keyframes glow {
  0%,
  100% {
    box-shadow: 0 0 5px rgba(139, 92, 246, 0.5);
  }
  50% {
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.8);
  }
}

.e4a1 {
  animation: fadeIn var(--transition-base);
}

.j368335c {
  animation: slideUp var(--transition-slow);
}

.hde46 {
  animation: slideDown var(--transition-slow);
}

.pf48367 {
  animation: slideLeft var(--transition-slow);
}

.a3a5 {
  animation: slideRight var(--transition-slow);
}

.ma608c {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.a7e279fe {
  animation: glow 2s ease-in-out infinite;
}

.gf3d9 {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);
}

.nf6e1c1f {
  background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);
}

.ic7 {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
}

.j81 {
  backdrop-filter: blur(10px);
}

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

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

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

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

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

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

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

.b7a2c7 {
  position: relative;
}

.l3be {
  position: absolute;
}

.efd9d90b {
  position: fixed;
}

.o7a01e3 {
  position: sticky;
}

.nbc3cafc {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ef21 {
  z-index: 10;
}

.jd9e42ff {
  z-index: 20;
}

.d4829531 {
  z-index: 30;
}

.od6ba {
  z-index: 50;
}

.k5a {
  overflow: hidden;
}

.fa3311 {
  overflow: auto;
}

.fc32779b {
  overflow-x: auto;
}

.i1ee742f {
  flex-wrap: wrap;
}

.m61add {
  flex: 1;
}

.aef11 {
  flex-shrink: 0;
}

.f26a9f {
  flex-grow: 1;
}

.m24 {
  font-weight: 300;
}

.k44 {
  font-weight: 400;
}

.n7ae {
  font-weight: 500;
}

.b48d3a {
  font-weight: 600;
}

.ob3 {
  font-weight: 700;
}

.pf947f5 {
  font-style: italic;
}

.pff2264 {
  font-style: normal;
}

.g5c270 {
  text-decoration: underline;
}

.paae5f {
  text-decoration: none;
}

.o2421 {
  text-transform: uppercase;
}

.d53c6e1 {
  text-transform: lowercase;
}

.nc03817a {
  text-transform: capitalize;
}

.a9e6b19b {
  text-transform: none;
}

.h94 {
  letter-spacing: -0.02em;
}

.e1cd {
  letter-spacing: 0;
}

.c2c9 {
  letter-spacing: 0.05em;
}

.d69fbb1f {
  letter-spacing: 0.1em;
}

.d2d0 {
  list-style: none;
}

.o81c {
  list-style: disc;
}

.m983f {
  list-style-position: inside;
}

.p37f1364 {
  list-style-position: outside;
}

.d6d85101 {
  white-space: nowrap;
}

.g2f3d {
  white-space: pre-wrap;
}

.g02b9 {
  overflow-wrap: break-word;
  word-break: break-word;
}

.bc5 {
  word-break: break-all;
}

.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;
}
.e9602 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 100;
}

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

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

.o6b0:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

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

.n2c {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 6px;
  padding: 0;
  flex-shrink: 0;
}

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

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

.bec41f29.mee98e9a {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

.k34fe {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  padding: 0;
  flex-shrink: 0;
  transition: color var(--transition-base);
}

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

.mb858 {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  padding: clamp(1rem, 4vw, 2rem) clamp(1rem, 4vw, 2rem) 0;
  overflow-y: auto;
}

.c94dd6 {
  padding: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: block;
}

.c94dd6:hover {
  color: var(--color-accent);
  background: var(--color-bg-secondary);
  padding-left: clamp(1.5rem, 3vw, 2rem);
}

.ld9e0de {
  padding: clamp(1rem, 2vw, 1.25rem);
  margin: clamp(1rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  border: none;
  border-radius: 0.5rem;
  text-decoration: none;
  text-align: center;
  transition: all var(--transition-base);
  display: block;
  cursor: pointer;
  flex-shrink: 0;
}

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

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

  .gef0 {
    display: block;
  }

  .n2c {
    display: none;
  }

  .bec41f29 {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .jd707e {
    display: none;
  }

  .gef0 {
    display: none;
  }

  .n2c {
    display: flex;
  }

  .bec41f29 {
    display: flex;
  }
}

    

.f93d0a86 {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

.p31b1 {
  padding: 0.75rem 1.75rem;
  border-radius: 6px;
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

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

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

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

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

.ia51e {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.c5a6 {
  width: 100%;
  max-height: 400px;
  border-radius: 8px;
  overflow: hidden;
}

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

.i12da {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  width: 100%;
}

.b8c8 {
  flex: 1 1 48%;
  max-height: 250px;
  border-radius: 8px;
  overflow: hidden;
}

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

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

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

.pf4dbce {
  text-align: center;
}

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

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

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

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

.e85a12 {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-accent);
  font-weight: 700;
  min-width: 80px;
  flex-shrink: 0;
}

.ba5a {
  flex: 1;
}

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

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

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

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

.i63596 {
  text-align: center;
}

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

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

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

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

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

.pa5c {
  flex: 0 0 40%;
  min-height: 280px;
  border-radius: 6px;
  overflow: hidden;
}

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

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

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

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

.nf4b8 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: color 0.3s ease;
  display: inline-block;
  width: fit-content;
}

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

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

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

.b9763 {
  text-align: center;
}

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

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

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

.j6100 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  text-align: center;
}

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

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

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

.d910a {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

.jd96ee {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  margin: 0;
  max-width: 600px;
  line-height: 1.6;
}

.abb6 {
  background: var(--color-bg-primary);
  color: var(--color-accent);
  padding: 0.875rem 2rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

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

.cdb5 {
  text-align: center;
}

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

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

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

.c9d {
  flex: 1 1 calc(25% - 1.125rem);
  min-width: 200px;
  max-width: 280px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border-top: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.h321dc {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
}

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

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

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

.f5b032 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0;
}

.j77 {
  flex: 1 1 auto;
  padding: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.k35ab87f {
  width: 2px;
  height: 60px;
  background: var(--color-accent);
  flex-shrink: 0;
}

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

  .j77 {
    flex: 1 1 100%;
    border-bottom: 1px solid var(--color-accent);
  }

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

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

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

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

.h54cbc {
  text-align: center;
}

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

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

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

.f7c91d {
  flex: 1 1 calc(25% - 1.125rem);
  min-width: 220px;
  max-width: 280px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

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

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

.f7c91d:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
  transform: translateY(-4px);
}

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

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

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

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

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

.hca7939e {
  text-align: center;
}

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

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

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

.c031 {
  flex: 1 1 300px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  padding: 0;
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

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

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

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

.c031:hover .n895cc img {
  transform: scale(1.05);
}

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

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

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

.b48a087 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: color 0.3s ease;
  display: inline-block;
  width: fit-content;
}

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

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

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

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

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

.l44de.l6208e1 {
  display: none;
}

.k5738 {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  line-height: 1.5;
  max-width: 600px;
  text-align: center;
}

.p284a {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-shrink: 0;
}

.h54c6,
.padc9 {
  padding: 0.5rem 1.25rem;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  font-family: var(--font-primary);
}

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

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

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

.padc9:hover {
  background: rgba(139, 92, 246, 0.1);
  color: var(--color-accent);
}

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

  .c64 {
    flex: 1 1 100%;
  }

  .ia51e {
    flex: 1 1 100%;
  }

  .l52abd1 {
    flex-direction: column;
  }

  .pa5c {
    flex: 0 0 100%;
    min-height: 250px;
  }

  .l44de {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
  }

  .k5738 {
    text-align: center;
  }

  .p284a {
    width: 100%;
    flex-direction: row;
    justify-content: center;
  }
}

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

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

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

.ef3f3,
.a3005,
.kec3,
.iab45d58 {
  display: block;
}

.ef3f3 h3,
.a3005 h3,
.kec3 h3,
.iab45d58 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: 0.5px;
}

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

.b5cc25f,
.b47 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 2rem);
  list-style: none;
  padding: 0;
  margin: 0;
}

.k5ee7 {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  transition: color var(--transition-fast);
  display: inline-block;
  padding: 0.25rem 0;
}

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

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

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

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

.a08 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  margin: 0;
  padding: 0;
  font-style: italic;
}

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

  .ef3f3 {
    flex: 1 1 280px;
    min-width: 260px;
  }

  .a3005 {
    flex: 0 1 auto;
    min-width: 180px;
  }

  .kec3 {
    flex: 0 1 auto;
    min-width: 220px;
  }

  .iab45d58 {
    flex: 0 1 auto;
    min-width: 200px;
  }

  .b5cc25f,
  .b47 {
    flex-direction: column;
    gap: 0.75rem;
  }

  .i6df1a4 {
    flex: 1 1 100%;
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }
}

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

  .b5cc25f,
  .b47 {
    gap: 1rem;
  }

  .ef3f3 {
    margin-bottom: 0.5rem;
  }
}
    

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

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

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

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

.jed {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.he975 {
  text-align: center;
}

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

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

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

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

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

.b1a4 {
  flex: 0 0 30%;
  min-width: 200px;
  max-width: 350px;
  overflow: hidden;
}

.n4a {
  width: 100%;
  height: 100%;
  min-height: 250px;
  object-fit: cover;
  display: block;
}

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

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

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

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

.aeb8,
.a0694,
.p56 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.aeb8 i,
.a0694 i,
.p56 i {
  color: var(--color-accent);
  font-size: 0.95em;
}

.i3848fa {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  width: fit-content;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.f0c6d {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: clamp(0.625rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  border: 1px solid var(--color-border-light);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  cursor: default;
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f0c6d:hover {
  background: var(--color-bg-card);
  border-color: var(--color-accent);
  color: var(--color-accent);
}

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

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

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

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

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

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

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

.if9e8 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 0.5rem;
}

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

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

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

  .b1a4 {
    flex: 1 1 100%;
    min-width: 100%;
    max-width: 100%;
    min-height: 220px;
  }

  .eed28 {
    flex: 1 1 100%;
  }

  .ba5aee {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    text-align: center;
  }

  .cbe07 {
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .gba78a {
    gap: clamp(2rem, 4vw, 3rem);
  }

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

  .ba5aee {
    gap: clamp(2rem, 4vw, 3rem);
  }
}

@media (min-width: 1024px) {
  .h3c130bf {
    min-height: 280px;
  }

  .b1a4 {
    min-height: 280px;
  }

  .ba5aee {
    align-items: center;
    text-align: left;
  }
}

.nccce1 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Open Sans', sans-serif;
  line-height: 1.6;
  overflow-x: hidden;
}

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

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

.b4b01b5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  flex-wrap: wrap;
}

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

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

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

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

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

.ga3853 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.i3b8 {
  background: var(--color-bg-tertiary);
  color: var(--color-secondary);
  padding: 0.4rem 0.8rem;
  border-radius: 0.375rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

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

.f80788,
.oe784484 {
  color: var(--color-text-secondary);
}

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

.pc82658 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 85%;
  line-height: 1.7;
}

.jcf7 {
  width: 100%;
  overflow: hidden;
  border-radius: 0.75rem;
}

.jcf7 img {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  display: block;
}

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

.i383b:nth-child(odd) {
  background: var(--color-bg-secondary);
}

.i383b:nth-child(even) {
  background: var(--color-bg-tertiary);
}

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

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

.ga0db43f {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: 0.75rem;
}

.ga0db43f img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  border-radius: 0.75rem;
}

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

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

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

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

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

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

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

.i56 strong {
  color: var(--color-accent);
}

.p3f9277 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2rem;
}

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

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

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

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

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

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

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

.n01 {
  flex: 1 1 70%;
  max-width: 70%;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ed601 {
  flex: 1 1 30%;
  max-width: 30%;
  position: sticky;
  top: 2rem;
}

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

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

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

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

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

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

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

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

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

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

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

.a7ac {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 0.75rem;
  margin-top: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

.lb6d {
  font-size: clamp(1.25rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin: 0 0 0.75rem 0;
}

.o2357a7 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  margin: 0;
  line-height: 1.6;
}

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

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

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

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

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

.g07af {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

.a3eeb7 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

.p992:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(139, 92, 246, 0.15);
}

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

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

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

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

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

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

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

.ef882 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.3rem, 1rem);
  font-weight: 600;
  transition: color var(--transition-base);
  align-self: flex-start;
}

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

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

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

  .ed601 {
    flex: 1 1 100%;
    max-width: 100%;
    position: relative;
    top: auto;
  }

  .lbe {
    flex-direction: column;
    align-items: stretch;
  }

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

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

  .p992 {
    flex: 1 1 calc(50% - 1rem);
    min-width: 250px;
  }
}

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

  .b4b01b5 {
    font-size: 0.8125rem;
  }

  .lbe {
    flex-direction: column;
  }

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

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

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

  .hf54dc6a {
    padding: 1.5rem;
  }
}

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

  .a6d5d {
    font-size: 1.5rem;
  }

  .je17519 {
    gap: 1rem;
  }

  .i3c90e {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
  }

  .g39cd {
    gap: 1.5rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dca82 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  background: var(--color-bg-card);
  padding: 1.25rem;
  border-radius: var(--radius-md);
  align-items: flex-start;
}

.edaa5 {
  font-size: clamp(1.5rem, 2vw, 2rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: 3rem;
  text-align: center;
}

.d83 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

.af1d6 {
  font-size: clamp(2.5rem, 3vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

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

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

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

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

.fef34009 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f6153 {
  flex-shrink: 0;
}

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

.j04ca2e {
  flex: 1;
}

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

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

.ff6a3576:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}

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

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

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

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

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

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

.ce2b6 {
  display: flex;
  justify-content: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.ma1ee {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-text-muted);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1023px) {
  .e9e2,
  .k69841a,
  .d86b,
  .l36a {
    flex-direction: column;
  }

  .kdea,
  .pa327,
  .kf85ce,
  .ofb3e0c,
  .a61b,
  .n05893,
  .h34,
  .c513 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .gaf {
    flex: 1 1 calc(50% - 1.5rem);
    max-width: 100%;
  }

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

  .f6153 {
    margin: 0 auto;
  }
}

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

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

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

  .e70,
  .e8b877 {
    flex-direction: column;
  }

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

  .edaa5 {
    min-width: auto;
  }
}

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

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

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

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

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

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

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

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

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

.i2152 a {
  color: var(--color-secondary);
  transition: color var(--transition-base);
}

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

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

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

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

.na72fb37 {
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

.l847 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.3125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.5;
  max-width: 600px;
}

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

.j18d89 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--color-accent);
}

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

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

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

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

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

.o001d7 {
  margin-top: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.d84ca {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  display: block;
}

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

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

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

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

.p81988b:nth-child(even) {
  flex-direction: row-reverse;
}

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

.d567 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: 250px;
}

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

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

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

.m6a {
  background: rgba(139, 92, 246, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  margin: clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

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

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

.h97 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  background: rgba(139, 92, 246, 0.05);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.i7c6 {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-accent);
  margin: 0;
}

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

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

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

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

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

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

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

.f8641 {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(167, 139, 250, 0.1));
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.d4a92 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

.b1f5 {
  background: rgba(30, 19, 64, 0.5);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  margin-top: clamp(2rem, 4vw, 3rem);
}

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

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

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

.mc8 {
  flex: 1 1 30%;
  max-width: 30%;
  position: sticky;
  top: 2rem;
}

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

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

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

.lc7e a {
  color: var(--color-secondary);
  transition: color var(--transition-base);
}

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

.ped {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  margin: 0;
  font-weight: 600;
}

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

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

.b7f {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.ecbb92d {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
}

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

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

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

.b9be5:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(139, 92, 246, 0.2);
}

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

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

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

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

.f96 a {
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}

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

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

.c5b7 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  transition: color var(--transition-base);
  align-self: flex-start;
}

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

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

  .h918a {
    flex: 1 1 100%;
  }

  .mc8 {
    flex: 1 1 100%;
    max-width: 100%;
    position: static;
  }

  .p81988b {
    flex-direction: column;
  }

  .p81988b:nth-child(even) {
    flex-direction: column;
  }

  .g01cc6e {
    flex: 1 1 100%;
  }

  .d567 {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 300px;
  }

  .h97 {
    flex: 1 1 100%;
  }

  .b9be5 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 240px;
  }
}

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

  .j18d89 {
    width: 50px;
    height: 50px;
  }

  .b13e {
    gap: 0.125rem;
  }

  .af3fb48a {
    font-size: 0.8125rem;
  }

  .o6932 {
    font-size: 0.75rem;
  }

  .j91 {
    gap: 1.5rem;
  }

  .p81988b {
    gap: 1.5rem;
    padding: 1.25rem;
  }

  .ad46cd9e {
    gap: 1.25rem;
  }

  .cdbc {
    gap: 1rem;
  }

  .gaaea4ef {
    width: 40px;
    height: 40px;
    font-size: 1.125rem;
  }

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

  .p9901e {
    gap: 1.25rem;
  }

  .i2152 {
    font-size: 0.75rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.g3f {
  display: inline-block;
  background: var(--color-bg-card);
  color: var(--color-text-secondary);
  padding: 0.5rem clamp(0.75rem, 2vw, 1rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  border: 1px solid var(--color-border-light);
}

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

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

.bfdb {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

.f4f84b6 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

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

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

.k455c {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

.pede9 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: clamp(3rem, 8vw, 4rem);
  height: clamp(3rem, 8vw, 4rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  border-radius: 50%;
}

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

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

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

.a854217 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

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

.k574 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

.lfc9 {
  flex: 1 1 30%;
  max-width: 30%;
  position: sticky;
  top: 2rem;
}

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

.p8c0404 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

.j5b9757 {
  text-align: center;
  margin-bottom: clamp(3rem, 5vw, 4rem);
}

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

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

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

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

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

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

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

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

.kd9e {
  font-size: clamp(1.0625rem, 2vw + 0.25rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}

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

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

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

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

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

  .lfc9 {
    flex: 1 1 100%;
    max-width: 100%;
    position: static;
  }

  .e43,
  .cbc,
  .cf47b49b,
  .f7d7a6 {
    flex-direction: column;
  }

  .lc0,
  .f4f84b6,
  .gadfa,
  .k455c,
  .g0a3a,
  .a854217,
  .g74db,
  .k574 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .g8d8d7 {
    gap: 0.25rem;
    font-size: 0.8125rem;
  }

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

  .c703d7 {
    max-height: 350px;
  }

  .o0c37e {
    flex-direction: column;
  }

  .pede9 {
    width: 3rem;
    height: 3rem;
  }
}

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

html, body {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

.a67e7 {
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
  letter-spacing: -0.02em;
}

.m45e55 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 300;
  line-height: 1.6;
}

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

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

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

.l67b50 {
  text-align: center;
  max-width: 750px;
  margin: 0 auto clamp(1rem, 3vw, 2rem);
}

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

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

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

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

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

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

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

.i9e9f60 {
  font-size: 2rem;
  color: var(--color-accent);
}

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

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

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

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

.jf3 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto clamp(1rem, 3vw, 2rem);
}

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

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

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

.de2f1 {
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-left: 4px solid var(--color-accent);
  background: var(--color-bg-card);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

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

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

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

.oe1ce8 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto clamp(1rem, 3vw, 2rem);
}

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

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

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

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

.oe5b6 {
  min-width: 60px;
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  color: var(--color-text-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  font-weight: 700;
  flex-shrink: 0;
}

.fb98 {
  flex: 1;
  padding-top: 0.25rem;
}

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

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

.jd83e8be {
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: clamp(1rem, 3vw, 2rem) auto 0;
  border-radius: 10px;
  display: block;
  object-fit: cover;
}

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

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

.pfe1be8 {
  text-align: center;
}

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

.laccc3 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  text-align: left;
}

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

.l2e24 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.8;
  margin-bottom: 1rem;
}

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

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

.k950707 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 850px;
}

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

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

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

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

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

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

  .oe5b6 {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }
}

@media (max-width: 480px) {
  .i159cec {
    gap: 1rem;
  }

  .c0b8 {
    padding: 1.25rem;
  }

  .de2f1 {
    padding: 1rem;
    border-left-width: 3px;
  }

  .oe5b6 {
    width: 45px;
    height: 45px;
    font-size: 1.25rem;
    min-width: 45px;
  }
}

* {
  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);
  overflow-x: hidden;
}

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 {
  text-decoration: none;
  color: inherit;
  transition: all var(--transition-base);
}

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

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

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

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

.b07b {
  width: 100%;
  max-width: 400px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(139, 92, 246, 0.15);
}

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

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

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

.ib7 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  font-weight: 500;
}

.l4f13d9 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  font-weight: 400;
}

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

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

.c8b {
  text-align: center;
}

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

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

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

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

.p6a35:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.12);
}

.hebe2f5 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  height: clamp(2.5rem, 4vw, 3.5rem);
}

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

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

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

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

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

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

.l1172d1 {
  text-align: center;
}

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

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

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

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

.c906 {
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  font-weight: 600;
}

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

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

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

.de2 {
  text-align: center;
}

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

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

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

.p4cd44 {
  background: var(--color-bg-card);
  color: var(--color-text-secondary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 24px;
  border: 1px solid var(--color-border);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 500;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

.d68b2 {
  text-align: center;
}

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

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

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

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

.i0336:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.12);
}

.k3f9c7 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  flex-wrap: wrap;
}

.g66853,
.d19 {
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.875rem);
  padding: clamp(0.25rem, 0.5vw, 0.5rem) clamp(0.75rem, 1.5vw, 1rem);
  border-radius: 12px;
  background: var(--color-bg-tertiary);
  color: var(--color-text-muted);
  font-weight: 500;
}

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

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

.nc5cc {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  font-weight: 500;
  display: inline-block;
  margin-top: auto;
  padding-bottom: 4px;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-base);
}

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

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

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

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

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

.jaa8c7 {
  text-align: center;
}

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

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

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

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

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

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

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

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

.dd829 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
}

.dd829:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
}

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

  .b07b {
    max-width: 100%;
  }

  .lf08 {
    flex-direction: column;
  }

  .p6a35 {
    flex: 1 1 100%;
  }

  .f7bf5 {
    flex-direction: column;
  }

  .i0336 {
    flex: 1 1 100%;
  }

  .kc4a7 {
    justify-content: center;
  }
}

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

  .h027560e {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .je97 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .d5e3c {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .b4555 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .nbbb {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .cf1672 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }
}

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

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

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

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

.be29bad0 {
  background-color: var(--color-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
  position: relative;
}

.be29bad0::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 400px;
  height: 400px;
  background-color: var(--color-primary-light);
  border-radius: 50%;
  opacity: 0.3;
  z-index: 0;
}

.ba5b172 {
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.i29ea8 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-on-accent);
  margin: 0 0 0.75rem 0;
  font-weight: 700;
  line-height: 1.2;
}

.n949b27c {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-on-accent);
  margin: 0;
  opacity: 0.95;
  font-weight: 400;
}

@media (min-width: 768px) {
  .be29bad0 {
    padding: 4.5rem 2rem;
  }

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

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

.ac432 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

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

.n02 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

@media (min-width: 768px) {
  .n02 {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }

  .ac432 {
    padding: 4.5rem 2rem;
  }
}

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

  .ac432 {
    padding: 6rem 2rem;
  }
}

.j10ad {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: 2rem 1.75rem;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.l43d78 {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: 1.25rem;
  line-height: 1;
}

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

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

.d54 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-fast);
  margin-top: auto;
}

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

.k7c {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

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

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

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

.n9d0223 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-accent);
  text-decoration: none;
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
}

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

@media (min-width: 768px) {
  .k7c {
    padding: 4.5rem 2rem;
  }
}

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

.me6801 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.l2655 {
  max-width: 1000px;
  margin: 0 auto;
}

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

.j35814be {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .j35814be {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }

  .me6801 {
    padding: 4.5rem 2rem;
  }
}

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

  .me6801 {
    padding: 6rem 2rem;
  }
}

.b3eb6 {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 1.5rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  color: var(--color-text-primary);
}

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

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

.b6f {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 0.95rem);
  font-weight: 500;
  line-height: 1.5;
}

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

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

.mfcf2 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
  border-bottom: 2px solid var(--color-border-light);
}

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

.i21 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.od07 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  margin: 0;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.o440c1 {
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

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

.o2bbb8a {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .o2bbb8a {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .o2bbb8a {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .o440c1 {
    padding: var(--spacing-4xl) var(--spacing-md);
  }
}

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

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

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

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

.e5d62:hover .l1e17 img {
  transform: scale(1.03);
}

.g1b1 {
  padding: var(--spacing-lg);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

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

.gf0d0 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.ofd363 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
  border-top: 2px solid var(--color-border-light);
}

.hdcf0343 {
  max-width: 700px;
  margin: 0 auto;
}

.f88fa6 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.lec {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

.i95e {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  letter-spacing: 0.3px;
}

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

.i95e:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

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

  .o440c1 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .ofd363 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

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

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

@media (max-width: 767px) {
  .l1e17 {
    aspect-ratio: 16 / 9;
  }
}

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

.j959e30d .c69c4eb {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.j959e30d .hd256 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-lg);
}

.j959e30d h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.3;
}

.j959e30d h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
  line-height: 1.4;
}

.j959e30d p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: 0.3px;
}

.j959e30d .l190 {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.j959e30d .ga1 {
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
  border-bottom: 1px solid var(--color-border-light);
}

.j959e30d .ga1:last-of-type {
  border-bottom: none;
}

.j959e30d ul {
  list-style: none;
  padding-left: 0;
  margin: var(--spacing-md) 0;
}

.j959e30d li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

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

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

.j959e30d .e7ce999 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.j959e30d .e7ce999 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.j959e30d .hb59e0cc {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

.j959e30d .hb59e0cc p {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .j959e30d .hd256 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .j959e30d .c69c4eb {
    padding: 0 var(--spacing-xl);
  }

  .j959e30d .hd256 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

.mbee {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .mbee {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .mbee {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
}

.c69c4eb {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.hd256 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.g23e698a {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.e5fc6 {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  animation: scaleIn 0.6s ease-out 0.2s both;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.e5fc6 svg {
  width: 120px;
  height: 120px;
  display: block;
}

.o709 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.be2 {
  font-family: var(--font-primary);
  font-size: clamp(1.05rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  line-height: 1.6;
}

.fe9044f8 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.8;
}

.j38110a {
  margin: var(--spacing-2xl) 0;
  padding: var(--spacing-xl);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: left;
}

.j38110a h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.b8e {
  list-style: none;
  padding: 0;
  margin: 0;
}

.b8e li {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.b8e li:last-child {
  margin-bottom: 0;
}

.fea06 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-weight: 700;
  font-size: clamp(0.85rem, 0.9vw, 1rem);
}

.l00 {
  padding-top: 2px;
}

.p31b1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  margin-top: var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.3rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  gap: var(--spacing-sm);
  letter-spacing: 0.3px;
}

.k8e49 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.k8e49:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .g23e698a {
    padding: var(--spacing-xl) 0;
  }

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

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

@media (min-width: 1024px) {
  .g23e698a {
    padding: var(--spacing-2xl) 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .g23e698a {
    animation: none;
  }

  .e5fc6 {
    animation: none;
  }

  .k8e49:hover {
    transform: none;
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

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

.jcde5 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.k351dd {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.c69c4eb {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.hd256 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ceff5bae {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--spacing-lg);
}

.d50 {
  position: relative;
  display: inline-block;
}

.h45e0c {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--color-primary);
  line-height: 1;
  position: relative;
  z-index: 2;
  animation: slideDown 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.f24e4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(200px, 50vw, 400px);
  height: clamp(200px, 50vw, 400px);
  background: radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);
  border-radius: 50%;
  z-index: 1;
  opacity: 0.15;
  animation: pulse 4s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.15;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.25;
  }
}

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

.j0e445 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.01em;
  margin-bottom: var(--spacing-sm);
}

.le9bf61 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 650px;
  margin: 0 auto;
}

.edc313 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin: var(--spacing-md) 0;
  text-align: left;
}

.ndc {
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  text-align: center;
}

.be67 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.be67 li {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
  line-height: 1.6;
}

.be67 li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: var(--color-primary);
  border-radius: 50%;
}

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

.d1a5d {
  font-size: clamp(0.85rem, 0.95vw, 1rem);
  color: var(--color-text-muted);
  line-height: 1.7;
  font-style: italic;
}

.p31b1 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  letter-spacing: 0.3px;
}

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

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

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

.oca6 {
  padding: var(--spacing-lg) var(--spacing-3xl);
  margin-top: var(--spacing-md);
}

@media (min-width: 640px) {
  .k351dd {
    padding: var(--spacing-2xl) var(--spacing-md);
    min-height: 100vh;
  }

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

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

  .edc313 {
    padding: var(--spacing-xl);
    max-width: 600px;
    margin: var(--spacing-lg) auto;
  }

  .be67 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-lg);
    justify-content: center;
  }

  .be67 li {
    text-align: center;
    padding-left: var(--spacing-md);
    flex: 1;
    min-width: 140px;
  }

  .be67 li::before {
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    top: -var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .k351dd {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

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

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

  .h45e0c {
    font-size: clamp(6rem, 18vw, 8rem);
  }

  .j0e445 {
    font-size: clamp(2rem, 4.5vw, 2.5rem);
    margin-bottom: var(--spacing-md);
  }

  .le9bf61 {
    font-size: clamp(1rem, 1.2vw, 1.2rem);
  }

  .edc313 {
    padding: var(--spacing-2xl);
    max-width: 700px;
  }

  .ndc {
    font-size: clamp(1rem, 1.1vw, 1.15rem);
  }

  .be67 li {
    font-size: clamp(0.95rem, 1.05vw, 1.1rem);
  }

  .oca6 {
    padding: var(--spacing-lg) var(--spacing-4xl);
    font-size: clamp(0.95rem, 1.1vw, 1.15rem);
  }
}

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

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

.j483f54 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.oae7f2b0 {
  text-align: center;
}

.p745ee {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

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

@media (min-width: 768px) {
  .j483f54 {
    padding: var(--spacing-4xl) 0;
  }
}

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

.ja5d2db {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.ga39 {
  width: 100%;
}

.d836 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

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

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

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

  .oabb5 {
    flex: 1 1 45%;
    min-width: 0;
  }

  .f2cc {
    flex: 1 1 45%;
    min-width: 0;
  }
}

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

.naac60a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.kb38 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.m78 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.o70 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.nacda502 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.ded,
.n4a7fe,
.ge31 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1rem);
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
  box-sizing: border-box;
}

.ded::placeholder,
.ge31::placeholder {
  color: var(--color-text-muted);
}

.ded:focus,
.n4a7fe:focus,
.ge31:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.n4a7fe {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right var(--spacing-md) center;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  color: var(--color-text-primary);
}

.ge31 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.h3f9 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.h353972d {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.25rem;
  cursor: pointer;
  accent-color: var(--color-primary);
}

.ec1ed5 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  cursor: pointer;
}

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

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

.l27c03 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  letter-spacing: 0.5px;
  margin-top: var(--spacing-md);
}

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

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

.l27c03:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

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

.d6c69 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.a823 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.if5c59 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.d0b72cc {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.e38f3b7c {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.p1b38 {
  flex: 1;
}

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

.mb3cf2 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

.o14f398 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  margin: var(--spacing-xs) 0 0 0;
  font-style: italic;
}

.c43351cb {
  background-color: var(--color-bg-card);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  margin-bottom: var(--spacing-xl);
}

.n78c6fc8 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.b5db {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.hc652 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  line-height: 1.5;
}

.jc971 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--color-success);
  font-weight: 700;
  font-size: 1.25rem;
}

.oe9cd {
  background: linear-gradient(135deg, var(--color-primary-light), var(--color-bg-card));
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
}

.d80 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
}

.ka2aea1 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: 0.5px;
}

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

.a8022 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.cb6 {
  width: 100%;
}

.i7f135 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: var(--spacing-3xl);
  letter-spacing: -0.5px;
}

.p891b {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .p891b {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }
}

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

.l78 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

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

.l5ac133e {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.5;
}

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

@media (min-width: 768px) {
  .ja5d2db {
    padding: var(--spacing-4xl) 0;
  }

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

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

  .a8022 {
    padding: 5rem 0;
  }
}

@media (max-width: 767px) {
  .oabb5 {
    margin-bottom: var(--spacing-2xl);
  }
}
.n2c,.k34fe{
  width: 34px;
}

/* FIX:nav .jd707e */
.jd707e{
  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;
}

.bec41f29{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .bec41f29{
    max-width: 100%;
  }
}

/* FIX:zindex .bec41f29.mee98e9a */
.bec41f29.mee98e9a{
  z-index: 999;
}

/* FIX:navpad .mb858 */
.mb858{
  padding-top: 50px;
}

/* FIX:toggle-expand .n2c */
.n2c[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .n895cc {
    aspect-ratio: 6 / 9;
  }
  .l1e17 {
    aspect-ratio: 6 / 9;
  }
}