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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f5f3ff;
  --color-bg-tertiary: #150538;
  --color-bg-card: #ffffff;

  --color-text-primary: #2e1065;
  --color-text-secondary: #6b21a8;
  --color-text-muted: #7c55a3;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #f5f3ff;

  --color-primary: #7e22ce;
  --color-primary-hover: #6b21a8;
  --color-primary-light: #e9d5ff;
  --color-primary-lighter: #f3e8ff;

  --color-secondary: #a855f7;
  --color-secondary-light: #f3e8ff;
  --color-secondary-lighter: #faf5ff;

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #e9d5ff;
  --color-border-light: #f3e8ff;

  --font-primary: 'Karla', sans-serif;
  --font-heading: 'Rubik', sans-serif;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(126, 34, 206, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(126, 34, 206, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(126, 34, 206, 0.15);
  --shadow-xl: 0 20px 25px -5px rgba(126, 34, 206, 0.2);

  --transition-fast: 150ms ease-in-out;
  --transition-base: 200ms ease-in-out;
  --transition-slow: 300ms 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: #ffffff;
}

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

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

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

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

h1 {
  font-size: 3.5rem;
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: 2.5rem;
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: 1.875rem;
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.5rem;
  margin-bottom: var(--spacing-md);
}

h5 {
  font-size: 1.25rem;
  margin-bottom: var(--spacing-sm);
}

h6 {
  font-size: 1rem;
  margin-bottom: var(--spacing-sm);
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }
}

p {
  margin-bottom: var(--spacing-md);
  font-size: 1rem;
  line-height: 1.8;
}

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

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

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

.k8ab {
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-size: 1rem;
  display: inline-block;
  text-align: center;
}

.h39e22ef {
  background: var(--color-primary);
  color: var(--color-text-light);
  box-shadow: var(--shadow-md);
}

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

.cf67c {
  background: var(--color-secondary);
  color: var(--color-text-light);
  box-shadow: var(--shadow-md);
}

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

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

.ddfa:hover {
  background: var(--color-primary-lighter);
  color: var(--color-primary-hover);
}

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

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

.ac2515 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: var(--spacing-3xl) 0;
}

.ffb2075e {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-3xl) 0;
}

.ebcc87 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
  padding: var(--spacing-3xl) 0;
}

.ebcc87 h1,
.ebcc87 h2,
.ebcc87 h3,
.ebcc87 h4,
.ebcc87 h5,
.ebcc87 h6 {
  color: var(--color-text-light);
}

.ebcc87 p {
  color: var(--color-text-light-secondary);
}

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

.ebcc87 a:hover {
  color: var(--color-text-light);
}

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

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

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

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

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

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

@media (max-width: 640px) {
  .m3750,
  .l1d29,
  .jeb5 {
    grid-template-columns: 1fr;
  }
}

.df4c {
  display: flex;
}

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

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

.i29db6 {
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

.hb6b {
  text-align: center;
}

.k45f {
  text-align: left;
}

.ie1dd {
  text-align: right;
}

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

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

.f5aa {
  font-weight: 700;
}

.b37be {
  font-weight: 600;
}

.adaa9 {
  font-weight: 500;
}

.j3e47e4 {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.b04 {
  letter-spacing: 0.025em;
}

.m1370c {
  line-height: 1.25;
}

.d5a9 {
  line-height: 1.875;
}

.h32 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l3652e {
  opacity: 0.5;
}

.ob9c45 {
  opacity: 0.75;
}

.d7239 {
  opacity: 1;
}

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

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

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

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

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

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

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

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

.ebcc87 .f16621ca {
  background: rgba(255, 255, 255, 0.1);
}

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

  .ac2515,
  .ffb2075e,
  .ebcc87 {
    padding: var(--spacing-2xl) 0;
  }
}

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

  h2 {
    font-size: 1.25rem;
  }

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

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

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

.j3cd:hover {
  opacity: 0.85;
}

.eb452897 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  margin-right: 0.75rem;
  flex-shrink: 0;
}

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

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

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

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

.f125 {
  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-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.de344 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: 1.25rem;
  cursor: pointer;
  transition: all var(--transition-base);
  flex-shrink: 0;
}

.de344:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-border);
}

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

.g8f3c7eb.lb8ea {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.d2142038 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: clamp(1rem, 3vw, 1.5rem) clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  flex-shrink: 0;
}

.n71462 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: 1.25rem;
  cursor: pointer;
  transition: all var(--transition-base);
}

.n71462:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-border);
}

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

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

.b896:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: clamp(1.5rem, 4vw, 2.5rem);
}

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

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

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

  .f125 {
    display: inline-block;
  }

  .de344 {
    display: none;
  }

  .g8f3c7eb {
    display: none;
  }

  .f872d4fc {
    padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1rem, 4vw, 2rem);
  }
}

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

  .eb452897 {
    width: 48px;
    height: 48px;
  }

  .kcb {
    font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  }

  .f125 {
    padding: 0.875rem 2rem;
    font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  }
}

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

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

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

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

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

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

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

.o0036b {
  flex: 1 1 45%;
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

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

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

.k8ab {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

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

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

.h72c {
  flex: 1 1 50%;
  min-height: 300px;
}

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

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

  .o0036b,
  .h72c {
    flex: 1 1 100%;
  }

  .p1e78 {
    flex-direction: column;
  }

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

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

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

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

.c90a19 {
  flex: 1 1 45%;
}

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

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

.m135 {
  flex: 1 1 50%;
  min-height: 250px;
}

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

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

.o84955 {
  flex: 1 1 300px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

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

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

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

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

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

  .c90a19,
  .m135 {
    flex: 1 1 100%;
  }

  .p33f5 {
    flex-direction: column;
  }

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

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

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

.d98a9 {
  text-align: center;
}

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

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

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

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

.gc5 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  min-width: 80px;
  flex-shrink: 0;
}

.d8d {
  flex: 1;
}

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

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

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

  .gc5 {
    min-width: 60px;
  }
}

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

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

.o400d {
  text-align: center;
}

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

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

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

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

.g9b6b7d6 {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  min-width: 100px;
  flex-shrink: 0;
}

.ge909613 {
  flex: 1;
}

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

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

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

  .g9b6b7d6 {
    min-width: 60px;
  }
}

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

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

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

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

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

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

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

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

.aa3fe {
  text-align: center;
}

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

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

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

.h57781 {
  flex: 1 1 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  transition: all var(--transition-base);
}

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

.c8fb {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

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

.d9c3a {
  flex: 1 1 45%;
}

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

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

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

.c5eb4b13 {
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
}

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

.m17707e {
  color: var(--color-text-light);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  margin: 0;
}

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

  .d9c3a,
  .m8800 {
    flex: 1 1 100%;
  }
}

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

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

.e91a674 {
  text-align: center;
}

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

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

.fabd2 {
  flex: 1 1 200px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

.h185 {
  font-size: clamp(3rem, 6vw, 4rem);
  color: var(--color-accent);
}

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

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

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

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

.hb3 {
  text-align: center;
}

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

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

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

.f666 {
  flex: 1 1 300px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

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

.gf8ccf38 {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

.l7e2.kfbd0 {
  display: none;
}

.n85d {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
  line-height: 1.5;
}

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

.jdd3,
.oba {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-sm);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
}

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

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

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

.oba:hover {
  color: var(--color-text-light);
  border-color: var(--color-text-light);
  background: rgba(255, 255, 255, 0.05);
}

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

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

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

  .jdd3,
  .oba {
    flex: 1 1 calc(50% - 0.5rem);
    min-width: 120px;
  }
}

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

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

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

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

.f9310 {
  display: block;
}

.f9310 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f9310 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  line-height: 1.7;
  max-width: 450px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d94e99e {
  display: block;
}

.d94e99e h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d53efb3f {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.25rem, 3vw, 2rem);
}

.d53efb3f li {
  display: block;
}

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

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

.ha0e10b {
  display: block;
}

.ha0e10b h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h6b62 {
  display: block;
}

.h6b62 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f6b7f {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.25rem, 3vw, 2rem);
}

.f6b7f li {
  display: block;
}

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

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .n7442e8 {
    grid-template-columns: 2fr 1.5fr 1.5fr 1.5fr;
    gap: clamp(2.5rem, 5vw, 3.5rem);
  }

  .f9310 {
    grid-column: 1;
  }

  .d94e99e {
    grid-column: 2;
  }

  .ha0e10b {
    grid-column: 3;
  }

  .h6b62 {
    grid-column: 4;
  }

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

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

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-accent);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-accent-hover);
}

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

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

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

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

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

.kaece546 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o41cf7,
.h7c9f {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}

.o41cf7 i,
.h7c9f i {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.bf6,
.k0f7,
.ced {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}

.bf6 i,
.k0f7 i,
.ced i {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
}

.h932 {
  color: var(--color-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: auto;
  padding-top: clamp(0.75rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

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

.h932::after {
  content: '→';
  display: inline-block;
  transition: transform var(--transition-base);
}

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

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

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

  .p1bc {
    flex: 1 1 100%;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .p53 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .p1bc {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  }
}

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

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

  .p53 {
    gap: clamp(1.75rem, 3vw, 2.5rem);
  }

  .p1bc {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  }

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

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

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

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

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

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

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

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

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

.cc6b {
  position: relative;
  overflow: hidden;
  background: var(--color-bg-primary);
}

.lbab {
  position: relative;
  height: clamp(300px, 50vw, 450px);
  overflow: hidden;
}

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

.le7357c1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(21, 5, 56, 0.7) 0%, rgba(110, 33, 168, 0.6) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(2rem, 5vw, 3rem) 0;
}

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

.c7e8a751 a {
  color: var(--color-text-light);
  transition: var(--transition-base);
}

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

.c7e8a751 span {
  color: var(--color-text-light);
}

.c7e8a751 span:last-child {
  color: var(--color-text-muted);
}

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

.l87a {
  color: var(--color-text-light);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
}

.j3cb55 {
  color: var(--color-text-light);
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  max-width: 600px;
  opacity: 0.95;
}

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

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

.aeb090 i {
  font-size: 1.125rem;
  opacity: 0.8;
}

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

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

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

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

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

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

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

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

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

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

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

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

.gb5f0d6 i {
  color: var(--color-accent);
  font-size: 1.25rem;
  flex-shrink: 0;
}

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

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

.oe10ff57 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.oe10ff57 i {
  color: var(--color-accent);
  font-size: 1.5rem;
  flex-shrink: 0;
}

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

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

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

.g102582a {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

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

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

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

.fc06 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
}

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

.nd4db {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

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

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

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

.k3c {
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

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

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

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

.o62 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

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

.c445 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

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

.j4af4 {
  margin: 0;
}

.n4906 {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(1rem, 1.5vw, 1.125rem);
}

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

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

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

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

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

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

.cdf31 {
  color: var(--color-text-light);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
}

.ea65 {
  color: var(--color-text-muted);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
}

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

.fc7fd5 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(21, 5, 56, 0.15);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

.fc7fd5:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(21, 5, 56, 0.2);
}

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

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

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

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

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

.h92e29 {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: var(--transition-base);
  display: inline-block;
  margin-top: 0.5rem;
}

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

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

  .j8adb {
    flex: 1 1 100%;
  }

  .n698 {
    flex: 1 1 100%;
  }

  .n7b62f1 {
    flex-direction: column;
  }

  .d72e {
    flex: 1 1 100%;
  }

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

@media (max-width: 768px) {
  .le7357c1 {
    padding: clamp(1.5rem, 3vw, 2rem) 0;
    justify-content: center;
  }

  .lbab {
    height: clamp(250px, 40vw, 350px);
  }

  .c7e8a751 {
    font-size: 0.8125rem;
  }

  .n6c4 {
    gap: 1rem;
  }

  .l8bb {
    flex-direction: column;
  }

  .fc7fd5 {
    flex: 1 1 100%;
  }

  .la79529 {
    gap: 1.5rem;
  }

  .n698 {
    gap: 1rem;
  }

  .i85bf {
    padding: 1rem;
    gap: 1rem;
  }

  .n7b62f1 {
    gap: 1rem;
  }
}

@media (max-width: 480px) {
  .l87a {
    font-size: clamp(1.5rem, 5vw, 2rem);
  }

  .c7e8a751 {
    gap: 0.25rem;
    font-size: 0.75rem;
  }

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

  .aeb090 {
    font-size: 0.75rem;
    gap: 0.375rem;
  }

  .aeb090 i {
    font-size: 1rem;
  }
}

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

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

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

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

.f5f1 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.mf7f5f {
  flex: 1 1 100%;
}

@media (min-width: 768px) {
  .mf7f5f {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

.p58 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Rubik', sans-serif;
}

.b3c99c {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a5142f {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: 0;
}

.h6217c1 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

.h6217c1 i {
  color: var(--color-accent);
  width: 18px;
  text-align: center;
}

.f0fd {
  flex: 1 1 100%;
  width: 100%;
}

@media (min-width: 768px) {
  .f0fd {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

.f0fd img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  box-shadow: 0 10px 30px rgba(126, 34, 206, 0.15);
}

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

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

@media (min-width: 1024px) {
  .bee {
    flex-direction: row;
  }
}

.cb4 {
  flex: 1 1 100%;
}

@media (min-width: 1024px) {
  .cb4 {
    flex: 1 1 65%;
    max-width: 65%;
  }
}

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

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

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

.e35 {
  flex: 1 1 100%;
}

@media (min-width: 768px) {
  .e35 {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

.i88 {
  flex: 1 1 100%;
  width: 100%;
}

@media (min-width: 768px) {
  .i88 {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

.i88 img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  box-shadow: 0 10px 30px rgba(126, 34, 206, 0.1);
}

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

.i0a44322 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cdba4 {
  list-style: none;
  padding: 0;
  margin: clamp(1.5rem, 2vw, 2rem) 0;
}

.mf2a582 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  margin-bottom: clamp(1rem, 1.5vw, 1.25rem);
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h43d {
  margin: clamp(2rem, 4vw, 3rem) 0;
}

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

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

.c74b {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Rubik', sans-serif;
}

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

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

.e6a0f {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 600;
  margin-bottom: clamp(1rem, 1.5vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Rubik', sans-serif;
}

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

.na78 {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

.bf1 {
  color: var(--color-accent);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: bold;
  flex-shrink: 0;
}

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

.b3a {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  margin: clamp(2rem, 4vw, 3rem) 0;
}

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

.mb8b68bd {
  color: var(--color-text-primary);
  font-size: clamp(1.3rem, 3vw, 1.8rem);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Rubik', sans-serif;
}

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

.ge2f9 {
  flex: 1 1 100%;
}

@media (min-width: 1024px) {
  .ge2f9 {
    flex: 1 1 35%;
    max-width: 35%;
  }
}

.m9dda {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
}

.p7c {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 600;
  margin-bottom: clamp(1rem, 1.5vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Rubik', sans-serif;
}

.f273c89d {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
  padding-bottom: clamp(0.75rem, 1vw, 1rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

.hd552 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
}

.deebe8c9 {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1rem);
}

.dc1 {
  margin: 0;
}

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

.nbd56 {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.k91 {
  background: linear-gradient(135deg, var(--color-bg-secondary), var(--color-bg-primary));
  border: 2px solid var(--color-accent);
}

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

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

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

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

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

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

.gf43 {
  flex-shrink: 0;
}

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

.pf18e0e2 {
  flex: 1;
}

.o5f8d {
  color: var(--color-text-primary);
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Rubik', sans-serif;
}

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

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

.l74 {
  color: var(--color-accent);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1rem);
  font-weight: 600;
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.l59eb {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Rubik', sans-serif;
}

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

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

@media (min-width: 768px) {
  .h536 {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.f7c5a {
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(126, 34, 206, 0.1);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
}

@media (min-width: 768px) {
  .f7c5a {
    flex: 1 1 calc(33.333% - clamp(1.33rem, 2vw, 1.67rem));
    max-width: calc(33.333% - clamp(1.33rem, 2vw, 1.67rem));
  }
}

.f7c5a:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(126, 34, 206, 0.15);
}

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

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

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

.o69b {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Rubik', sans-serif;
}

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

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

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

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

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

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

  .h8c0 {
    flex-direction: column;
  }

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

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

  .iefe {
    flex-direction: column;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .c286a,
    .h93 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

  .m7d {
    flex: 1 1 65%;
    max-width: 65%;
  }

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

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

  .ad1d4ad1 {
    flex: 1 1 35%;
    max-width: 35%;
  }

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

  .laaa1 {
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
    color: var(--color-text-light);
    font-family: var(--font-heading);
    font-weight: 700;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

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

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

  .la9264::before {
    content: "▸";
    position: absolute;
    left: 0;
    color: var(--color-secondary);
  }

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

    .m7d,
    .ad1d4ad1 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

  .eb7d43::before {
    content: "◆";
    position: absolute;
    left: 0;
    color: var(--color-primary);
  }

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

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

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

    .gb8,
    .c43 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

  .c58bd194 {
    background: var(--color-bg-tertiary);
    padding: clamp(1.25rem, 2vw, 1.75rem);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--color-secondary);
  }

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

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

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

    .d732e,
    .ic7c7 {
      flex: 1 1 100%;
      max-width: 100%;
      order: unset;
    }
  }

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

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

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

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

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

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

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

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

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

    .obe38,
    .f2e59 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .na40de {
    flex: 0 0 auto;
    font-size: clamp(1.5rem, 3vw, 2rem);
    color: var(--color-secondary);
    margin-top: 0.25rem;
  }

  .h28337 {
    flex: 1 1 auto;
  }

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

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

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

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

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

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

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

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

  .aea9dff {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    font-family: var(--font-heading);
    font-weight: 600;
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: all var(--transition-base);
    border: none;
    cursor: pointer;
  }

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

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

  .hc73 {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .o3419 {
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: row;
    gap: clamp(1.25rem, 2vw, 2rem);
    align-items: flex-start;
    max-width: 600px;
    border: 1px solid var(--color-border-light);
  }

  .l26ef {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-full);
    object-fit: cover;
    flex: 0 0 auto;
  }

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

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

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

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

  .ff4b {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
    color: var(--color-primary);
    font-weight: 600;
    margin: 0;
  }

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

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

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

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

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

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

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

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

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

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

  .o22e4 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all var(--transition-base);
  }

  .l3304390:hover .o22e4 {
    transform: scale(1.05);
  }

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

  .o8074 {
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-weight: 700;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .l014 {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-primary);
    text-decoration: none;
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    font-weight: 600;
    transition: all var(--transition-base);
    align-self: flex-start;
  }

  .l014:hover {
    color: var(--color-primary-hover);
    transform: translateX(4px);
  }

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

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

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

    .ee8528 {
      gap: 0.25rem;
    }
  }

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

html, body {
  font-family: 'Karla', sans-serif;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

.g02dd5 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

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

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

.h5bd {
  flex: 1 1 55%;
  max-width: 55%;
}

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

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

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

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

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

.acd {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: #ffffff;
  line-height: 1.7;
}

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

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

.a9ea2d49 {
  flex: 1 1 55%;
  max-width: 55%;
}

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

.nf5a36 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(2rem, 3vw, 2.5rem);
}

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

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

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

.pdbeaba {
  flex: 1;
}

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

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

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

.c33540 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 1vw, 1.25rem);
  object-fit: cover;
  display: block;
}

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

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

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

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

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

.p435ab,
.l302c3 {
  flex: 1;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.75rem, 1vw, 1.25rem);
  border-top: 4px solid var(--color-success);
}

.l302c3 {
  border-top-color: var(--color-danger);
}

.n5a53b,
.n8eda {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
}

.n5a53b i {
  color: var(--color-success);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.n8eda i {
  color: var(--color-danger);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.odab02,
.n0239b {
  font-size: clamp(1.125rem, 1.5vw, 1.5rem);
  color: var(--color-text-primary);
}

.n95c6f,
.e7bcd9 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  list-style: none;
}

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

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

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

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

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

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

.ac4 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 1vw, 1.25rem);
  object-fit: cover;
  display: block;
}

.ge33 {
  flex: 1 1 55%;
  max-width: 55%;
}

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

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

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

.f29 {
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.875rem);
  border-left: 3px solid var(--color-warning-light);
}

.k2f465 {
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.j54c26d8 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.75rem, 1vw, 1.25rem);
  border: 1px solid var(--color-border-light);
}

.nba28 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 1.5vw, 1.5rem);
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
}

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

.f42489d {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  list-style: none;
}

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

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

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

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

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

.nab91e6 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
}

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

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

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

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

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

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

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

.lb91fd6,
.me2a105 {
  display: inline-flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.25rem, 2vw, 1.75rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  text-align: center;
}

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

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

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

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

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

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

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

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

.fb0e6 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

.k4d57e {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 300px;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 1vw, 1.25rem);
  overflow: hidden;
  transition: all 0.3s ease;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
}

.k4d57e:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 30px rgba(126, 34, 206, 0.15);
}

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

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

.k4d57e:hover .c27381 img {
  transform: scale(1.05);
}

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

.dc49 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

@media (max-width: 768px) {
  .l6f84,
  .bda6,
  .e070,
  .c9e4ca {
    flex-direction: column;
  }

  .m92bb49,
  .g9c103bc,
  .h5bd,
  .p593699,
  .a9ea2d49,
  .c33540,
  .ac4,
  .ge33 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b991c68 {
    flex-direction: column;
  }

  .p435ab,
  .l302c3 {
    flex: 1 1 100%;
  }

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

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

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

  .fa3da {
    margin: 0 auto;
  }

  .lf594 {
    flex-direction: column;
  }

  .lb91fd6,
  .me2a105 {
    width: 100%;
    justify-content: center;
  }
}

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

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

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

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

.eafa {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

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

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

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

.o7c0 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

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

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

@media (max-width: 768px) {
  .h25017a {
    max-height: 300px;
  }
}

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

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

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

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

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

.h283077 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

.hec4d0 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.bedc7 {
  font-size: 2rem;
  color: var(--color-primary);
}

.n6415 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

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

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

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

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

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

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

.n4ce5c {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.m8c6cd {
  flex: 1 1 45%;
  width: 100%;
  height: 100%;
  min-height: 350px;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

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

  .de6 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

.a47 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

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

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

.b5a00c86 {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
  margin-top: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

.l2228 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  line-height: 1.4;
  margin-bottom: 0.75rem;
}

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

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

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

@media (min-width: 1024px) {
  .f6935 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .p112a,
  .d56c1,
  .c4e,
  .d414,
  .je289fa {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

.cae9b8 {
  background: var(--color-bg-primary);
  font-family: var(--font-primary);
}

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

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

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

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

.c681d83f {
  flex: 1 1 100%;
  min-height: 250px;
  max-height: 400px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

  .h593689 {
    flex: 1 1 45%;
  }
}

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

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

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

.bc7 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.p92 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

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

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

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

.i58 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.o9e {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

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

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

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

@media (min-width: 1024px) {
  .i870e9 {
    flex: 1 1 calc(33.333% - 1.33rem);
  }
}

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

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

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

.j8074d {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.hb361 {
  border-left: 4px solid var(--color-secondary);
  padding-left: clamp(1.25rem, 2vw, 2rem);
  padding-top: clamp(1rem, 1.5vw, 1.5rem);
  padding-bottom: clamp(1rem, 1.5vw, 1.5rem);
}

.k835 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.375rem);
  color: var(--color-text-light);
  line-height: 1.7;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a3b3 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  margin-top: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.id708a {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-secondary-light);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .j319 {
    flex: 1 1 50%;
  }

  .dc9b33 {
    flex: 1 1 50%;
  }

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

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

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

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

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

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

.pbe178 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.ob3f2 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  justify-content: center;
}

.db3a46 {
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

@media (min-width: 768px) {
  .ob3f2 {
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .db3a46 {
    flex: 1 1 auto;
  }
}

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

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

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

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

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

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

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

.j4dcab51 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.f167 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

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

.geba {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.c3b {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.ocd {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.p0215e {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  width: fit-content;
  margin-bottom: var(--spacing-md);
}

.la7ba5 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

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

.lc0c55 {
  background-color: var(--color-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.b74 {
  max-width: 700px;
  margin: 0 auto;
}

.d9d71 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.c384f11 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
  opacity: 0.95;
}

.da071 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-primary);
  background-color: var(--color-text-light);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-text-light);
  cursor: pointer;
}

.da071:hover {
  background-color: transparent;
  color: var(--color-text-light);
}

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

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

  .geba {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .c3b {
    flex-direction: column;
  }

  .kd7 {
    height: 280px;
  }

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

@media (min-width: 1024px) {
  .j4dcab51 {
    padding: 5rem var(--spacing-xl);
  }

  .f4d6 {
    padding: 5rem var(--spacing-xl);
  }

  .geba {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .kd7 {
    height: 320px;
  }

  .lc0c55 {
    padding: 5rem var(--spacing-xl);
  }

  .c3b:hover .kd7 img {
    transform: scale(1.02);
  }

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

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

.n4980 {
  position: relative;
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
  background-color: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.m26164 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  position: relative;
}

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

.g394 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: var(--spacing-md) 0 0 0;
  line-height: 1.6;
}

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

@media (min-width: 768px) {
  .n4980 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    gap: var(--spacing-2xl);
  }

  .od19ab65 {
    font-size: clamp(2.25rem, 5vw + 0.5rem, 3.5rem);
  }

  .ncb34 {
    max-height: 500px;
  }
}

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

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

.p62f4cf {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.fdc392e {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: all var(--transition-base) ease;
  box-shadow: var(--shadow-sm);
}

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

.p8fd8d6 {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  font-size: 1.75rem;
  color: var(--color-primary);
}

.oa41aa76 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.25rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

.c209549 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  flex-grow: 1;
}

.ee4d {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base) ease;
  width: fit-content;
  border: 2px solid var(--color-primary);
}

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

.ee4d:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

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

  .p62f4cf {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

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

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

.faeb2 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.c4bf {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
}

.kce8 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.1rem);
  color: var(--color-text-on-accent);
  background-color: var(--color-accent);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base) ease;
  width: fit-content;
  margin: var(--spacing-md) auto 0;
  border: 2px solid var(--color-accent);
}

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

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

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

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

.bfab {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.bfab .naf {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.bfab .f68a5bc {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.bfab h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.3;
}

.bfab .dd7f9e19 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.bfab h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.4;
}

.bfab p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
  text-align: left;
}

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

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

.bfab li {
  margin-bottom: var(--spacing-sm);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  color: var(--color-text-primary);
}

.bfab .g79b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.bfab .g79b h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.bfab .g79b p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.bfab .pc49622 {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

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

@media (min-width: 1024px) {
  .bfab .naf {
    padding: 0 var(--spacing-lg);
  }

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

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

.l52944f2 {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.naf {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.f68a5bc {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.ja93c {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.jbe {
  font-size: clamp(3rem, 12vw, 5rem);
  color: var(--color-success);
  margin-bottom: var(--spacing-md);
  animation: successPulse 0.8s ease-out;
}

@keyframes successPulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.p933 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.2;
}

.d3061 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: var(--spacing-md) 0 0 0;
  line-height: 1.6;
}

.k68d8f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: var(--spacing-md) 0 0 0;
}

.k8ab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  margin-top: var(--spacing-xl);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.h39e22ef {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

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

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

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

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

@media (min-width: 768px) {
  .l52944f2 {
    padding: 5rem var(--spacing-lg);
    min-height: 100vh;
  }

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

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

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

@media (min-width: 1024px) {
  .l52944f2 {
    padding: 6rem var(--spacing-2xl);
  }

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

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

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

.id1e {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.l177489 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  position: relative;
}

.naf {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.f68a5bc {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.i153ab {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  align-items: center;
  text-align: center;
}

.c11edeb0 {
  position: relative;
  width: 100%;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.g116 {
  position: absolute;
  background-color: var(--color-primary);
  opacity: 0.15;
  animation: sway 4s ease-in-out infinite;
}

.d88d {
  width: 12px;
  height: 200px;
  left: 15%;
  border-radius: 6px;
  animation-delay: 0s;
  transform-origin: bottom center;
}

.ld6 {
  width: 16px;
  height: 240px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 8px;
  animation-delay: 0.5s;
  transform-origin: bottom center;
}

.n94b23d6 {
  width: 12px;
  height: 200px;
  right: 15%;
  border-radius: 6px;
  animation-delay: 1s;
  transform-origin: bottom center;
}

@keyframes sway {
  0%, 100% {
    transform: rotateZ(-2deg);
  }
  50% {
    transform: rotateZ(2deg);
  }
}

.e1b0566c {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 40px;
  border: 2px solid var(--color-primary);
  border-radius: 50%;
  opacity: 0.3;
  animation: ripple 2.5s ease-out infinite;
}

@keyframes ripple {
  0% {
    width: 100px;
    height: 40px;
    opacity: 0.6;
  }
  100% {
    width: 200px;
    height: 80px;
    opacity: 0;
  }
}

.gae {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 12vw, 9rem);
  font-weight: 800;
  color: var(--color-primary);
  letter-spacing: -0.02em;
  line-height: 1;
  position: relative;
  z-index: 10;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.d29 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.d8f4e0 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-top: var(--spacing-sm);
}

.j4fa {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-top: var(--spacing-sm);
}

.ee6b2 {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-xl);
  gap: var(--spacing-md);
  flex-wrap: wrap;
}

.k8ab {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  letter-spacing: 0.3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
}

.h39e22ef {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.h39e22ef:hover {
  background-color: var(--color-primary-hover);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16);
  transform: translateY(-2px);
}

.h39e22ef:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.h39e22ef:focus-visible {
  outline: 3px solid var(--color-primary-light);
  outline-offset: 2px;
}

.i98 {
  margin-top: var(--spacing-lg);
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary-light);
}

.i98 p {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (min-width: 640px) {
  .l177489 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .c11edeb0 {
    height: 320px;
    margin-bottom: var(--spacing-2xl);
  }

  .d88d {
    height: 220px;
  }

  .ld6 {
    height: 260px;
  }

  .n94b23d6 {
    height: 220px;
  }
}

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

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

  .c11edeb0 {
    height: 360px;
    margin-bottom: var(--spacing-2xl);
  }

  .d88d {
    height: 240px;
  }

  .ld6 {
    height: 280px;
  }

  .n94b23d6 {
    height: 240px;
  }

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

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

  .c11edeb0 {
    height: 400px;
  }

  .d88d {
    height: 260px;
  }

  .ld6 {
    height: 300px;
  }

  .n94b23d6 {
    height: 260px;
  }

  .k8ab:hover {
    transform: translateY(-3px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .g116 {
    animation: none;
  }

  .e1b0566c {
    animation: none;
    opacity: 0.2;
  }

  .k8ab {
    transition: background-color var(--transition-fast), color var(--transition-fast);
  }

  .h39e22ef:hover {
    transform: none;
  }
}

@media (max-width: 480px) {
  .gae {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  }

  .i98 {
    padding: var(--spacing-md);
    border-left-width: 3px;
  }
}

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

.j2c83 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 2rem;
  overflow: hidden;
}

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

.j2c83 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.f3ff72 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
}

@media (min-width: 768px) {
  .j2c83 {
    padding: 5rem 2rem;
  }
}

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

.h4ccb5b {
  background-color: var(--color-bg-primary);
  padding: 3rem 2rem;
  overflow: hidden;
}

.h149 {
  width: 100%;
}

.l8a7c {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  width: 100%;
}

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

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

.lff h2,
.ec45 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  margin-top: 0;
}

.ff83c8ab {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.o5bbad93 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.ge8f1c {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: 0.3px;
}

.i0366cc,
.gf7 {
  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);
  transition: all var(--transition-base);
}

.i0366cc::placeholder,
.gf7::placeholder {
  color: var(--color-text-muted);
}

.i0366cc:focus,
.gf7:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 128, 96, 0.1);
}

.gf7 {
  min-height: 150px;
  resize: vertical;
  font-family: var(--font-primary);
}

.a6220 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 1rem 2rem;
  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);
  letter-spacing: 0.5px;
}

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

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

.m09807f0 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
  text-align: center;
  line-height: 1.6;
}

.a3c {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

.ha9 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
}

.fd98d {
  display: flex;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-xl);
  border-bottom: 1px solid var(--color-border-light);
}

.fd98d:last-of-type {
  border-bottom: none;
  margin-bottom: var(--spacing-xl);
  padding-bottom: 0;
}

.m19cc {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

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

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

.d204 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

.e2f {
  font-size: clamp(0.8rem, 0.95vw, 0.9rem) !important;
  color: var(--color-text-muted) !important;
  margin-top: var(--spacing-xs) !important;
}

.h9696 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-2xl);
}

.h9696 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-sm) 0;
}

.h9696 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
}

.m7fb0c8c {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.m7fb0c8c li {
  margin: 0;
  padding: 0;
}

.g4daee67 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.g4daee67:hover {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

.g4daee67::before {
  content: "→";
  opacity: 0;
  transition: opacity var(--transition-base);
}

.g4daee67:hover::before {
  opacity: 1;
}

@media (min-width: 768px) {
  .h4ccb5b {
    padding: 4rem 2rem;
  }

  .l8a7c {
    gap: 4rem;
  }

  .lff {
    flex: 1 1 45%;
  }

  .ec45 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .h4ccb5b {
    padding: 5rem 2rem;
  }

  .l8a7c {
    gap: 5rem;
  }

  .lff {
    flex: 1 1 50%;
  }

  .ec45 {
    flex: 1 1 50%;
  }
}

.o9f203 {
  background-color: var(--color-primary);
  padding: 3rem 2rem;
  overflow: hidden;
}

.ea3ef60 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.o9f203 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.o9f203 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-on-accent);
  line-height: 1.8;
  margin: 0 0 var(--spacing-xl) 0;
  opacity: 0.95;
}

.i69fcaa7 {
  display: inline-block;
  padding: 1rem 2.5rem;
  background-color: var(--color-text-on-accent);
  color: var(--color-primary);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  letter-spacing: 0.5px;
}

.i69fcaa7:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

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

@media (min-width: 768px) {
  .o9f203 {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .o9f203 {
    padding: 5rem 2rem;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
input,textarea,select{max-width:100%;box-sizing:border-box;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.de344,.n71462{width:34px;}
.de344[aria-expanded="true"]{display:none;}
.g8f3c7eb.lb8ea{z-index:999;}
.g8f3c7eb{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.g8f3c7eb{max-width:100%;}}
.c6499{justify-content:flex-end;}