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

:root {
  --color-bg-primary: #110e1a;
  --color-bg-secondary: #1c1828;
  --color-bg-tertiary: #282338;
  --color-bg-card: #1c1828;

  --color-text-primary: #fdf4ff;
  --color-text-secondary: #e9d5ff;
  --color-text-muted: #d8b4fe;

  --color-primary: #c084fc;
  --color-primary-hover: #a855f7;
  --color-primary-light: #e9d5ff;
  --color-secondary: #d946ef;
  --color-secondary-light: #f0a4ff;

  --color-success: #34d399;
  --color-success-light: #6ee7b7;
  --color-warning: #fbbf24;
  --color-warning-light: #fcd34d;
  --color-danger: #f87171;
  --color-danger-light: #fca5a5;

  --color-border: #3d3548;
  --color-border-light: #2d2738;

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'Plus Jakarta Sans', sans-serif;

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

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.875rem;
  --radius-xl: 1.25rem;
  --radius-2xl: 1.875rem;
  --radius-full: 9999px;

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

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

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

html {
  font-size: 17px;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.3px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.5px;
  margin: 0;
}

h1 {
  font-size: 3.5rem;
  font-weight: 700;
  letter-spacing: -1px;
}

h2 {
  font-size: 2.75rem;
  font-weight: 700;
}

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

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

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

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

p {
  margin: 0;
  line-height: 1.8;
  letter-spacing: 0.3px;
}

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

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

button {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all var(--transition-fast);
}

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

.od2276 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background: var(--color-primary);
  color: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
  transition: all var(--transition-fast);
}

.od2276:hover {
  background: var(--color-primary-hover);
  box-shadow: 0 8px 16px rgba(192, 132, 252, 0.25);
  transform: translateY(-2px);
}

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

.e59a:hover {
  background: #c121e8;
}

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

.ja1:hover {
  background: rgba(192, 132, 252, 0.1);
  border-color: var(--color-primary-hover);
}

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

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

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

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

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

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

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

.c9d3d5ee {
  display: flex;
}

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

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

.ke24 {
  flex-direction: column;
}

.oaa5d {
  text-align: center;
}

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

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

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

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

.o0b5a16 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  background: rgba(192, 132, 252, 0.15);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.n450 {
  background: rgba(217, 70, 239, 0.15);
  color: var(--color-secondary);
}

.af688e {
  background: rgba(52, 211, 153, 0.15);
  color: var(--color-success);
}

.k1b61ba {
  background: rgba(251, 191, 36, 0.15);
  color: var(--color-warning);
}

.bf3dc {
  background: rgba(248, 113, 113, 0.15);
  color: var(--color-danger);
}

.hffbd {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
  transition: all var(--transition-fast);
}

.hffbd:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(192, 132, 252, 0.1);
}

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

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

select.hffbd {
  cursor: pointer;
}

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

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

.f2555 {
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-lg) 0;
}

.hebd1975 {
  width: 1px;
  background: var(--color-border);
  margin: 0 var(--spacing-lg);
}

.d23 {
  opacity: 0.5;
}

.eaea5 {
  opacity: 0.75;
}

.nc6d {
  display: none;
}

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

@media (max-width: 768px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

  .l0f,
  .b8a84a,
  .lcc {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
* {
  box-sizing: border-box;
}

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

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

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

.ab35:hover {
  opacity: 0.8;
}

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

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

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

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

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

.e4ed {
  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, 1rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.i79b {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 28px;
  height: 24px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}

.i79b span {
  width: 100%;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-base);
}

.i79b.k5ab5d6 span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.i79b.k5ab5d6 span:nth-child(2) {
  opacity: 0;
}

.i79b.k5ab5d6 span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

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

.bba.k5ab5d6 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.ed8328f {
  display: flex;
  justify-content: flex-end;
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
  min-height: 70px;
  align-items: center;
}

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

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

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

.m07d {
  padding: 1rem 1.5rem;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.m07d:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: 2rem;
}

.ef05d {
  padding: 1.25rem 1.5rem;
  margin: 1rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  transition: all var(--transition-base);
}

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

@media (min-width: 768px) {
  .e11c {
    min-height: 75px;
  }

  .l93f0c {
    display: flex;
  }

  .e4ed {
    display: block;
  }

  .i79b {
    display: none;
  }

  .bba {
    display: none;
  }
}

@media (min-width: 1024px) {
  .e11c {
    min-height: 80px;
  }

  .b42a1268 {
    font-size: 1rem;
  }
}

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

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

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

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

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

.j8a2 {
  position: relative;
  width: 100%;
  padding: clamp(2rem, 5vw, 4rem) 0;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: 300px;
}

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

.d4998d00 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
  max-width: 700px;
  z-index: 10;
}

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

.h29784f {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;
  line-height: 1.5;
}

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

.o4a351d7 {
  display: inline-block;
  padding: clamp(0.65rem, 1.5vw, 0.85rem) clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-full);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
  text-align: center;
  cursor: pointer;
  border: none;
}

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

.ca0fc36f {
  display: inline-block;
  padding: clamp(0.65rem, 1.5vw, 0.85rem) clamp(1.25rem, 2vw, 1.75rem);
  background: transparent;
  color: var(--color-accent);
  text-decoration: none;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-full);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
  text-align: center;
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .b72e {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

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

.a0b8 {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  overflow: hidden;
}

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

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

.n11c4249 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  line-height: 1.6;
  flex-grow: 1;
}

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

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

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

.l00a1a {
  font-family: var(--font-primary);
  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;
  line-height: 1.6;
}

.p5f {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

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

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

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

.bb92e0 {
  text-align: center;
}

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

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

.i9fa7 {
  flex: 1 1 250px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.g45d371 {
  flex: 1 1 220px;
  max-width: 280px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  text-align: center;
  box-shadow: var(--shadow-md);
}

.h308 {
  font-family: var(--font-heading);
  font-size: clamp(2.25rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
  margin: 0;
}

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

.dc38 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.5;
}

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

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

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

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

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

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

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

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

.kff {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  overflow: hidden;
}

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

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

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

.b59dd {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
  flex-grow: 1;
}

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

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

.i768807 {
  text-align: center;
}

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

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

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

.l82.nc6d {
  display: none;
}

.o35 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
  line-height: 1.4;
}

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

.c58688d8,
.b92c2 {
  padding: clamp(0.5rem, 1vw, 0.65rem) clamp(1rem, 1.5vw, 1.25rem);
  border-radius: var(--radius-md);
  cursor: pointer;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
  border: none;
  white-space: nowrap;
}

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

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

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

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

@media (max-width: 767px) {
  .j8a2 {
    min-height: 250px;
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  }

  .af616fd4 {
    gap: clamp(0.5rem, 1.5vw, 0.75rem);
  }

  .o4a351d7,
  .ca0fc36f {
    width: 100%;
    max-width: 180px;
  }

  .d80eead4 {
    flex: 1 1 100%;
  }

  .g45d371 {
    flex: 1 1 100%;
  }

  .j7845c12 {
    flex: 1 1 100%;
  }

  .i9fa7 {
    flex: 1 1 100%;
  }

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

  .o35 {
    text-align: center;
    min-width: auto;
  }

  .p2ebc {
    width: 100%;
    justify-content: stretch;
  }

  .c58688d8,
  .b92c2 {
    flex: 1;
  }
}

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

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

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

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

@media (min-width: 1024px) {
  .p7a9e34f {
    padding: clamp(3rem, 6vw, 5rem) 0;
  }

  .h6c4205d,
  .c7b6,
  .l68,
  .pc5,
  .a1428 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

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

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

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

.c6fa1a7f {
  max-width: 600px;
}

.c6fa1a7f h3,
.jde h3,
.dc0296 h3,
.lf2de6c4 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: -0.3px;
}

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

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

.jde a,
.lf2de6c4 a {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
}

.jde a:hover,
.lf2de6c4 a:hover {
  color: var(--color-accent);
}

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

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

.i2cf {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i43b04b {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .c6fa1a7f {
    flex: 1 1 300px;
    min-width: 280px;
  }

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

  .dc0296 {
    flex: 1 1 250px;
    min-width: 220px;
  }

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

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

@media (min-width: 1024px) {
  .k76 {
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .c6fa1a7f {
    flex: 0 1 auto;
    max-width: 520px;
  }

  .jde,
  .lf2de6c4 {
    flex: 0 1 auto;
  }
}
    

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

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

.m1fd0 {
  background: linear-gradient(135deg, #282338 0%, #1c1828 50%, #110e1a 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
}

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

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

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

.j19313 {
  color: var(--color-accent);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.fa066f {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 6vw, 4.5rem);
  height: clamp(3rem, 6vw, 4.5rem);
  border-radius: 50%;
  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  flex-shrink: 0;
}

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

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

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

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

  .fa066f {
    align-self: flex-start;
  }
}

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

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

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

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

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

.lf2f8 {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  width: 100%;
}

@media (min-width: 768px) {
  .lf2f8 {
    grid-template-columns: repeat(2, 1fr);
  }

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

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

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

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

  .b317 {
    grid-column: span 1;
  }

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

.m534f {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
  overflow: hidden;
}

.m534f:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 32px rgba(192, 132, 252, 0.15);
  transform: translateY(-4px);
}

.ka60273,
.labac,
.hb0 {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: clamp(0.375rem, 0.75vw, 0.75rem);
}

.ld2174fd .ka60273 {
  aspect-ratio: 16 / 10;
  max-height: 350px;
}

.b317 .labac {
  aspect-ratio: 4 / 3;
  max-height: 250px;
}

.m3ee5b .hb0 {
  aspect-ratio: 16 / 9;
  max-height: 300px;
}

.m534f h3 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.375rem);
  font-weight: 600;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.fc2273 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  margin: clamp(0.5rem, 1vw, 0.75rem) 0;
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.875rem);
}

.fc2273 span {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.fc2273 i {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.875rem);
}

.n6024 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.n6024::after {
  content: '→';
  transition: transform 0.3s ease;
}

.n6024:hover::after {
  transform: translateX(4px);
}

@media (max-width: 767px) {
  .m1fd0 {
    padding: 2.5rem 0;
  }

  .jc143190 {
    padding: 2.5rem 0;
  }

  .pa0d {
    padding: 2.5rem 0;
  }

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

  .ld2174fd {
    grid-column: 1;
  }

  .m3ee5b {
    grid-column: 1;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .lf2f8 {
    grid-template-columns: repeat(2, 1fr);
  }

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

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

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

  .jc143190 {
    padding: 5rem 0;
  }

  .pa0d {
    padding: 5rem 0;
  }
}

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.7;
}

a {
  transition: all 0.3s ease;
}

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

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

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

.p54303 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

.c90 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(17, 14, 26, 0.7) 0%, rgba(17, 14, 26, 0.5) 50%, rgba(17, 14, 26, 0.7) 100%);
}

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

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

.j70b4faf {
  color: var(--color-text-secondary);
  text-decoration: none;
}

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

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

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

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

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

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

.aa851671 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

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

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

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

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

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

.kdd {
  font-size: clamp(1.1rem, 1.5vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.d43 {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

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

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

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

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

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

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

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

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

.d0181cd {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

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

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

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

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

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

.p9f9,
.b91fece1,
.aa75f,
.a893 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  position: relative;
}

.c379 {
  position: absolute;
  left: 0;
  top: -1.5rem;
  font-size: clamp(3rem, 8vw, 5rem);
  font-weight: 800;
  color: var(--color-accent);
  opacity: 0.15;
  line-height: 1;
  z-index: 0;
}

.pccb7,
.dc554,
.a89,
.ge0 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  position: relative;
  z-index: 1;
}

.dc927,
.l1d7,
.b15d083c,
.p098 {
  flex: 1 1 50%;
  max-width: 50%;
}

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

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

.d7293f,
.l802c,
.ba914517,
.m384 {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

.a6e {
  background: rgba(192, 132, 252, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 0.5rem;
}

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

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

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

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

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

.m1cc0 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: rgba(192, 132, 252, 0.08);
  border: 1px solid rgba(192, 132, 252, 0.3);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  align-items: flex-start;
}

.haa29 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--color-accent);
  margin-top: 0.25rem;
}

.haa29 i {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.a9c51fd {
  flex: 1;
}

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

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

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

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

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

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

.f6a {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: #ffffff;
  text-decoration: none;
  border-radius: clamp(0.375rem, 1vw, 0.5rem);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

.kdf0f4 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.kdf0f4:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(192, 132, 252, 0.15);
}

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

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

.kdf0f4:hover .l3f084d {
  transform: scale(1.05);
}

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

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

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

.o5c6b6 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
  margin-top: auto;
}

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

@media (max-width: 1023px) {
  .bf6542,
  .p9f9,
  .b91fece1,
  .aa75f,
  .a893 {
    flex-direction: column;
  }

  .k88a4b,
  .p6597a,
  .pccb7,
  .dc554,
  .a89,
  .ge0,
  .dc927,
  .l1d7,
  .b15d083c,
  .p098 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c379 {
    font-size: clamp(2rem, 6vw, 3rem);
    top: -1rem;
  }
}

@media (max-width: 767px) {
  .k813e9 {
    flex-direction: column;
    align-items: flex-start;
  }

  .ndaa1ae {
    width: 60px;
    height: 60px;
  }

  .c5b85 {
    min-height: 450px;
  }

  .i63e2f1 {
    font-size: 0.75rem;
  }

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

  .m1cc0 {
    flex-direction: column;
  }

  .haa29 {
    margin-top: 0;
  }
}

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

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

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

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

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

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

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

.j11 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(17, 14, 26, 0.75) 0%, rgba(28, 24, 40, 0.65) 100%);
  z-index: 1;
}

.d54 .pde78edd {
  position: relative;
  z-index: 2;
}

.k2e2 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 2rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
}

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

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

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

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

.n2d16be {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.ad1f {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 2rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
}

.cf1044 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

.pe9 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  line-height: 1.7;
}

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

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

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

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

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

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

.ed65a {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

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

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

.c0d2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

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

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

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

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

  .e291808,
  .b2f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.f2e00a1 {
  text-align: center;
}

.ee7 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  font-family: 'Plus Jakarta Sans', sans-serif;
  margin-bottom: 1rem;
}

.e46 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
}

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

.e133:nth-child(odd) {
  flex-direction: row-reverse;
}

.je0d45 {
  font-size: clamp(3rem, 8vw, 5rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: 'Plus Jakarta Sans', sans-serif;
  line-height: 1;
  flex-shrink: 0;
  opacity: 0.2;
}

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

.c4b {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

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

.m1d71 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1rem;
}

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

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

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

.d282,
.ed980,
.j97a {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

  .e133:nth-child(odd) {
    flex-direction: column;
  }

  .je0d45 {
    order: -1;
  }

  .m1f,
  .n67a4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.b4ca093 {
  font-size: clamp(1.5rem, 2vw, 1.75rem);
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

.o6cb377 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

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

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

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

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

.e014 {
  text-align: center;
}

.oc57e {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  font-family: 'Plus Jakarta Sans', sans-serif;
  margin-bottom: 1rem;
}

.if72ef {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
}

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

.de6 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-bg-card);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.de6:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(192, 132, 252, 0.15);
}

.ne41 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: 'Plus Jakarta Sans', sans-serif;
  line-height: 1;
}

.e4e85e {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

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

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

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

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

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

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

.lf275 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

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

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

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

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

  .g21e,
  .o4d9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.be4 {
  text-align: center;
}

.g7b5 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  font-family: 'Plus Jakarta Sans', sans-serif;
  margin-bottom: 1rem;
}

.g9f521 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
}

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

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

.h91780ea:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 32px rgba(192, 132, 252, 0.2);
}

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

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

.h91780ea:hover .jf6f0ca0 {
  transform: scale(1.05);
}

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

.mf1c723b {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: 'Plus Jakarta Sans', sans-serif;
  line-height: 1.4;
}

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

.a87f {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
  width: fit-content;
  margin-top: 0.5rem;
}

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

.a87f i {
  font-size: 0.85em;
  transition: transform 0.3s ease;
}

.h91780ea:hover .a87f i {
  transform: translateX(4px);
}

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

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

.dbc1 {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(3rem, 6vw, 5rem) 0;
  overflow: hidden;
}

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

.d485 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.h66b {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.bc0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.75rem, 3vw, 2.5rem);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  transition: all 0.3s ease;
  width: fit-content;
  align-self: center;
}

.bc0:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(192, 132, 252, 0.3);
}

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

@media (max-width: 480px) {
  .k2e2 {
    gap: 0.25rem;
  }

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

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

  .o67a {
    width: 60px;
    height: 60px;
  }

  .k746b2 {
    padding: 1.25rem;
  }

  .de6 {
    flex: 1 1 100%;
  }

  .ge41f {
    flex-direction: column;
  }
}

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

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

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;
  line-height: 1.7;
}

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

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

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

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

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

.g001281 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(17, 14, 26, 0.85) 0%, rgba(28, 24, 40, 0.75) 50%, rgba(17, 14, 26, 0.85) 100%);
  z-index: 2;
}

.f2e4b7 {
  position: relative;
  z-index: 3;
  max-width: 800px;
}

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

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

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

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

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

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

.l137aa {
  display: inline;
}

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

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

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

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

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

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

.mc28c {
  flex: 1;
}

.ndd {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.25rem;
}

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

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

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

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

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

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

.m69a20c8 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 850px;
}

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

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

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

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

.h22e6 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-accent);
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k33533 {
  flex-shrink: 0;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  margin-top: 0.25rem;
}

.b03146 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n95bf7 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 850px;
}

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

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

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

.ff5 {
  display: inline-block;
  background: var(--color-accent);
  color: #ffffff;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
}

.ff5:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
  transform: translateY(-2px);
}

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

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

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

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

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

.c30 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 300px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

.c30:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(192, 132, 252, 0.15);
}

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

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

.ic65dd8 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  line-height: 1.4;
}

.i3a4 {
  color: var(--color-accent);
  transition: var(--transition-base);
}

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

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

@media (max-width: 1024px) {
  .me023,
  .g38c3aa,
  .k194d4d,
  .a357 {
    flex-direction: column;
  }

  .lb2c,
  .ac0,
  .p016812c,
  .f2217,
  .m63,
  .i148,
  .k18a,
  .b934f03e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

  .k33533 {
    margin-top: 0;
  }

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

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

@media (max-width: 480px) {
  .b06d {
    flex-wrap: wrap;
  }

  .g58 {
    flex-wrap: wrap;
  }

  .f718 {
    width: 60px;
    height: 60px;
  }
}

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

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

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

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

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

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

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

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

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

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

.l917942e {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(17, 14, 26, 0.85) 0%, rgba(28, 24, 40, 0.75) 100%);
  z-index: 1;
}

.e86 .pde78edd {
  position: relative;
  z-index: 2;
}

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

.a27b5b a {
  color: var(--color-accent-light);
  transition: var(--transition-base);
}

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

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

.o8c5f {
  max-width: 800px;
}

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

.k06b3 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .fc1,
  .p68 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.fc679f {
  font-size: clamp(3rem, 8vw, 5rem);
  font-weight: 800;
  color: var(--color-accent);
  line-height: 1;
  margin-bottom: 1rem;
  opacity: 0.9;
}

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

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

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

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

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

  .n840b,
  .ff6f6c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

  .if419,
  .k2c1f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.a6f127de {
  background: rgba(192, 132, 252, 0.08);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
}

.e7575fdc {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-accent-light);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

  .j63,
  .l004a27a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

  .l6a4,
  .kd61 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.dd7c17c {
  flex: 0 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

.dd7c17c:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  background: rgba(192, 132, 252, 0.05);
}

.h55b {
  font-size: 2rem;
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

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

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

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

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

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

.j2fe {
  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.2;
  text-align: center;
}

.j87e {
  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);
  text-align: left;
}

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

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

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

.o9f4f68b {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

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

.kfd:hover {
  transform: translateY(-6px);
  border-color: var(--color-accent);
  box-shadow: 0 10px 30px rgba(192, 132, 252, 0.15);
}

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

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

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

.lbc8fe00 a {
  color: var(--color-accent);
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

html, body {
  width: 100%;
  height: 100%;
}

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

.d4002 {
  width: 100%;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

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

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

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

.ne394 {
  text-align: center;
  max-width: 900px;
}

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

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

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

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

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

.i1f {
  text-align: center;
}

.p13fb {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

.efcc11 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

.md5f4628 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

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

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

.g1f13d {
  text-align: center;
}

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

.h73342 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
}

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

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

.m0f357a7 {
  flex: 1 1 45%;
  min-width: 250px;
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
}

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

.aec8e8 + .aec8e8 {
  margin-top: 1.25rem;
}

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

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

.pe531 {
  text-align: center;
}

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

.ma0ed {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
}

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

.p889 {
  flex: 1 1 calc(33.333% - 1.33rem);
  min-width: 240px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 10px;
  border-top: 3px solid var(--color-primary);
  transition: all 0.3s ease;
}

.p889:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(192, 132, 252, 0.15);
}

.b5c37b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: var(--color-primary);
  border-radius: 8px;
  margin-bottom: 1rem;
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
}

.hd9794 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.3rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

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

  .j9f3c90 {
    flex-direction: column;
  }

  .m3c4a5,
  .m0f357a7 {
    flex: 1 1 100%;
  }
}

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

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

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

.ibd63db1 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: 10px;
  border-left: 5px solid var(--color-primary);
  position: relative;
}

.h11a9 {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: 1rem;
  opacity: 0.4;
}

.bac399e1 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.j91f6e0 {
  display: block;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-style: italic;
}

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

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

.m1fa2f {
  text-align: center;
}

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

.a29d59 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
}

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

.k173 {
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 180px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 10px;
  text-align: center;
  border-bottom: 3px solid var(--color-primary);
}

.c9c27 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

.a5c0 {
  text-align: center;
}

.ja337b {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.ha05e {
  color: var(--color-primary);
  font-size: 1.25rem;
}

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

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

  .j9f3c90 {
    flex-direction: column;
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

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

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

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

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

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

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

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

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

.eda {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

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

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

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

.ee4b {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  margin-top: 1.5rem;
}

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

  .oabfc {
    flex: 1 1 45%;
    max-height: 450px;
  }

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

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

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

.mfb5b {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

.f06bcfb {
  text-align: center;
}

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

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

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

.ib9157 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

.ib9157:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(192, 132, 252, 0.1);
}

.idf9ce1d {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
}

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

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

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

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

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

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

.k9d2a8 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

  .o038390 {
    flex: 1 1 50%;
  }

  .ce184fe9 {
    flex: 1 1 50%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i190 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
}

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

.o71e47 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.1;
}

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

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

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

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

.c2ef037 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.a0683cc {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

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

.g7e06b17 {
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

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

.ee8:hover .g7e06b17 img {
  transform: scale(1.05);
}

.dd6 {
  padding: var(--spacing-lg);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

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

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

.e7bbe5 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.j3a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  flex-grow: 1;
}

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

  .a0683cc {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

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

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

  .g7e06b17 {
    height: 260px;
  }
}

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

.kf34 {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.oacc67d7 {
  width: 100%;
}

.b1f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.dbe0997e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 500px;
}

.deca {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  width: 100%;
}

.cc266 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  text-align: center;
  border: none;
  cursor: pointer;
  line-height: 1.5;
}

.k7b88acd {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

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

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

  .kf34 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-2xl);
  }

  .oacc67d7 {
    flex: 1;
  }

  .deca {
    flex-direction: row;
    width: auto;
    gap: var(--spacing-lg);
  }

  .cc266 {
    min-width: 180px;
  }
}

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

.cf54d2 {
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.m3136c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.k0dd6ca {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.d62 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.gbec1b {
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.m124b {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.k0395 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  width: 100%;
}

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

.p55b:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.o2ea5 {
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

.o2ea5 i {
  font-size: 1.75rem;
  color: var(--color-primary);
}

.ne920cc {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.25rem, 1.4rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
  line-height: 1.3;
}

.f5bf {
  font-size: clamp(0.9rem, 1.5vw + 0.2rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.j6e942de {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  margin-top: var(--spacing-md);
}

.ib7af4 {
  font-size: 0.9rem;
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

.ib7af4 i {
  color: var(--color-primary);
  font-size: 0.85rem;
  width: 16px;
  text-align: center;
}

.pf8 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

.c5b {
  max-width: 600px;
  margin: 0 auto;
}

.he0de86 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  line-height: 1.3;
}

.a13e {
  font-size: clamp(0.95rem, 1.5vw + 0.2rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.dee2 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

@media (min-width: 640px) {
  .k0395 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }

  .m3136c {
    min-height: 240px;
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .k0395 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .m3136c {
    min-height: 280px;
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

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

  .f5bf {
    font-size: 1rem;
  }

  .ne920cc {
    font-size: 1.3rem;
  }
}

@media (min-width: 1280px) {
  .k0395 {
    grid-template-columns: repeat(2, 1fr);
  }

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

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

.e554f1 .pde78edd {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.e554f1 .ma4 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.e554f1 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.e554f1 .kf59 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  font-style: italic;
}

.e554f1 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

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

.e554f1 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.e554f1 ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  color: var(--color-text-primary);
}

.e554f1 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.e554f1 .e4cfba29 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.e554f1 .e4cfba29 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.e554f1 .e4cfba29 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.e554f1 .ae0c {
  background-color: var(--color-primary-light);
  color: var(--color-text-primary);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-sm);
  margin: var(--spacing-md) 0;
}

@media (min-width: 768px) {
  .e554f1 .pde78edd {
    padding: 0 var(--spacing-lg);
  }

  .e554f1 .ma4 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .e554f1 .pde78edd {
    padding: 0 var(--spacing-xl);
  }

  .e554f1 .ma4 {
    padding: var(--spacing-3xl) 0;
  }
}

.c4d2c9 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

.kcf5 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.pde78edd {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.e7968 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.f2b3b4e {
  width: clamp(60px, 12vw, 100px);
  height: clamp(60px, 12vw, 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  background-color: var(--color-success-light);
  animation: iconPulse 0.8s ease-out;
}

.f2b3b4e svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke-width: 1.5;
}

.c4d2c9 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: -0.02em;
}

.ic7 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  line-height: 1.6;
}

.i70b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.8;
  max-width: 650px;
}

.n492a2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.8;
  max-width: 650px;
}

.c82bfd {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
  text-align: center;
  min-width: 200px;
}

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

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

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

@keyframes iconPulse {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .kcf5 {
    padding: var(--spacing-xl) var(--spacing-md);
  }

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

  .c82bfd {
    min-width: 220px;
    padding: var(--spacing-md) var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .kcf5 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

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

html {
  scroll-behavior: smooth;
}

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

main.g0bb9 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  padding: var(--spacing-md);
}

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

.pde78edd {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.ma4 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  align-items: center;
}

.h409 {
  margin-bottom: var(--spacing-lg);
  position: relative;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.a0b {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
}

.m6b8298a {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  color: var(--color-primary);
  letter-spacing: -0.02em;
  line-height: 1;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.c2a663a {
  width: clamp(60px, 12vw, 120px);
  height: clamp(60px, 12vw, 120px);
  color: var(--color-secondary);
  opacity: 0.85;
  animation: float 4s ease-in-out infinite;
}

.c2a663a svg {
  width: 100%;
  height: 100%;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-15px) rotate(3deg);
  }
}

.p86a5f {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.gaba3 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
}

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

.c82bfd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  font-family: var(--font-primary);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  gap: var(--spacing-sm);
  min-height: 48px;
  text-align: center;
}

.e735 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.e735:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.b1133572 {
  margin-top: var(--spacing-2xl);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.p888352 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.oba4d8b {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  align-items: center;
}

.oba4d8b li {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-xs) var(--spacing-sm);
}

.oba4d8b li::before {
  content: "";
  display: inline-block;
  font-size: 1.2em;
}

@media (max-width: 480px) {
  main.g0bb9 {
    min-height: auto;
    padding: var(--spacing-lg) var(--spacing-md);
  }

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

  .h409 {
    height: 150px;
    margin-bottom: var(--spacing-md);
  }

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

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

  .b1133572 {
    margin-top: var(--spacing-xl);
    padding: var(--spacing-md);
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  main.g0bb9 {
    padding: var(--spacing-lg) var(--spacing-md);
  }

  .h409 {
    height: 180px;
  }

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

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

@media (min-width: 769px) {
  main.g0bb9 {
    padding: var(--spacing-xl);
  }

  .h409 {
    height: 220px;
    margin-bottom: var(--spacing-xl);
  }

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

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

  .c82bfd {
    padding: var(--spacing-md) var(--spacing-2xl);
    min-height: 52px;
  }

  .b1133572 {
    margin-top: var(--spacing-3xl);
    padding: var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .c2a663a {
    animation: none;
  }

  .c82bfd {
    transition: none;
  }

  .c82bfd:hover {
    transform: none;
  }
}

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

.ffd {
  background-color: var(--color-bg-secondary);
  padding: 3rem 2rem;
  overflow: hidden;
}

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

.ffd h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.gc043 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.lea {
  background-color: var(--color-bg-primary);
  padding: 3rem 2rem;
  overflow: hidden;
}

.m484b7 {
  width: 100%;
}

.l6d4fc {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

.c85 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.a9c91 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.l187 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.id3980e,
.n9683577 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: 1.5;
  transition: all var(--transition-base);
}

.id3980e::placeholder,
.n9683577::placeholder {
  color: var(--color-text-muted);
}

.id3980e:focus,
.n9683577:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.n9683577 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.g16 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
}

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

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

.le01f06 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.95vw, 0.875rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0;
  line-height: 1.6;
}

.d69d1e42 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

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

.id658 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

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

.o66f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

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

.j4ed {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.n92 {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

.b89 {
  flex: 1;
}

.a95 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.375rem 0;
}

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

.e9e9 {
  margin-top: 1.5rem;
  padding: 1.5rem;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.j0799 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

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

@media (min-width: 768px) {
  .ffd {
    padding: 4rem 2rem;
  }

  .lea {
    padding: 4rem 2rem;
  }

  .l6d4fc {
    gap: 4rem;
  }

  .kbf0e {
    flex: 1 1 45%;
  }

  .id658 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .ffd {
    padding: 5rem 2rem;
  }

  .lea {
    padding: 5rem 2rem;
  }

  .l6d4fc {
    gap: 5rem;
  }

  .kbf0e {
    flex: 1 1 40%;
  }

  .id658 {
    flex: 1 1 40%;
  }
}

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

  .id658 {
    padding-top: 1.5rem;
    border-top: 1px solid var(--color-border-light);
  }
}

html{scroll-padding-top:80px;}
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));}
.i79b,.d7dec74{width:34px;}
.i79b[aria-expanded="true"]{display:none;}
.bba.k5ab5d6{z-index:999;}
.bba{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.bba{max-width:100%;}}
.l93f0c{justify-content:flex-end;}
@media (max-width:768px){.a0b8{min-height:500px;}}
@media (max-width:768px){.hb0{min-height:500px;}}