@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: #0a0a0a;
  --color-bg-secondary: #141414;
  --color-bg-tertiary: #1f1f1f;
  --color-bg-card: #141414;

  --color-text-primary: #ffffff;
  --color-text-secondary: #d4d4d8;
  --color-text-muted: #a1a1aa;

  --color-primary: #ec4899;
  --color-primary-hover: #db2777;
  --color-primary-light: #f472b6;
  --color-secondary: #f472b6;
  --color-secondary-light: #fbcfe8;

  --color-success: #10b981;
  --color-success-light: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: #fcd34d;
  --color-danger: #ef4444;
  --color-danger-light: #fca5a5;

  --color-border: #2d2d2d;
  --color-border-light: #1f1f1f;

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

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

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

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

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

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

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

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

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

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;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

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

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

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

button {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  border-radius: var(--radius-lg);
  padding: var(--spacing-md) var(--spacing-lg);
}

button:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

section {
  padding: var(--spacing-4xl) 0;
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  section {
    padding: var(--spacing-2xl) 0;
  }
}
.gabbab34 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

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

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

.j6bb:hover {
  opacity: 0.8;
}

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

.k469f {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

.a40 {
  display: none;
  flex-direction: row;
  gap: 2rem;
  align-items: center;
  flex-grow: 1;
}

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

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

.d35b {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 600;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

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

.l7bde span {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all 0.3s ease;
}

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

.l7bde.o33179 span:nth-child(2) {
  opacity: 0;
}

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

.k581b {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.3s ease;
  z-index: 99;
  overflow-y: auto;
}

.k581b.o33179 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

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

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

.dad7 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1.5rem 0;
}

.i82f {
  padding: 1rem 1.5rem;
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base);
}

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

.ac50 {
  margin: 1.5rem;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 600;
  border-radius: var(--radius-md);
  text-decoration: none;
  text-align: center;
  display: block;
  transition: background var(--transition-base);
}

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

@media (min-width: 768px) {
  .l7bde {
    display: none;
  }

  .k581b {
    display: none;
  }

  .a40 {
    display: flex;
  }

  .d35b {
    display: block;
  }
}

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

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

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

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

.d7bf9cd {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  text-align: center;
  white-space: nowrap;
}

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

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

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

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

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

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

.j1c71 {
  text-align: center;
}

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

.d2f6a480 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

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

.b500 {
  flex: 1 1 180px;
  max-width: 220px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

.ob49e2 {
  transform: rotate(-2deg);
}

.a2c1 {
  transform: rotate(1deg);
}

.ha987 {
  transform: rotate(-1.5deg);
}

.ia75eb {
  transform: rotate(2deg);
}

.gb753 {
  transform: rotate(-0.5deg);
}

.b500:hover {
  transform: translateY(-8px) rotate(0deg);
  box-shadow: var(--shadow-xl);
  background: var(--color-bg-tertiary);
}

.b500 i {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
}

.k0baf1b {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  display: block;
}

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

@media (max-width: 767px) {
  .f6c357 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .b500 {
    flex: 1 1 150px;
    max-width: 180px;
    padding: clamp(1rem, 2vw, 1.5rem);
  }

  .ee7cbb {
    flex-direction: column;
  }

  .ee7cbb .d7bf9cd {
    width: 100%;
  }
}

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

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

.p3d8 {
  flex: 1 1 45%;
  min-width: 280px;
}

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

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

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

.o99cd16 {
  flex: 1 1 45%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

.l120b i {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
}

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

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

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

  .p3d8,
  .o99cd16 {
    flex: 1 1 100%;
  }
}

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

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

.ae1 {
  text-align: center;
}

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

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

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

.f29c {
  flex: 1 1 100%;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  max-width: 900px;
  padding: clamp(1.5rem, 2.5vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.fd39fe {
  flex: 0 0 auto;
  width: clamp(3rem, 6vw, 4rem);
  height: clamp(3rem, 6vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  flex-shrink: 0;
}

.fd39fe i {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
}

.jbc6 {
  flex: 1 1 auto;
  min-width: 0;
}

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

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

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

  .fd39fe {
    margin: 0 auto;
  }
}

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

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

.g253 {
  text-align: center;
}

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

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

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

.d75b52 {
  flex: 1 1 45%;
  min-width: 280px;
  max-width: 500px;
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-lg);
}

.d75b52:first-child {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-danger);
}

.d75b52:last-child {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-success);
}

.k25 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  font-weight: 600;
}

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

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

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

.i8e,
.kf5 {
  display: flex;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  align-items: flex-start;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-tight);
}

.i8e i {
  color: var(--color-danger);
  font-size: clamp(1rem, 2vw, 1.25rem);
  flex-shrink: 0;
  margin-top: 2px;
}

.kf5 i {
  color: var(--color-success);
  font-size: clamp(1rem, 2vw, 1.25rem);
  flex-shrink: 0;
  margin-top: 2px;
}

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

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

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

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

.h34ecc84 {
  text-align: center;
}

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

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

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

.i647b {
  flex: 1 1 200px;
  min-width: 160px;
  max-width: 280px;
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  text-align: center;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.ka3a5 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  font-weight: 700;
}

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

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

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

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

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

.h73 {
  text-align: center;
}

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

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

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

.pda14e7e {
  flex: 1 1 200px;
  min-width: 160px;
  max-width: 260px;
  padding: clamp(1.5rem, 2.5vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

.pda14e7e i {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

.a81 {
  flex: 1 1 45%;
  min-width: 280px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  height: auto;
  min-height: 300px;
}

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

.h98e6365 {
  flex: 1 1 45%;
  min-width: 280px;
}

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

.bad948ca {
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

.mbf9bf7 {
  width: 100%;
  padding: clamp(1rem, 2vw, 1.5rem) 0;
  background: transparent;
  border: none;
  color: var(--color-text-primary);
  text-align: left;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all var(--transition-base);
  font-family: var(--font-heading);
}

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

.mbf9bf7::after {
  content: '';
  width: 20px;
  height: 20px;
  background: var(--color-accent);
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg>');
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.mbf9bf7[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

.ma2c {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  padding: 0;
}

.ma2c.ke5 {
  max-height: 500px;
  padding: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

  .a81,
  .h98e6365 {
    flex: 1 1 100%;
    min-width: auto;
  }

  .a81 {
    min-height: 250px;
  }
}

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

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

.je7a14d {
  text-align: center;
}

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

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

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

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

.g308b3:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-xl);
  border-color: var(--color-accent);
}

.a8f92 {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

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

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

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

.i1b1 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

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

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

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

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

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

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

  .d7e8 .d7bf9cd {
    width: 100%;
  }
}

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

.a50.n982e8 {
  display: none;
}

.c435 {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  flex: 1 1 auto;
  min-width: 200px;
}

.l1884d1b {
  display: flex;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  flex-wrap: wrap;
}

.i8610 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

.b7588975 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

@media (max-width: 767px) {
  .a50 {
    padding: 1rem;
    justify-content: center;
  }

  .c435 {
    width: 100%;
    min-width: auto;
  }

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

  .i8610,
  .b7588975 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

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

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

.ab5,
.o18842,
.o5fb,
.ic3fd {
  display: block;
}

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

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

.ab5 p {
  max-width: 480px;
}

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

.p4e8f li,
.lf4cd li {
  display: inline-block;
}

.j45456 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  transition: color var(--transition-base), text-decoration var(--transition-base);
  display: inline-block;
}

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

.f0e6 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  margin: 0;
}

.hf257a9 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
  margin-bottom: 0;
}

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

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

  .ab5 {
    grid-column: 1 / 2;
  }

  .o18842 {
    grid-column: 2 / 3;
    grid-row: 1;
  }

  .o5fb {
    grid-column: 1 / 2;
    grid-row: 2;
  }

  .ic3fd {
    grid-column: 2 / 3;
    grid-row: 2;
  }

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

  .p4e8f,
  .lf4cd {
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }
}

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

  .ab5 {
    grid-column: 1 / 2;
    grid-row: 1;
  }

  .o18842 {
    grid-column: 2 / 3;
    grid-row: 1;
  }

  .o5fb {
    grid-column: 3 / 4;
    grid-row: 1;
  }

  .ic3fd {
    grid-column: 4 / 5;
    grid-row: 1;
  }

  .f436 {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .p4e8f,
  .lf4cd {
    flex-direction: column;
  }
}
    

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

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

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

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

.n168 {
  background: linear-gradient(135deg, #1f1f1f 0%, #141414 50%, #0a0a0a 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  position: relative;
}

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

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

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

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

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

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

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

.b7780982 {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-secondary);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
  height: 100%;
}

.b7780982:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(236, 72, 153, 0.1);
}

.l613 {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

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

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

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

.e1df76 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--color-border);
}

.m61 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
}

.m61 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

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

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

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

.c682719 {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-secondary);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 400px;
  height: 100%;
}

.c682719:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(236, 72, 153, 0.1);
}

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

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

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

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

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

@media (max-width: 767px) {
  .n168 {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }

  .b7780982 {
    width: 100%;
  }

  .gb48f {
    flex-direction: column;
  }

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

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

  .c67a199 {
    text-align: left;
  }
}

@media (max-width: 479px) {
  .p60f667 {
    font-size: clamp(1.5rem, 4vw, 2.25rem);
  }

  .m61 {
    font-size: 0.75rem;
  }

  .e1df76 {
    gap: 0.75rem;
  }
}

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

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

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

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

section {
  overflow: hidden;
}

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

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

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

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

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

.kfa886 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sm);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

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

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

.he57fd4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  line-height: 1.6;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

.e73e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.p97b59a8 {
  color: var(--color-text-muted);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

.c7b38 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3.5vw, 2.25rem);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

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

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

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

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

.l52 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3.5vw, 2.25rem);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.d2c6fe50 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3.5vw, 2.25rem);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.oe2 {
  flex: 1;
  padding-top: var(--spacing-xs);
}

.pc0c5541 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

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

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

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

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

.i719 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  max-width: 900px;
  margin: 0 auto;
}

.cff {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  color: var(--color-accent);
  font-size: 1.5rem;
  flex-shrink: 0;
}

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

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

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

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

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

.k529 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3.5vw, 2.25rem);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

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

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

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

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

.n620 {
  width: 100%;
  height: 240px;
  overflow: hidden;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

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

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

.a0d3f110 {
  margin: 0;
  line-height: 1.3;
}

.f18 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  transition: var(--transition-base);
  text-decoration: none;
}

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

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

.i532 {
  position: sticky;
  top: clamp(2rem, 4vw, 3rem);
  float: right;
  width: clamp(220px, 25%, 300px);
  margin: clamp(1rem, 2vw, 2rem) 0 clamp(1rem, 2vw, 2rem) clamp(1.5rem, 3vw, 2rem);
}

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

.k793aac {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 2px solid var(--color-accent);
}

.m28c8b6 {
  margin: 0;
  line-height: 1.3;
}

.b9b284 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  transition: var(--transition-base);
  text-decoration: none;
}

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

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

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

@media (max-width: 1024px) {
  .i532 {
    float: none;
    width: 100%;
    max-width: 400px;
    margin: clamp(2rem, 4vw, 3rem) auto;
  }
}

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

  .le53201,
  .g3a07 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .kfa886 {
    flex-wrap: wrap;
  }

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

  .m7e594,
  .i8d3674b,
  .g508 {
    flex-direction: column;
  }

  .n5e02f,
  .j643,
  .lc4f6bb3,
  .d88,
  .a8a,
  .pa65f643 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d88 {
    order: 0;
  }

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

  .cff {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }

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

  .l8fbea5d {
    width: 40px;
    height: 40px;
    min-width: 40px;
    font-size: 1rem;
  }

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

  .l2a3 {
    justify-content: stretch;
  }

  .i532 {
    position: static;
    width: 100%;
    margin: clamp(1.5rem, 3vw, 2.5rem) 0;
  }
}

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

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

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

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

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

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

  .l8fbea5d {
    width: 36px;
    height: 36px;
    min-width: 36px;
    font-size: 0.9375rem;
  }
}

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

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

.n0ca {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Karla', sans-serif;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

.e5cee {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 3vw, 1.5rem);
  font-family: 'Rubik', sans-serif;
  line-height: 1.2;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jb8dfe {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 3vw, 1.5rem);
  font-family: 'Rubik', sans-serif;
  line-height: 1.3;
}

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

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

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

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

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

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

.n229f {
  flex: 1;
}

.ndfc247 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-family: 'Rubik', sans-serif;
}

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

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

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

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

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

.n5a18fe3 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 3vw, 1.5rem);
  font-family: 'Rubik', sans-serif;
  line-height: 1.3;
}

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

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

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

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

.a841ca3 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: 'Rubik', sans-serif;
}

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

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

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

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

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

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

.fea0 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: 'Rubik', sans-serif;
}

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

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

.if461 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
}

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

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

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

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

.jc6c009d {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 3vw, 1.5rem);
  font-family: 'Rubik', sans-serif;
  line-height: 1.3;
}

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

.f83b {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.na16a {
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 0.75rem;
  font-family: 'Rubik', sans-serif;
}

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

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

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

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

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

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

.ed0 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 3vw, 1.5rem);
  font-family: 'Rubik', sans-serif;
  line-height: 1.3;
}

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

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

.k3d0 {
  flex: 1 1 calc(33.333% - 1rem);
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 8px;
  border-top: 3px solid var(--color-accent);
  text-align: center;
}

.k83e {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: 'Rubik', sans-serif;
  margin-bottom: 0.5rem;
}

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

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

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

.d0e76 {
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 1rem;
  font-family: 'Rubik', sans-serif;
}

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

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

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

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

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

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

.i64e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  transition: all 0.3s ease;
}

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

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

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

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

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

.d0661be6 {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-primary);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.d0661be6:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(236, 72, 153, 0.15);
}

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

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

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

.ifc7b {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: 'Rubik', sans-serif;
  line-height: 1.3;
}

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

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

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

@media (max-width: 1024px) {
  .k9bc1,
  .ace71c2a,
  .cbad17,
  .n170ec,
  .ff5 {
    flex-direction: column;
  }

  .j45a2e,
  .efea,
  .bd0b7b,
  .gdf618a7,
  .f97d7,
  .a034,
  .l65bd9,
  .i22fa,
  .l29df,
  .l5d80 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .i80 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }

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

  .g519 {
    flex-direction: column;
  }

  .k3d0 {
    flex: 1 1 100%;
  }

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

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

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

  .e5cee {
    font-size: 1.75rem;
  }

  .jb8dfe,
  .n5a18fe3,
  .jc6c009d,
  .ed0 {
    font-size: 1.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);
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

.e9928 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-lg);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  flex-wrap: wrap;
}

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

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

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

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

.lc09ac {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
}

.j4c2a18 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 2rem);
  flex-wrap: wrap;
  margin-bottom: var(--spacing-lg);
}

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

.d48b9b4 i {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1.2vw, 1rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n94b45b {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-lg);
}

.kee2 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: block;
  margin-bottom: var(--spacing-sm);
}

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

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

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

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

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

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

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

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

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

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

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

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

.ba9b216 {
  flex: 1 1 70%;
  max-width: 70%;
}

.nb58b {
  background: transparent;
  padding: 0;
  overflow: visible;
}

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

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

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

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

.h98d0a {
  margin-top: var(--spacing-xl);
  background: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
}

.fb933b5 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.eaac {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

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

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

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

.g7ff {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.na4f6 {
  text-align: center;
}

.h87b486f {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

.cf0e {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  margin-bottom: var(--spacing-sm);
}

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

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

.kf8f {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  align-items: flex-start;
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
}

.ke485ac {
  flex-shrink: 0;
}

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

.na9fa4 {
  flex: 1;
}

.of8237 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

.d532 {
  max-width: 800px;
}

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

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

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

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

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

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

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

.j00 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

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

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

.j00:hover .f2c08 {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

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

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

  .aa27bb9 {
    flex-direction: column;
  }

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

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

  .mc637 {
    flex-direction: column;
  }

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

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

  .p4257 {
    flex-direction: column;
  }

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

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

  .f93 {
    flex-direction: column;
  }

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

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

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

  .kf8f {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .j4c2a18 {
    flex-direction: column;
    gap: var(--spacing-sm);
  }

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

  .kedec9 {
    flex-direction: column;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k08f5f1,
.n28dd {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.h773 {
  flex: 1 1 75%;
  max-width: 75%;
}

.id1db {
  flex: 1 1 25%;
  max-width: 25%;
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
}

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

.d113982a {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

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

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

.jf9bcbd9 {
  margin: 0;
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
}

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

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

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

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

.lf52d7f {
  background: var(--color-bg-secondary);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.hd7f {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 60px;
}

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

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

.c674 {
  background: var(--color-bg-secondary);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

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

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

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

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

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

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

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

.e619 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem);
  margin: clamp(2rem, 4vw, 3rem) 0;
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  overflow: hidden;
}

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

.m30b {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: rgba(236, 72, 153, 0.1);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

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

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

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

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

.e949c {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: all var(--transition-base);
}

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

.m1217 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  flex-shrink: 0;
}

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

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

.p98 {
  margin: 0;
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
}

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

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

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

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

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

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

  .j3f0,
  .j06ef,
  .j18642 {
    flex-direction: column;
  }

  .ma8,
  .de5b167,
  .i615,
  .l19,
  .m8d7e,
  .f85b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ad7fcdc4 {
    flex-direction: column;
  }

  .p668af97,
  .kaca0c7 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

@media (max-width: 767px) {
  .i73 {
    gap: 0.75rem;
  }

  .p3365e {
    flex-direction: column;
  }

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

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

  .m30b {
    width: 100%;
    justify-content: flex-start;
  }

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

  .p79 {
    font-size: 0.8125rem;
  }

  .h6cd156e {
    text-align: left;
  }

  .e6d {
    width: 100%;
  }
}

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

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

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

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

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

.h221 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border);
}

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

.j4faf {
  text-align: center;
  max-width: 800px;
}

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

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

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

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

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

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

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

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

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

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

.maa1 p {
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

.o4470 {
  flex: 1 1 clamp(250px, 45%, 400px);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.25rem);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.b2f1 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.a07 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-normal);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.e80cf5b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  font-weight: 700;
  flex-shrink: 0;
}

.d43d1e2a {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-normal);
}

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

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

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

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

.m344 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-normal);
  max-width: 600px;
}

.hc40 {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-text-on-accent);
  color: var(--color-accent);
  text-decoration: none;
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
}

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

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

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

.hfced6 {
  display: flex;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.m49e {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  flex-shrink: 0;
}

.l00 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-normal);
}

.o923fd {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 850px;
}

@media (max-width: 768px) {
  .h221,
  .i136,
  .e73cacc,
  .kbb74,
  .jbf9b3b,
  .oec,
  .ob7d92 {
    padding-top: clamp(2rem, 6vw, 3rem);
    padding-bottom: clamp(2rem, 6vw, 3rem);
  }

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

@media (min-width: 1024px) {
  .h221,
  .i136,
  .e73cacc,
  .kbb74,
  .jbf9b3b,
  .oec,
  .ob7d92 {
    padding-top: clamp(4rem, 10vw, 8rem);
    padding-bottom: clamp(4rem, 10vw, 8rem);
  }
}

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

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

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

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

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

.d7bf9cd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

.afa {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

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

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

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

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

.e0b981 {
  flex: 1 1 100%;
  min-height: 300px;
  overflow: hidden;
  border-radius: var(--radius-xl);
  background: var(--color-bg-secondary);
}

@media (min-width: 768px) {
  .e0b981 {
    flex: 1 1 45%;
    min-height: 400px;
  }
}

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

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

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

.k9be97 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.k9be97 i {
  font-size: 1.2em;
}

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

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

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

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

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

.e35376eb {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

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

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

.b28fb {
  display: 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;
  flex-shrink: 0;
}

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

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

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

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

.cd0 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

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

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

.m65a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background: rgba(236, 72, 153, 0.1);
  border-radius: var(--radius-md);
  color: var(--color-accent);
  font-size: 1.5rem;
  flex-shrink: 0;
}

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

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

.c32829d {
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.1) 0%, rgba(244, 114, 182, 0.05) 100%);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
}

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

.f63da {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-style: italic;
  line-height: 1.7;
  font-weight: 500;
}

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

.b71b00 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  font-style: normal;
}

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

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

.c09d5d6 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

.jdfdab {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1.0625rem);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

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

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

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

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

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

.f084f914 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: rgba(236, 72, 153, 0.15);
  border-radius: var(--radius-md);
  color: var(--color-accent);
  font-size: 1.75rem;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .h7b2 {
    flex: 1 1 40%;
  }
}

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

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

.ia6 {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 2.5rem);
  font-weight: 700;
  line-height: 1.1;
}

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

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

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

.k2d {
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.15) 0%, rgba(244, 114, 182, 0.1) 100%);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  text-align: center;
}

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

.je568b31 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1.0625rem);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  h1, h2, h3 {
    word-break: break-word;
  }
}

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

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

.oa202e8 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.m36e5 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.ff587c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

  .m36e5 {
    font-size: clamp(2rem, 6vw, 2.75rem);
    margin-bottom: var(--spacing-md);
  }

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

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

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

.l47 {
  max-width: 900px;
  margin: 0 auto;
}

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

.c525c100 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.cd1b93 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-normal);
  transition: color var(--transition-fast);
}

.cd1b93:hover {
  color: var(--color-primary);
}

.cd1b93[aria-expanded="true"] {
  color: var(--color-primary);
}

.j7e {
  flex: 1;
  margin-right: var(--spacing-md);
}

.fd08163e {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-weight: bold;
  position: relative;
  transition: transform var(--transition-fast);
}

.fd08163e::before {
  content: "+";
  font-size: 1.25rem;
  line-height: 1;
  color: var(--color-primary);
}

.cd1b93[aria-expanded="true"] .fd08163e::before {
  content: "";
}

.cd1b93[aria-expanded="true"] .fd08163e {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
}

.cd1b93[aria-expanded="true"] .fd08163e::before {
  color: var(--color-text-on-accent);
}

.bc8d81a {
  padding: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-card);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

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

.bc8d81a p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.bbc236be {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
}

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

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

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

  .cd1b93 {
    padding: var(--spacing-xl) var(--spacing-lg);
    font-size: clamp(1rem, 2.5vw, 1.25rem);
  }

  .bc8d81a {
    padding: 0 var(--spacing-lg) var(--spacing-xl) var(--spacing-lg);
  }

  .bc8d81a p {
    font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  }
}

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

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

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

  .bc8d81a p {
    font-size: 1.0625rem;
  }
}

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

.m9f049 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.b47a43d0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.je3 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.e4f50b {
  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-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  box-shadow: var(--shadow-md);
}

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

.e4f50b:active {
  transform: translateY(0);
}

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

  .b47a43d0 {
    font-size: clamp(1.75rem, 5vw, 2.25rem);
    margin-bottom: var(--spacing-md);
  }

  .je3 {
    font-size: clamp(1rem, 2vw, 1.125rem);
    margin-bottom: var(--spacing-xl);
  }

  .e4f50b {
    padding: var(--spacing-lg) var(--spacing-2xl);
    font-size: 1.0625rem;
  }
}

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

  .b47a43d0 {
    font-size: 2.25rem;
    margin-bottom: var(--spacing-md);
  }

  .je3 {
    font-size: 1.125rem;
    margin-bottom: var(--spacing-xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .c525c100 {
    transition: none;
  }

  .cd1b93 {
    transition: none;
  }

  .fd08163e {
    transition: none;
  }

  .bc8d81a {
    animation: none;
  }

  .e4f50b {
    transition: none;
  }
}

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

.m36f15 {
  padding: var(--spacing-2xl) var(--spacing-md);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  align-items: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.f49e {
  order: 2;
}

.p3e767 {
  order: 1;
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

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

@media (min-width: 768px) {
  .m36f15 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .f49e {
    order: 1;
  }

  .p3e767 {
    order: 2;
  }
}

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

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

.n175 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.o1418 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.o1418:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.p62c608 {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1;
}

.c54a8e29 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.h32 {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.a57 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1rem);
  transition: color var(--transition-fast);
  margin-top: var(--spacing-sm);
  align-self: flex-start;
}

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

.na7b76b {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
}

.na7b76b img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: block;
  object-fit: cover;
}

@media (min-width: 768px) {
  .n175 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .dabb7c97 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

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

.gfc8bc {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-align: center;
  overflow: hidden;
}

.h1e1 {
  max-width: 600px;
  margin: 0 auto;
}

.m3b869 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.paf5 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.a3dffe3 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
  display: inline-block;
}

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

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

  .h1e1 {
    max-width: 700px;
  }
}

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

  .h1e1 {
    max-width: 800px;
  }
}

@media (max-width: 767px) {
  .n175 {
    grid-template-columns: 1fr;
  }

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

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

.cc66418e .h6d87 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.cc66418e .ma5 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.cc66418e h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.cc66418e .j5f {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  margin-bottom: var(--spacing-2xl);
  display: block;
}

.cc66418e h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.cc66418e p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.cc66418e ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.cc66418e li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

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

.cc66418e .l13cfb {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.cc66418e .l13cfb h2 {
  margin-top: 0;
}

.cc66418e .l13cfb p {
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .cc66418e .h6d87 {
    padding: 0 var(--spacing-lg);
  }

  .cc66418e .ma5 {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .cc66418e .h6d87 {
    padding: 0 var(--spacing-xl);
  }

  .cc66418e .ma5 {
    padding: var(--spacing-4xl) 0;
  }
}

.j2850 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.n55ac9c {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.n55ac9c .ma5 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.lba {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.hafc93 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-xl);
}

.hafc93 svg {
  width: 80px;
  height: 80px;
  color: var(--color-success);
  animation: scaleIn 0.6s ease-out;
}

.j2850 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.d2af0e {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-normal);
}

.j275c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-relaxed);
  letter-spacing: 0.3px;
}

.j275c:last-of-type {
  margin-bottom: var(--spacing-2xl);
}

.d7bf9cd {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.5px;
}

.n3081 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.n3081:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .n55ac9c {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

  .hafc93 svg {
    width: 100px;
    height: 100px;
  }

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

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

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

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

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

  .j275c:last-of-type {
    margin-bottom: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .n55ac9c {
    padding: var(--spacing-4xl) var(--spacing-lg);
    min-height: 100vh;
  }

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

  .d7bf9cd {
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

.he5e {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg);
}

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

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

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

.l0e8b {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.l56 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.l23d {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  margin: 0;
  position: relative;
  z-index: 2;
  text-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);
}

.g0b8 {
  position: absolute;
  width: clamp(150px, 40vw, 280px);
  height: clamp(150px, 40vw, 280px);
  border: 3px solid var(--color-primary-light);
  border-radius: 50%;
  z-index: 1;
  opacity: 0.3;
  animation: pulse-ring 3s ease-in-out infinite;
}

@keyframes pulse-ring {
  0%, 100% {
    transform: scale(1);
    opacity: 0.3;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.15;
  }
}

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

.if6f19b4 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: -0.01em;
}

.me0032c7 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  font-weight: 400;
}

.ce1a {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  font-weight: 400;
  font-style: italic;
}

.c324f {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-xl);
}

.d7bf9cd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: none;
  cursor: pointer;
  transition: var(--transition-base);
  letter-spacing: 0.3px;
  min-height: 48px;
  gap: var(--spacing-sm);
}

.n3081 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.n3081:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.i122 {
  margin-top: var(--spacing-2xl);
  opacity: 0.7;
  transition: var(--transition-base);
}

.f29d64 {
  width: clamp(80px, 20vw, 140px);
  height: clamp(80px, 20vw, 140px);
  color: var(--color-primary);
  animation: float-icon 3s ease-in-out infinite;
}

@keyframes float-icon {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}

.i122:hover {
  opacity: 1;
}

.i122:hover .f29d64 {
  animation: float-icon 2s ease-in-out infinite;
}

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

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

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

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

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

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

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

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

  .d7bf9cd:hover {
    transform: translateY(-3px);
  }

  .g0b8 {
    border-width: 4px;
  }
}

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

.d1190 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.d2a {
  text-align: center;
}

.m460 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.cc973 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .d1190 {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .d1190 {
    padding: 5rem 2rem;
  }
}

.b368ac37 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.h78 {
  width: 100%;
}

.lacc1 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

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

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

.de0997 {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.o7d794bf {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.c46475 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.j11,
.m0c {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.j11::placeholder,
.m0c::placeholder {
  color: var(--color-text-muted);
}

.j11:focus,
.m0c:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.m0c {
  min-height: 150px;
  resize: vertical;
  font-family: var(--font-primary);
}

.i19 {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base);
}

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

.i19:active {
  transform: translateY(0);
}

.h1a928 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
  text-align: center;
}

.a8e2 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

.o6c2e {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.dabd2f32 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.o2f8 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.ef122 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: clamp(1.2rem, 2vw, 1.5rem);
}

.g8311 {
  flex: 1;
}

.c2d {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.kfcf4e9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  margin-bottom: var(--spacing-xs);
}

.k62b4b07 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

.gdbbc {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.d22d36 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
}

.ee883 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

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

.o17 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  display: flex;
  gap: var(--spacing-sm);
  align-items: center;
  line-height: var(--line-height-normal);
}

.g6dd5c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  width: 24px;
  height: 24px;
  background-color: var(--color-success-light);
  color: var(--color-success);
  border-radius: var(--radius-full);
  font-weight: 700;
  font-size: 0.85rem;
}

@media (min-width: 768px) {
  .b368ac37 {
    padding: 4rem 2rem;
  }

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

  .n4593 {
    flex: 1 1 400px;
    max-width: 520px;
  }

  .p9b3720c {
    flex: 1 1 400px;
    max-width: 520px;
  }
}

@media (min-width: 1024px) {
  .b368ac37 {
    padding: 5rem 2rem;
  }

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

  .n4593 {
    flex: 1 1 450px;
  }

  .p9b3720c {
    flex: 1 1 450px;
  }
}

.lfd4 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.k8de5 {
  text-align: center;
}

.j1aad2f2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.bc1 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.nb70be77 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-base);
}

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

.nb70be77:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .lfd4 {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .lfd4 {
    padding: 5rem 2rem;
  }
}

@media (max-width: 480px) {
  .n4593,
  .p9b3720c {
    max-width: none;
  }

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

  .ef122 {
    min-width: 40px;
    width: 40px;
    height: 40px;
  }
}
.l7bde,.kb0e{
  width: 34px;
}

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

.k581b{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .k581b{
    max-width: 100%;
  }
}

.k581b.o33179{
  z-index: 999;
}

.dad7{
  padding-top: 50px;
}

.l7bde[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .a8f92 {
    aspect-ratio: 6 / 9;
  }
  .l613 {
    aspect-ratio: 6 / 9;
  }
}