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

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

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

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

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

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

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

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

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

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

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

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;

  font-size: 16px;

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

button,
.be313cf2 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

.k09b5 {
  background: var(--color-primary);
  color: var(--color-bg-primary);
  font-weight: 700;
}

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

.nda {
  background: var(--color-secondary);
  color: var(--color-bg-primary);
  font-weight: 700;
}

.nda:hover {
  background: #c239d4;
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

.g7bb:hover {
  border-color: var(--color-border);
  box-shadow: var(--shadow-md);
}

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

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

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

.i39 {
  text-align: center;
}

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

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

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

.g4ca40 {
  color: var(--color-secondary);
  font-weight: 600;
}

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

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

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

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

.jd258 {
  display: flex;
  gap: var(--spacing-md);
}

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

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

.n01937 {
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

input,
textarea,
select {
  font-family: var(--font-primary);
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
  font-size: 1rem;
  transition: all var(--transition-base);
}

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

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

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

@media (max-width: 768px) {
  :root {
    font-size: 14px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.125rem;
  }

  .m5fc76,
  .he706837,
  .a111 {
    grid-template-columns: 1fr;
  }

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

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

@media (max-width: 480px) {
  :root {
    font-size: 13px;
  }

  h1 {
    font-size: 1.75rem;
    margin-bottom: var(--spacing-md);
  }

  h2 {
    font-size: 1.25rem;
    margin-bottom: var(--spacing-md);
  }

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

  button,
  .be313cf2 {
    width: 100%;
    padding: var(--spacing-lg) var(--spacing-md);
  }

  .b5d {
    padding: var(--spacing-xl) 0;
  }
}
.g8cb {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

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

.h2cbaa0 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  flex-shrink: 0;
}

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

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

.h2cbaa0:hover .i03 {
  color: var(--color-accent);
  transition: color var(--transition-fast);
}

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

.g872 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
}

.g872:hover {
  color: var(--color-accent);
  border-bottom-color: var(--color-accent);
}

.d9384 {
  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;
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-fast);
  border: none;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}

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

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

.df0 span {
  width: 24px;
  height: 2.5px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-fast);
}

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

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

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

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

.fe8.l6c0909a {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.f3891 {
  display: flex;
  justify-content: flex-end;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

.o526c6b {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  color: var(--color-text-primary);
  text-decoration: none;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  display: block;
  transition: all var(--transition-fast);
}

.o526c6b:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: clamp(1.25rem, 3vw, 2.25rem);
}

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

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

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

  .df0 {
    display: none;
  }

  .fe8 {
    display: none;
  }
}

@media (max-width: 767px) {
  .i5fd937b {
    min-height: 60px;
  }

  .ef0c9 {
    width: 36px;
    height: 36px;
  }
}

    .naabfe {
  width: 100%;
  margin: 0;
  padding: 0;
}

.naabfe h1,
.naabfe h2,
.naabfe h3,
.naabfe h4,
.naabfe h5,
.naabfe h6,
.naabfe p,
.naabfe a,
.naabfe li,
.naabfe span {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.h73b03 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 14, 26, 0.7);
  z-index: 2;
}

.ka084 {
  position: relative;
  z-index: 3;
  text-align: center;
 
  padding: 2rem;
}

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

.p2a0 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0 0 2.5rem 0;
  line-height: 1.6;
}

.g105 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.b8722882 {
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

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

.gd00 {
  text-align: center;
}

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

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

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

.k7f4db6 {
  flex: 1 1 300px;
  max-width: 450px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.k79de {
  border-left-color: var(--color-danger);
}

.g0a {
  border-left-color: var(--color-success);
}

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

.p1131f {
  list-style: none;
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

.h681f {
  text-align: center;
}

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

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

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

.a4da02 {
  flex: 1 1 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
}

.ha2009 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

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

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

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

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

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

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

.jf483dbb {
  text-align: center;
}

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

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

.ne0789b2 {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
}

.c3ef6e {
  padding: clamp(1.5rem, 3vw, 2rem);
  border-left: 3px solid var(--color-accent);
  margin-bottom: 1.5rem;
  position: relative;
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
}

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

.pce58 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
}

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

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

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

.m08222 {
  text-align: center;
}

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

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

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

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

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

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

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

.j13 {
  text-align: center;
}

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

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

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

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

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

.i8b7ce {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin: 0;
}

.l7d {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  margin: 0;
  opacity: 0.95;
}

.bf3f .c68fe9 {
  background: var(--color-bg-primary);
  color: var(--color-accent);
}

.bf3f .c68fe9:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
}

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

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

.a1b460 {
  text-align: center;
}

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

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

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

.l219cc13 {
  flex: 1 1 250px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

.jee7a {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-size: 1.75rem;
}

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

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

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

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

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

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

.m14c3bfe {
  text-align: center;
}

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

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

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

.j1324a {
  flex: 1 1 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
}

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

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

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

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

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

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

.p22 {
  text-align: center;
}

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

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

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

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

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

.o794f7f {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}

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

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

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

.la3 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: color 0.3s ease;
}

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

.mf12 {
  text-align: center;
}

.feee84b2 {
  display: inline-block;
  padding: 0.875rem 2rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

.iec2d55 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

.p12.h0af {
  display: none;
}

.fcfe {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  flex: 1 1 auto;
  min-width: 250px;
}

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

.p86,
.f1fe4d {
  padding: 0.625rem 1.25rem;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  border: none;
  transition: all 0.3s ease;
}

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

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

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

.f1fe4d:hover {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
}

@media (max-width: 768px) {
  .p12 {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
  }

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

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

  .p86,
  .f1fe4d {
    flex: 1;
  }
}

@media (max-width: 480px) {
  .j842aa {
    min-height: 80vh;
  }

  .ka084 {
    padding: 1rem;
  }

  .mac2,
  .lef06,
  .l8be5,
  .d1158d20,
  .j3c5 {
    flex-direction: column;
  }

  .k7f4db6,
  .a4da02,
  .l219cc13,
  .j1324a,
  .n75e34 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n97c2d {
    flex-direction: row;
  }
}

@media (min-width: 1024px) {
  .j842aa {
    min-height: 100vh;
  }
}

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

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

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

.d1db1,
.ldd1,
.cfdb,
.i52b {
  display: block;
}

.d1db1 p,
.cfdb p {
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.jc45 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  letter-spacing: 0.3px;
}

.f3a99,
.a9672226 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.5rem);
  list-style: none;
  padding: 0;
  margin: 0;
}

.na274d {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base), text-decoration var(--transition-base);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.kda17924 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.jbf2 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  margin: 0;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .d1db1 {
    flex: 1 1 280px;
  }

  .ldd1 {
    flex: 1 1 180px;
  }

  .cfdb {
    flex: 1 1 240px;
  }

  .i52b {
    flex: 1 1 200px;
  }

  .ff583 {
    flex: 1 1 100%;
    flex-basis: 100%;
  }
}

@media (max-width: 767px) {
  .pdbb7be0 {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 4vw, 2.5rem);
  }

  .f3a99,
  .a9672226 {
    gap: clamp(0.75rem, 2vw, 1rem);
  }

  .na274d {
    display: block;
  }
}
    

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

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

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

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

.l14f9 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: var(--shadow-md);
}

.j70cfa6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 2vw, 1.25rem) 0;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c1ba1 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.jc86e3 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ge63028 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  padding: 0.5rem 1rem;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  display: inline-block;
}

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

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

.fcbdda8 {
  text-align: center;
}

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

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

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

.bc0 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  flex: 1 1 300px;
  max-width: 380px;
  transition: all var(--transition-base) ease;
}

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

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

@media (min-width: 768px) {
  .b16eb56 {
    flex: 1 1 45%;
    max-width: 500px;
  }
}

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

.ib2bd12 {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-sm);
}

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

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

.o1a {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  flex-wrap: wrap;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
}

.bad93c,
.acf440,
.kefd {
  font-family: var(--font-primary);
  color: var(--color-text-muted);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.35rem;
}

.j03fd {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  transition: all var(--transition-base) ease;
  align-self: flex-start;
}

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

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

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

.hd4fc8 {
  text-align: center;
}

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

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

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

.p69d8b48 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  flex: 1 1 280px;
  max-width: 350px;
  text-align: center;
  transition: all var(--transition-base) ease;
}

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

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

.fcc57 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.cf66d4aa {
  text-align: center;
}

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

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

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

.icc {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-left: 3px solid var(--color-accent);
  border-radius: var(--radius-sm);
  transition: all var(--transition-base) ease;
}

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

.a0ab87e7 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(1.75rem, 3vw, 2.5rem);
  width: clamp(1.75rem, 3vw, 2.5rem);
  height: clamp(1.75rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  flex-shrink: 0;
}

.oec06 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, 1vw, 0.5rem);
  text-align: left;
}

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

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

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

  .bc0 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    max-width: none;
  }

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

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

  .p69d8b48 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    max-width: none;
  }
}

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

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

  .bc0 {
    flex: 1 1 calc(25% - clamp(1rem, 2.25vw, 1.75rem));
    max-width: none;
  }

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

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

  .c3b {
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .p69d8b48 {
    flex: 1 1 calc(33.333% - clamp(1.35rem, 2vw, 1.7rem));
    max-width: none;
  }

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

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

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

  .p69d8b48 {
    flex: 1 1 100%;
  }

  .icc {
    flex-direction: row;
  }
}

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

i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

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

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

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

.bc8c2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 5vw, 3rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
}

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

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

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

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

.da6688 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.b92a {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  margin-top: 1rem;
}

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

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

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

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

.d03 {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
}

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

.f3a {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  font-weight: 500;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

.mf0d316 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

.fc9a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-weight: 700;
  font-size: 1rem;
}

.o4d1f4a::after {
  content: "";
}

.o4d1f4a:nth-child(n) {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

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

.m5561 {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--color-secondary);
  width: 32px;
  text-align: center;
  margin-top: 2px;
}

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

.baa6d8 {
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--color-secondary);
  margin: 0;
}

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

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

.k491 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.e63cc6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e0fa2c:last-of-type {
  margin-bottom: clamp(2rem, 4vw, 2.5rem);
}

.p7557 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}

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

.baa3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  transition: all 0.3s ease;
}

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

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

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

.c9a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.m7a7 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all 0.3s ease;
}

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

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

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

.ed7cb {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 700;
  line-height: var(--line-height-normal);
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

  .c91,
  .m616a7f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m7a7 {
    flex: 1 1 calc(50% - clamp(0.75rem, 2vw, 1.25rem));
    min-width: 250px;
    max-width: none;
  }
}

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

  .i07 {
    gap: 0.125rem;
  }

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

  .m5561 {
    width: 100%;
    margin-top: 0;
  }

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

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

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

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

body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  overflow-x: hidden;
}

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

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

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

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

.b8722882, button[type="submit"] {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

.ifa5d6 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.ndb110 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.3rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  max-width: 90%;
}

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

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

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

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

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

.lb507f34 {
  width: clamp(80px, 10vw, 120px);
  height: clamp(80px, 10vw, 120px);
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

.o2b {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight);
}

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

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

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

  .hf0b32b,
  .j542386a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.a9e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight);
}

.oe8c970a {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: var(--line-height-normal);
}

.i107e2b8 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
  list-style: none;
}

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

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

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

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

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

  .p3c83,
  .nbae {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.j58fa6f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

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

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

  .d2ab,
  .c3a2a5a9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.m45fea06 {
  font-size: clamp(1.5rem, 2vw + 0.5rem, 2rem);
  color: var(--color-warning);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

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

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

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

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

.l614 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.n69 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

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

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

  .aaa,
  .j4f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.a66b {
  flex: 1 1 100%;
  max-width: clamp(280px, 100%, 400px);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

.n1adf0 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-base);
}

.a66b:hover .n1adf0 img {
  transform: scale(1.05);
}

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

.d4399 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

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

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

@media (max-width: 768px) {
  .daf {
    font-size: 0.75rem;
  }

  .ndb110 {
    max-width: 100%;
  }

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

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

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

  .d3c2,
  .k72f9d,
  .db08,
  .nbe2,
  .o6e9f32f,
  .g49d1f2 {
    padding: 6rem 0;
  }
}

.jd0209 {
    display: block;
  }

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

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

  .l6403 a {
    color: var(--color-accent);
    text-decoration: none;
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    transition: color 0.3s ease;
  }

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

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

  .f58825 {
    max-width: 800px;
  }

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

  .ib5c0 {
    color: var(--color-text-secondary);
    font-size: clamp(1rem, 2vw, 1.375rem);
    margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
    line-height: var(--line-height-relaxed);
  }

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

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

  .m84d05 i {
    color: var(--color-accent);
    font-size: 1rem;
  }

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

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

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

  .d7c57 {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-full);
    object-fit: cover;
    flex-shrink: 0;
  }

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

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

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

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

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

  .m8e3c {
    color: var(--color-text-secondary);
    font-size: 0.8125rem;
    margin: 0;
  }

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

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

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

  .nc6ede2 {
    display: block;
  }

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

  .o4994907,
  .bfc19 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .ne07,
  .df23 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .o733dd {
    color: var(--color-text-primary);
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    font-family: var(--font-heading);
    font-weight: 700;
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .lc4eddc4 {
    color: var(--color-text-secondary);
    font-size: clamp(0.875rem, 1.5vw, 1.125rem);
    line-height: var(--line-height-relaxed);
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .k0ca {
    background: var(--color-bg-tertiary);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: clamp(1.5rem, 3vw, 2rem);
    display: flex;
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
    align-items: flex-start;
  }

  .oecfebfa {
    flex-shrink: 0;
  }

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

  .p6b58 {
    flex: 1 1 auto;
  }

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

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

  .c2cf74b5 {
    background: var(--color-bg-tertiary);
    padding: clamp(2rem, 3vw, 2.5rem);
    border-radius: var(--radius-lg);
  }

  .i7066d30 {
    color: var(--color-text-primary);
    font-size: clamp(1.25rem, 3vw, 1.75rem);
    font-family: var(--font-heading);
    font-weight: 700;
    margin: 0 0 clamp(1rem, 2vw, 1.25rem) 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .ee10fed0 {
    color: var(--color-text-secondary);
    font-size: clamp(0.875rem, 1.5vw, 1.125rem);
    margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
    line-height: var(--line-height-relaxed);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .m5bd li a {
    color: var(--color-accent);
    text-decoration: none;
    font-size: clamp(0.8125rem, 1.2vw, 0.9375rem);
    transition: color 0.3s ease;
    display: block;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .d540 {
    display: inline-block;
    color: var(--color-accent);
    text-decoration: none;
    font-size: clamp(0.8125rem, 1.2vw, 0.9375rem);
    font-weight: 600;
    transition: color 0.3s ease;
  }

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

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

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

  .pa6 {
    color: var(--color-text-primary);
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    font-family: var(--font-heading);
    font-weight: 700;
    margin: 0;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .bd2c183 {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 280px;
    max-width: 100%;
  }

  .d49 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }

  .d49:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  }

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

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

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

  .lcb3 {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 2vw, 1.25rem);
    font-weight: 600;
    margin: 0;
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

    .a497a8 {
      flex: 1 1 100%;
    }

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

    .p5598 {
      flex-direction: column;
    }

    .o4994907,
    .bab6e0d,
    .ne07,
    .df23 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

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

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

.aaab {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-lg);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
}

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

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

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

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

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

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

.l6ab8978 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  margin-top: var(--spacing-md);
}

.a87 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
}

.a87 i {
  color: var(--color-accent);
  font-size: 1rem;
}

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

.i057c {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--spacing-lg);
}

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

.e642c7 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

.lfa61c4 a {
  color: var(--color-accent);
  text-decoration: none;
}

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

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

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

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

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

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

.la0 {
  flex: 1 1 35%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  position: sticky;
  top: 2rem;
}

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

.h93f0 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  padding-bottom: var(--spacing-md);
  border-bottom: 2px solid var(--color-accent);
}

.a5f4d ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

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

.j6fd0 a {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  display: block;
  padding: var(--spacing-xs) 0;
  border-left: 3px solid transparent;
  padding-left: var(--spacing-sm);
  transition: all var(--transition-base);
}

.j6fd0 a:hover {
  color: var(--color-accent);
  border-left-color: var(--color-accent);
}

.jfc9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.a4025f3 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  padding: var(--spacing-sm);
  border-left: 3px solid var(--color-accent);
  padding-left: var(--spacing-md);
}

.m148 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.m148 li {
  margin: 0;
}

.m148 a {
  display: block;
  padding: var(--spacing-sm);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  border-radius: var(--radius-sm);
  transition: all var(--transition-base);
}

.m148 a:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding-left: calc(var(--spacing-sm) + var(--spacing-xs));
}

.l8df56 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

.o16,
.nc2b8,
.m90,
.o43 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.j2dacc55,
.kb57d {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

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

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

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

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

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

.h497 {
  list-style: none;
  margin: var(--spacing-md) 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.h497 li {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: var(--line-height-normal);
}

.h497 li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.25rem;
}

.kd77c {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  margin: var(--spacing-xl) 0;
}

.mfdc1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.afaa {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-weight: 600;
}

.afaa i {
  font-size: 1.25rem;
}

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

.p14f7 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.k37af1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

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

.ce07 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
  margin: var(--spacing-lg) 0;
  justify-content: center;
}

.da2d24ce {
  flex: 1 1 calc(50% - var(--spacing-lg));
  min-width: 200px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  position: relative;
  padding-left: 4rem;
}

.c43878 {
  position: absolute;
  left: -1rem;
  top: -0.5rem;
  width: 3.5rem;
  height: 3.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.5rem;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

.b41cc {
  flex: 1 1 calc(33.333% - var(--spacing-lg));
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

.b41cc:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-lg);
  border-color: var(--color-accent);
}

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

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

.e92b {
  padding: clamp(1.5rem, 2vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

.bcd {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  transition: color var(--transition-base);
}

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

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

  .g15b16b8 {
    flex: 1 1 100%;
  }

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

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

  .j2dacc55,
  .kb57d,
  .l91e {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .da2d24ce {
    flex: 1 1 100%;
  }

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

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

  .i057c {
    flex-direction: column;
    gap: var(--spacing-md);
  }

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

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

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

  .ce07 {
    flex-direction: column;
  }

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

  .dbb5 {
    flex-direction: column;
  }

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

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

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

  .l6ab8978 {
    flex-direction: column;
    gap: var(--spacing-md);
  }

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

  .c43878 {
    width: 3rem;
    height: 3rem;
    font-size: 1.25rem;
    left: -0.75rem;
    top: -0.25rem;
  }

  .da2d24ce {
    padding-left: 3.5rem;
  }
}

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

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

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

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

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

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

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

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

.j909c {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1.25rem;
  border-radius: 2rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.e7b65fa {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw, 3.5rem);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

.m79772 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  object-fit: cover;
  display: block;
}

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

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

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

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

.j67 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

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

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

.faf7 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.g203fa {
  flex: 1 1 50%;
  width: 100%;
  height: auto;
  max-height: 450px;
  border-radius: 1rem;
  object-fit: cover;
  display: block;
}

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

  .faf7 {
    flex: 1 1 100%;
  }

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

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

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

.kd221974 {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

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

.bdb0 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

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

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

.h0ea8 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

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

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

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

.n4e834b {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  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.5rem, 3vw, 2rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

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

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

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

.m6aeced {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

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

.k85 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

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

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

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

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

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

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

.o47ad1 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.b1909e {
  max-width: 800px;
  margin: 0 auto;
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  border-radius: 0.5rem;
}

.id32e {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  line-height: 1.7;
  font-style: italic;
  margin-bottom: 1.5rem;
}

.ia6a {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  letter-spacing: 0.05em;
  display: block;
}

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

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

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

.b06f {
  color: var(--color-secondary);
  font-size: 1.5rem;
  flex-shrink: 0;
}

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

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

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

.gaa21 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}

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

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

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

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

  .o5ad {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

  .m83f {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

  .ba6d11 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

  .p55db {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

  .dc6a82 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

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

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

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

  .k890 {
    gap: 1.5rem;
  }

  .n4e92a {
    flex: 1 1 100%;
  }

  .b1909e {
    padding: 1.5rem;
  }
}

.j933 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

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

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

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

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

.fbe {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin: 0;
}

.g957 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

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

.a6e5 {
  flex: 1 1 45%;
  min-height: 300px;
}

.g1a72 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

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

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

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

.j1baa2 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin: 0;
}

.ba82d {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0;
}

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

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

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

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

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

.h965d8e {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin: 0;
}

.c9886bb4 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0;
}

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

.h87e7a {
  flex: 1 1 100%;
  min-width: 250px;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

.i1fa {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin: 0;
}

.ae3826f {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0;
}

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

.pb2 {
  flex: 1 1 100%;
  min-width: 250px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

.p71 {
  text-align: center;
}

.o3395f {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0;
}

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

.f4896f96 {
  flex: 1 1 100%;
  min-width: 240px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

.kdb05b23 {
  color: var(--color-accent);
  font-size: 2rem;
}

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

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

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

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

.j36 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.a1ff {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0;
}

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

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

.o0acf2 {
  flex: 1 1 100%;
  min-width: 260px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

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

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

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

.k03de0 i {
  font-size: 0.75em;
}

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

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

.f3e673 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0;
}

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

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

.n644a428,
.bca8 {
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

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

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

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

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

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

  .fc3555b {
    flex: 1 1 100%;
  }

  .a6e5 {
    flex: 1 1 100%;
    min-height: 250px;
  }

  .e6e6da2 {
    flex-direction: column;
  }

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

  .d2b07996 {
    flex-direction: column;
  }

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

  .c3a1c {
    flex-direction: column;
  }

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

  .b6821c {
    flex-direction: column;
  }

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

  .f741cd {
    flex-direction: column;
  }

  .n644a428,
  .bca8 {
    width: 100%;
  }
}

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

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

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

@media (min-width: 1024px) {
  .h87e7a {
    flex: 1 1 calc(33.333% - 1.5rem);
  }

  .c3a1c {
    flex-direction: row;
  }

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

  .b6821c {
    flex-direction: row;
  }

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

  .f741cd {
    flex-direction: row;
  }

  .n644a428,
  .bca8 {
    width: auto;
  }
}

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

.p8d29 {
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

.i02 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.i02 p {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.p8d29 img {
  width: 100%;
  max-width: 600px;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  object-fit: cover;
}

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

.l759f {
  max-width: 700px;
  margin: 0 auto;
}

.fe800 {
  margin-bottom: var(--spacing-lg);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

.fe800:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-border);
}

.pfc97d {
  width: 100%;
  padding: var(--spacing-lg);
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-primary);
  text-align: left;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: color var(--transition-fast);
}

.pfc97d:hover {
  color: var(--color-primary);
}

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

.ncb5 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: var(--color-primary);
  transition: transform var(--transition-base);
}

.pfc97d[aria-expanded="true"] .ncb5 {
  transform: rotate(180deg);
}

.h2a15bf4 {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  animation: slideDown var(--transition-base) ease-out;
  overflow: hidden;
}

.h2a15bf4 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

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

.f5c1 {
  max-width: 600px;
  margin: 0 auto;
}

.f5c1 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.f5c1 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.d6c {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  box-shadow: var(--shadow-md);
}

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

.d6c:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
}

.d6c:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .p8d29 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    display: flex;
    align-items: center;
    gap: var(--spacing-2xl);
  }

  .i02 {
    flex: 1;
    text-align: left;
  }

  .p8d29 img {
    flex: 1;
    max-width: none;
  }

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

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

  .pfc97d {
    padding: var(--spacing-xl);
    font-size: clamp(1rem, 1.5vw, 1.2rem);
  }

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

@media (min-width: 1024px) {
  .p8d29 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    gap: var(--spacing-3xl);
  }

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

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

  .l759f {
    max-width: 800px;
  }

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

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

  .h2a15bf4 {
    padding: 0 var(--spacing-xl) var(--spacing-lg) var(--spacing-xl);
  }

  .h2a15bf4 p {
    font-size: 1.05rem;
  }
}

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

.g92 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.nc2cde {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.ke383 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.b5a {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.l0abeabd {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.i2d402fb {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-top: var(--spacing-lg);
}

@media (min-width: 768px) {
  .i2d402fb {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

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

.b057a {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

.b057a:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.ic0844 {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  display: inline-block;
  width: auto;
}

.o4f {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
  line-height: var(--line-height-tight);
}

.e5e505 {
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-md) 0;
  flex-grow: 1;
}

.f16629e {
  list-style: none;
  padding: 0;
  margin: var(--spacing-md) 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
}

.f16629e li {
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-full);
  font-size: 0.8rem;
  font-weight: 500;
}

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

.l4e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.n449 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .n449 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

.l374e5 {
  padding: var(--spacing-lg);
  border-left: 4px solid var(--color-primary);
  background-color: var(--color-bg-primary);
  border-radius: var(--radius-sm);
}

.ga148 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
  line-height: var(--line-height-tight);
}

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

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

.f37887 {
  width: 100%;
  height: auto;
  max-width: 1200px;
  margin: 0 auto;
  display: block;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

.dece {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  padding: var(--spacing-2xl);
  background-color: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-primary-light);
}

.pb5b1 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.875rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.ifae2 {
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1.025rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.c1e220 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

.ke60f4e {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.a7c5 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.m63bc {
  max-width: 700px;
  margin: 0 auto;
  display: grid;
  gap: var(--spacing-lg);
}

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

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

.pfc97d {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
  line-height: var(--line-height-tight);
}

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

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

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

.b5183 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .nc2cde {
    padding: 5rem var(--spacing-md);
  }

  .l0abeabd {
    padding: 5rem var(--spacing-md);
  }

  .h475 {
    padding: 5rem var(--spacing-md);
  }

  .df185e {
    padding: 5rem var(--spacing-md);
  }

  .n344 {
    padding: 5rem var(--spacing-md);
  }

  .ke60f4e {
    padding: 5rem var(--spacing-md);
  }

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

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

.fdf94313 main {
  width: 100%;
}

.fdf94313 .d406c8c {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.fdf94313 .f20d {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) 0;
}

.fdf94313 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
}

.fdf94313 .d008745 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  margin-bottom: var(--spacing-2xl);
}

.fdf94313 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

.fdf94313 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.fdf94313 ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: var(--spacing-md);
}

.fdf94313 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

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

.fdf94313 .f95 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-top: var(--spacing-3xl);
}

.fdf94313 .f95 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.fdf94313 .f95 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .fdf94313 .d406c8c {
    padding: 0 var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .fdf94313 .d406c8c {
    padding: 0 var(--spacing-xl);
  }

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

.m995 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) 0;
}

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

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

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

.i09 {
  text-align: center;
  padding: var(--spacing-2xl) var(--spacing-md);
}

.n1c5eaa8 {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-2xl);
  animation: scale-in 0.6s ease-out;
}

.n1c5eaa8 svg {
  color: var(--color-success);
  width: 80px;
  height: 80px;
}

@keyframes scale-in {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.i09 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-tight);
  letter-spacing: -0.5px;
}

.c80ce42 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-normal);
}

.md448cd1 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.f063a8 {
  background-color: var(--color-bg-card);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg) var(--spacing-lg);
  margin: var(--spacing-2xl) 0;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.caee {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  font-weight: 500;
}

.b48bc {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: var(--spacing-lg) 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.m5e09d4 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  margin-top: var(--spacing-lg);
  box-shadow: var(--shadow-md);
}

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

.m5e09d4:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (min-width: 640px) {
  .i09 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

@media (min-width: 768px) {
  .m995 {
    padding: var(--spacing-2xl) 0;
  }

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

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

  .m5e09d4 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    margin-top: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .d406c8c {
    padding: 0 var(--spacing-2xl);
  }

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

  .n1c5eaa8 svg {
    width: 100px;
    height: 100px;
  }

  .f063a8 {
    margin: var(--spacing-3xl) 0;
  }
}

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

.ibc4e748 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.dbaa {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  position: relative;
}

.dbaa::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 600px;
  height: 600px;
  background-color: var(--color-primary-light);
  border-radius: 50%;
  opacity: 0.08;
  pointer-events: none;
}

.dbaa::after {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -15%;
  width: 500px;
  height: 500px;
  background-color: var(--color-secondary-light);
  border-radius: 50%;
  opacity: 0.06;
  pointer-events: none;
}

.d406c8c {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.f20d {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  z-index: 1;
}

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

.g38416 {
  position: relative;
  display: inline-block;
  margin-bottom: var(--spacing-xl);
}

.a9b32d0c {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 12vw, 9rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  color: var(--color-primary);
  line-height: 1;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  animation: floatCode 6s ease-in-out infinite;
}

@keyframes floatCode {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

.m21d4918 {
  width: 120px;
  height: 4px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-accent));
  margin: var(--spacing-md) auto 0;
  border-radius: var(--radius-full);
  animation: expandWidth 1.5s ease-out infinite;
}

@keyframes expandWidth {
  0%, 100% {
    width: 80px;
    opacity: 0.6;
  }
  50% {
    width: 140px;
    opacity: 1;
  }
}

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

.e321b1b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.c8bc7 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
  opacity: 0.95;
}

.j0c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw + 0.45rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-xl);
  opacity: 0.85;
}

.j2e339 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  justify-content: center;
  margin-bottom: var(--spacing-2xl);
}

.b8722882 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  min-width: 200px;
}

.fadeb576 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.fadeb576:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.ndb {
  margin-top: var(--spacing-2xl);
  opacity: 0.4;
  animation: rotateIcon 20s linear infinite;
}

.n1350 {
  width: clamp(80px, 15vw, 150px);
  height: clamp(80px, 15vw, 150px);
  margin: 0 auto;
  color: var(--color-primary);
}

@keyframes rotateIcon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

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

  .a9b32d0c {
    animation: floatCode 6s ease-in-out infinite;
  }

  .j2e339 {
    flex-direction: row;
    justify-content: center;
    gap: var(--spacing-lg);
  }

  .b8722882 {
    min-width: 220px;
  }
}

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

  .dbaa::before {
    top: -30%;
    right: -10%;
  }

  .f20d {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
    align-items: center;
    text-align: left;
  }

  .a90f4cf {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 0;
  }

  .ec9a5368 {
    grid-column: 1;
    grid-row: 2;
    margin-bottom: 0;
  }

  .ndb {
    grid-column: 2;
    grid-row: 1 / 3;
    margin-top: 0;
    opacity: 0.5;
  }

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .a9b32d0c,
  .m21d4918,
  .n1350 {
    animation: none;
  }

  .fadeb576:hover {
    transform: none;
  }
}

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

.e95f {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.mcbb3 {
  text-align: center;
}

.n08 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: var(--line-height-tight);
}

.nf81f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .e95f {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .e95f {
    padding: 5rem 2rem;
  }
}

.e9e1 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.l4228 {
  width: 100%;
}

.ce8 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

@media (min-width: 768px) {
  .ocae35 {
    flex: 1 1 calc(50% - 1.5rem);
    min-width: 300px;
  }

  .a7ca21 {
    flex: 1 1 calc(50% - 1.5rem);
    min-width: 300px;
  }
}

@media (min-width: 1024px) {
  .e9e1 {
    padding: 5rem 2rem;
  }
}

.f4c93aa {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.h099918 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.b2cd,
.df461f9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  transition: all var(--transition-fast);
}

.b2cd::placeholder,
.df461f9::placeholder {
  color: var(--color-text-muted);
}

.b2cd:focus,
.df461f9:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.df461f9 {
  min-height: 140px;
  resize: vertical;
}

.a09 {
  margin-top: 0.5rem;
}

.o4fcb {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

.f5eb19:hover,
.f5eb19:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.gbb3fbe {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-fast);
  margin-top: 0.5rem;
}

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

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

.gbb3fbe:active {
  transform: translateY(0);
}

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

.h5e30 {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.6rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

.k71f {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.d846f {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  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;
}

.o84c23 {
  flex: 1;
}

.na37 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
}

.cfe8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
  display: inline-block;
}

.cfe8:hover,
.cfe8:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

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

.le6 {
  margin-top: 2.5rem;
  padding: 2rem;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.bdd868 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  line-height: var(--line-height-tight);
}

.obca8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 1.25rem 0;
  line-height: var(--line-height-normal);
}

.b775b4 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  transition: all var(--transition-fast);
  border: none;
  cursor: pointer;
}

.b775b4:hover,
.b775b4:focus {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .e9e1 {
    padding: 4rem 2rem;
  }

  .ce8 {
    gap: 3rem;
  }

  .ocae35 {
    flex: 0 1 45%;
  }

  .a7ca21 {
    flex: 0 1 45%;
  }
}

@media (min-width: 1024px) {
  .e9e1 {
    padding: 5rem 2rem;
  }

  .ce8 {
    gap: 4rem;
  }
}

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

  .ocae35,
  .a7ca21 {
    flex: 1 1 100%;
  }
}
.df0,.j59f2c{
  width: 34px;
}

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

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.fe8{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .fe8{
    max-width: 100%;
  }
}

.fe8.l6c0909a{
  z-index: 999;
}

.o5a873d5{
  padding-top: 50px;
}

.df0[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .o794f7f {
    aspect-ratio: 6 / 9;
  }
  .ib2bd12 {
    aspect-ratio: 6 / 9;
  }
}