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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f0f4ff;
  --color-bg-tertiary: #e0e7ff;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e293b;
  --color-text-secondary: #475569;
  --color-text-muted: #606977;

  --color-primary: #4338ca;
  --color-primary-hover: #3730a3;
  --color-primary-light: #e8e5f5;
  --color-secondary: #6366f1;
  --color-secondary-light: #e0e7ff;

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

  --color-border: #cbd5e1;
  --color-border-light: #e2e8f0;

  --font-primary: 'Nunito Sans', sans-serif;
  --font-heading: 'Albert Sans', 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(30, 41, 59, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(30, 41, 59, 0.1), 0 2px 4px -1px rgba(30, 41, 59, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(30, 41, 59, 0.1), 0 4px 6px -2px rgba(30, 41, 59, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(30, 41, 59, 0.1), 0 10px 10px -5px rgba(30, 41, 59, 0.04);

  --transition-fast: 150ms ease-in-out;
  --transition-base: 200ms ease-in-out;
  --transition-slow: 300ms ease-in-out;

  --line-height-tight: 1.25;
  --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: #ffffff;
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

h2 {
  font-size: 2.75rem;
  font-weight: 700;
  letter-spacing: -0.015em;
}

h3 {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}

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

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

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

button:active {
  transform: scale(0.98);
}

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

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

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

.l9e10 {
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

.m6384 {
  background: var(--color-primary);
  color: #ffffff;
}

.m6384:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

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

.c48e0d3:hover {
  background: var(--color-secondary);
  color: #ffffff;
}

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

.c72595c:hover {
  background: var(--color-primary-light);
}

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

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

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

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

.l0f {
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

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

.df4 {
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

.nb6 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

.pa7 {
  background: var(--color-primary-light);
  color: var(--color-primary);
}

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

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

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

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

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

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

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

.g517cb {
  display: flex;
  align-items: center;
}

.g503 {
  flex-direction: column;
}

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

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

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

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

.e3995d97 {
  justify-content: center;
}

.cfae53e4 {
  align-items: center;
}

.p92d {
  text-align: center;
}

.j8b70243 {
  font-size: 0.875rem;
}

.m5bcf91e {
  font-size: 1.125rem;
}

.d7cda {
  font-size: 1.25rem;
}

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

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

.k8fd {
  font-weight: 700;
}

.gf791 {
  font-weight: 600;
}

.c7eb {
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 1.75rem;
  }

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

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

  .jb225 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (max-width: 640px) {
  :root {
    font-size: 0.9375rem;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.375rem;
  }

  h4 {
    font-size: 1.125rem;
  }

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

  .cff88f, .aa578, .n9fb {
    grid-template-columns: 1fr;
  }

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

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

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

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

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

.d2a6234:hover {
  opacity: 0.8;
}

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

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

.a5d {
  display: none;
  align-items: center;
  gap: 2rem;
}

.i7a352 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: var(--transition-base);
  border-bottom: 2px solid transparent;
  padding-bottom: 4px;
}

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

.d1b246 {
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 0.5rem;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  white-space: nowrap;
}

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

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

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

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

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

.d058.lfd2 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

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

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

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

.g1803383 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1rem 0;
  overflow-y: auto;
  flex: 1;
}

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

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

.c65b447 {
  padding: 1rem 1.5rem;
  margin: 1rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 0.5rem;
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-align: center;
  transition: var(--transition-base);
  display: block;
}

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

@media (min-width: 768px) {
  .fe394 {
    height: 80px;
  }

  .a5d {
    display: flex;
  }

  .pd334 {
    display: none;
  }

  .d058 {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .fe394 {
    gap: 3rem;
  }

  .i7a352 {
    font-size: 0.95rem;
  }
}

    .hac85895 {
  width: 100%;
}

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

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

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

.n92bc1 {
  flex: 1 1 100%;
  max-width: 600px;
  text-align: center;
}

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

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

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

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

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

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

.p82b273 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-accent);
}

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

.k2730 {
  flex: 1 1 100%;
  max-width: 500px;
  width: 100%;
  box-shadow: var(--shadow-lg);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transform: perspective(1000px) rotateY(-5deg);
}

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

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

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

  .h1d7a3 {
    flex-direction: row;
    align-items: flex-start;
  }

  .k2730 {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 500px;
  }

  .k7c8c {
    max-height: 500px;
  }
}

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

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

.i9d {
  text-align: center;
}

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

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

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

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

.l7d {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-align: center;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

.ebba8 {
  font-size: 2.5rem;
  color: var(--color-accent);
  display: flex;
  justify-content: center;
}

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

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

@media (min-width: 1024px) {
  .l7d {
    flex: 1 1 calc(25% - clamp(1rem, 2vw, 1.5rem));
    max-width: 100%;
  }
}

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

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

.pa70 {
  text-align: center;
}

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

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

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

.h20aa {
  width: 100%;
  max-width: 500px;
}

.ed38 {
  background: var(--color-bg-secondary);
  border: 3px solid var(--color-accent);
  padding: clamp(2rem, 4vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
}

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

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

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

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

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

.g85d {
  flex: 1 1 calc(50% - clamp(0.5rem, 1vw, 0.75rem));
  min-width: 150px;
  max-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.75rem, 1vw, 1rem);
  text-align: center;
}

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

.d29 {
  font-size: 2rem;
  color: var(--color-accent);
  display: flex;
}

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

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

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

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

.ia6c78cb {
  flex: 1 1 100%;
}

.obd0 {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.75rem, 0.8vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.75rem;
}

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

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

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

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

.c0d10 {
  flex: 1 1 100%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

.h48 {
  font-size: 2.5rem;
  color: var(--color-accent);
  display: flex;
  justify-content: center;
}

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

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

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

  .ia6c78cb {
    flex: 1 1 50%;
  }

  .c0d10 {
    flex: 1 1 45%;
  }
}

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

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

.bfbe4 {
  text-align: center;
}

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

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

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

.j0c {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
  position: relative;
  padding-left: clamp(2rem, 4vw, 3rem);
}

.j0c::before {
  content: '';
  position: absolute;
  left: clamp(1rem, 2vw, 1.5rem);
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
}

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

.bd920 {
  position: absolute;
  left: clamp(-1.75rem, -3.5vw, -2.5rem);
  top: 0;
  width: clamp(2.5rem, 5vw, 3rem);
  height: clamp(2.5rem, 5vw, 3rem);
  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);
  font-family: var(--font-heading);
}

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

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

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

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

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

.h8d9 {
  text-align: center;
}

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

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

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

.cb77 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 200px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.obc9b3 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border-light);
}

.j8f {
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
  box-shadow: var(--shadow-md);
}

.f9e1f {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.75rem, 0.8vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

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

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

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

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

.obc9b3 .k98::before {
  content: '✗';
  color: var(--color-text-muted);
}

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

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

.iab31 {
  text-align: center;
}

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

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

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

.e750 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 150px;
  max-width: 220px;
  background: rgba(255, 255, 255, 0.15);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  text-align: center;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.ica {
  color: var(--color-text-on-accent);
  font-size: clamp(2rem, 5vw, 3rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

.ke8985 {
  color: var(--color-text-on-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin: 0;
  opacity: 0.9;
}

@media (min-width: 1024px) {
  .e750 {
    flex: 1 1 calc(25% - clamp(1rem, 2vw, 1.5rem));
  }
}

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

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

.pa8e {
  text-align: center;
}

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

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

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

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

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

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

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

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

.ob6e3084:hover .n5f4a2 {
  transform: scale(1.05);
}

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

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

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

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

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

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

.cc22 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  transition: all var(--transition-base);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
}

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

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

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

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

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

.d9650 {
  text-align: center;
}

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

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

.l97f {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  max-width: 700px;
  margin: 0 auto;
}

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

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

.c6a817 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0;
  cursor: pointer;
  transition: color var(--transition-base);
}

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

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

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

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

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

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

.oa9d114c {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  transition: all var(--transition-base);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

.i88131 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #1e293b;
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  overflow: hidden;
}

.i88131.ia1e81 {
  display: none;
}

.fc312d9 {
  color: #f1f5f9;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  flex: 1 1 auto;
  text-align: center;
}

.h2a45d6 {
  color: #4338ca;
  text-decoration: underline;
  font-weight: 600;
  transition: color var(--transition-base);
}

.h2a45d6:hover {
  color: #3730a3;
}

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

.jec5,
.f74146 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-sm);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  white-space: nowrap;
}

.jec5 {
  background: #4338ca;
  color: #ffffff;
}

.jec5:hover {
  background: #3730a3;
}

.f74146 {
  background: transparent;
  color: #f1f5f9;
  border: 1px solid rgba(241, 245, 249, 0.3);
}

.f74146:hover {
  border-color: #f1f5f9;
}

@media (min-width: 768px) {
  .i88131 {
    padding: clamp(1rem, 2vw, 1.5rem) clamp(2rem, 4vw, 3rem);
  }

  .fc312d9 {
    text-align: left;
    flex: 1 1 auto;
  }

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

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

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

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

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

.cb0,
.e63c6,
.iee,
.mb1237 {
  display: block;
}

.cb0 {
  max-width: 540px;
}

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

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

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

.n657137b,
.e3f {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.5rem);
}

.n657137b li,
.e3f li {
  display: inline-block;
}

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

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

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

.d8a403 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-text-muted);
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.c30a8 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-text-muted);
  margin-bottom: 0;
  font-style: italic;
}

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

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

  .e63c6 {
    flex: 1 1 180px;
    min-width: 160px;
  }

  .iee {
    flex: 1 1 240px;
    min-width: 220px;
  }

  .mb1237 {
    flex: 1 1 220px;
    min-width: 200px;
  }

  .d77 {
    flex: 1 1 100%;
  }

  .n657137b,
  .e3f {
    flex-direction: column;
    gap: clamp(0.625rem, 1vw, 0.875rem);
  }
}

@media (max-width: 767px) {
  .n164e4 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .n657137b,
  .e3f {
    flex-direction: row;
  }

  .jaf48 h3 {
    margin-bottom: 1rem;
  }
}
    

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

.b5c82c94 {
  background: linear-gradient(135deg, #4338ca 0%, #6366f1 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  min-height: 350px;
  display: flex;
  align-items: center;
}

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

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

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

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

.p59bf9 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: #e0e7ff;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

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

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

.m98ac52c {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  width: 100%;
  max-width: 100%;
}

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

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

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

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

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

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

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

.e4d i {
  color: var(--color-accent);
  width: 1em;
}

.g39304 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  width: fit-content;
}

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

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

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

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

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

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

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

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

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

.nbaa6c1 {
  font-size: clamp(2rem, 5vw, 2.5rem);
  color: var(--color-accent);
  width: fit-content;
}

.g48 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

@media (min-width: 768px) {
  .k0d04 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: center;
  }

  .m98ac52c {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 320px;
    max-width: 100%;
  }

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

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

@media (min-width: 1024px) {
  .k0d04 {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .m98ac52c {
    display: flex;
    flex-direction: row;
    max-width: 100%;
    flex: 1 1 100%;
  }

  .o020 {
    width: 45%;
    min-width: 350px;
    height: auto;
    aspect-ratio: auto;
    min-height: 300px;
  }

  .a778274 {
    width: 55%;
    padding: clamp(2rem, 3vw, 2.5rem);
  }

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

  .jc55 {
    flex: 1 1 calc(25% - clamp(1.5rem, 2vw, 2rem));
    min-width: 220px;
    max-width: 280px;
  }
}

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

  .o020 {
    width: 100%;
    aspect-ratio: 16 / 9;
  }

  .a778274 {
    width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

.b261 i {
  color: var(--color-accent);
  font-size: 0.95em;
}

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

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

  .ad9b5e,
  .fe4c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .afb527e {
    max-height: 300px;
  }
}

.hfc2 {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  flex-wrap: wrap;
}

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

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

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

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

.f080e {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

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

.fab8db {
  flex: 1;
}

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

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

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

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

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

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

  .o2f {
    width: 80px;
    height: 80px;
  }
}

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

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

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

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

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

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

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

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

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

  .oebb5,
  .nf628f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n5afd1 img {
    max-height: 300px;
  }
}

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

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

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

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

.c3ecfbd {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

.ff86c {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

  .m36,
  .p9e458f5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .f14 img {
    max-height: 300px;
  }
}

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

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

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

.h643 {
  font-size: clamp(1.1rem, 1.3vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 0.75rem 0;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

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

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

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

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

  .e31,
  .b477146a {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .a4f08d72 img {
    max-height: 300px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

  .l61a82,
  .gf496 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c63f7b img {
    max-height: 300px;
  }
}

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

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

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

.ef3ed8a {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.bef0c5 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

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

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

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

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

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

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

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

.if6f {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.g8c36 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 380px;
}

.a3c {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
  transition: all var(--transition-base);
}

.g8c36:hover {
  transform: translateY(-8px);
}

.iee429 {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

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

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

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

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

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

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

.g8531 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o74ab {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cad408 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  font-family: var(--font-heading);
}

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

@media (max-width: 768px) {
  .ae084bf9 {
    text-align: center;
  }
}

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

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

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

.p5c3838 span:last-child {
  color: var(--color-text-primary);
}

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

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

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

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

.p71dd {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

.lab981 {
  color: var(--color-border-light);
}

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

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

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

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

.l7936151 i {
  color: var(--color-accent);
  font-size: 1.25rem;
}

@media (max-width: 768px) {
  .h6f7 {
    flex-direction: column;
  }
  
  .i627548,
  .ge9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.dcae13 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.j5699 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  overflow: hidden;
}

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

.j8d {
  flex: 1 1 auto;
}

.nf70 {
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 0.25rem;
}

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

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

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

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

@media (max-width: 768px) {
  .dcae13 {
    flex-direction: column;
    text-align: center;
  }
  
  .nf70,
  .k17c,
  .g2a5 {
    margin-left: 0;
    margin-right: 0;
  }
}

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .cb941791 {
    flex-direction: column;
  }
  
  .h5b60d,
  .nc9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.jacb7e {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 100%;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.ja3c3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

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

.of37d {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border-radius: var(--radius-md);
  font-size: 0.8125rem;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}

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

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

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

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

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

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

.d9d15 {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--color-accent);
  display: flex;
  align-items: flex-start;
  margin-top: 0.125rem;
}

.pbb6e0 {
  flex: 1 1 auto;
}

.o7b {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

.aae92 {
  font-size: clamp(1.25rem, 3vw, 2rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

@media (max-width: 768px) {
  .f4f869,
  .f4f869:nth-child(even) {
    flex-direction: column;
  }
  
  .d39dc,
  .b71e610 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.g47 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

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

.pdad {
  flex: 1 1 auto;
}

.ja0d567 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

.f98d0:hover .h138 {
  transform: scale(1.05);
}

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

.dd4b {
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

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

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

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

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

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

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

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

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

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

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

.jed7f79b {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.25rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: background var(--transition-base), transform var(--transition-base);
  cursor: pointer;
  border: none;
}

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

@media (max-width: 768px) {
  .p6ff35c {
    flex-direction: column;
    align-items: stretch;
  }
  
  .jed7f79b {
    text-align: center;
    width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.aafc3f5 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
}

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

.m2dd7878 {
  color: var(--color-border);
}

.bce4f {
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
}

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

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

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

  .bc85,
  .j017a1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.a3e96 {
  flex: 0 0 auto;
  width: 200px;
  position: sticky;
  top: 2rem;
}

.j1c {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  box-shadow: var(--shadow-sm);
  text-align: center;
}

.j97 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto clamp(1rem, 2vw, 1.25rem);
  display: block;
  border: 3px solid var(--color-secondary);
}

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

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

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

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

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

.ka3 {
  flex: 1 1 auto;
}

.d241 {
  background: var(--color-bg-primary);
  padding: clamp(2.5rem, 4vw, 3.5rem) 0;
  overflow: hidden;
}

.pd2fdf3 {
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

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

.m623 {
  font-size: clamp(0.95rem, 1.1vw, 1.15rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

  .a3e96 {
    width: 100%;
    position: relative;
    top: 0;
  }

  .df986 {
    flex-direction: column;
  }

  .dcdfd8,
  .n776 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.nec47 {
  max-width: 100%;
}

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

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

.h00cc {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 4vw, 3.5rem) 0;
  overflow: hidden;
}

.pc26d300 {
  max-width: 100%;
}

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

.abc {
  font-size: clamp(0.95rem, 1.1vw, 1.15rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.b6d6 {
  font-size: clamp(0.95rem, 1.1vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

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

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

.a957 {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

.ba76:hover .c34474 {
  transform: scale(1.05);
}

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

.k7d {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 1.8vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

@media (max-width: 1024px) {
  .ba76 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
    min-width: 280px;
  }
}

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

  .pc2c9 {
    border-left-width: 3px;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i59f7 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: 0;
}

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

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

  .m0cd,
  .lce0cc4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

  .ha1,
  .geec {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.b25d88ff {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  max-width: 500px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  align-items: center;
  text-align: center;
}

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

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

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

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

.be00191 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

.b6e0 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
}

.fc6 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800;
  color: var(--color-accent);
  min-width: 40px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 0.25rem;
}

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

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

.kdf533e5 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  font-style: italic;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-secondary);
  margin: 0;
}

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

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

  .b5f4476c,
  .i5407ce {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b6e0 {
    flex-direction: column;
  }

  .fc6 {
    min-width: auto;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

  .f22c2,
  .ob7f4d {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }
}

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

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

.kb671 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-warning);
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.hbf {
  flex: 1;
}

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

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

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

  .kb671 {
    min-width: auto;
  }
}

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

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

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

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

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

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

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

.k41b {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-secondary);
}

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

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

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

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

  .o238,
  .obb73 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.od62 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-success);
  font-weight: 800;
  flex-shrink: 0;
  margin-top: 2px;
}

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

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

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

  .ed9a,
  .i3613f {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }
}

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

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

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

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

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

.g8f {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-lg);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  text-decoration: none;
  cursor: pointer;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html, body {
  width: 100%;
}

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

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

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

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

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

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

.fb61b723 {
  font-size: clamp(0.875rem, 2vw + 0.3rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  line-height: var(--line-height-normal);
}

.h397 {
  width: 100%;
  max-width: 800px;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-xl);
  display: block;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

.m67 {
  width: 100%;
  max-width: 700px;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-xl);
  display: block;
  margin: 0 auto;
}

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

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

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

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

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

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

.hea09bd {
  flex: 1 1 clamp(250px, 100%, 350px);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

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

.cd123b5d {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
  border-radius: var(--radius-md);
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
}

.cd5db960 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.d86 {
  font-size: clamp(0.8125rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
}

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

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

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

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

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

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

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

.d4fbb {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  border-radius: var(--radius-full);
  color: var(--color-text-on-accent);
  font-size: 1rem;
  margin-top: 4px;
}

.cf58e195 {
  flex: 1;
}

.k63c {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.e9edd8 {
  font-size: clamp(0.8125rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

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

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

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

.ce446a {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  font-style: italic;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.m13 {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary-light);
  font-size: 1.25rem;
  margin-top: 2px;
}

.a36 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.p6b25 {
  font-size: clamp(0.8125rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-left: calc(32px + clamp(0.75rem, 1vw, 1rem));
}

@media (min-width: 768px) {
  .m2ce9a99 {
    text-align: center;
  }

  .g5a403 {
    text-align: center;
  }

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

  .hea09bd {
    flex: 1 1 clamp(300px, 45%, 400px);
  }

  .f128da9 {
    text-align: center;
  }

  .f86 {
    text-align: center;
  }

  .ce446a {
    margin-bottom: clamp(1.5rem, 2vw, 2rem);
  }

  .lfeab4 {
    text-align: center;
  }

  .g36 {
    justify-content: center;
  }

  .p6b25 {
    margin-left: 0;
  }
}

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

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

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

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

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

  .m4d {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

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

  .hea09bd {
    flex: 1 1 calc(33.333% - 1.5rem);
  }

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

  .bcaa5b4 {
    max-width: 800px;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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: all var(--transition-base);
}

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

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

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

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

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

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

.g43e8b38:hover {
  background: var(--color-accent-light);
  color: var(--color-accent-dark);
}

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

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

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

.eafd {
  display: inline-block;
  align-self: center;
  padding: 0.5rem 1rem;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: var(--radius-full);
}

.m70097e {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 800;
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

  .f6f59f8 {
    flex: 1 1 50%;
    max-height: 500px;
  }

  .ddbc7a {
    max-height: 500px;
  }
}

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

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

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

.m35609 {
  display: inline-block;
  align-self: center;
  padding: 0.5rem 1rem;
  background: var(--color-accent-light);
  color: var(--color-accent-dark);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: var(--radius-full);
}

.h95 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 800;
  line-height: var(--line-height-tight);
}

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

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

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

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

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

.j099f {
  display: inline-block;
  align-self: center;
  padding: 0.5rem 1rem;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: var(--radius-full);
}

.o10 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 800;
  line-height: var(--line-height-tight);
}

.g1865b9 {
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

.ef5e9ee3 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent-light);
  color: var(--color-accent-dark);
  border-radius: var(--radius-md);
  font-size: 1.5rem;
}

.n391c1 {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

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

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

@media (min-width: 1024px) {
  .ga9adc {
    flex: 1 1 calc(33.333% - 1.5rem);
  }
}

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

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

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

.o381aeac {
  display: inline-block;
  align-self: center;
  padding: 0.5rem 1rem;
  background: var(--color-accent-light);
  color: var(--color-accent-dark);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: var(--radius-full);
}

.f36e82e {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 800;
  line-height: var(--line-height-tight);
}

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

.l81640 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}

.a153 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 800;
  color: var(--color-accent);
  opacity: 0.15;
  position: absolute;
  top: -10px;
  right: 20px;
  font-family: var(--font-heading);
}

.m3fb3 {
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
  position: relative;
  z-index: 1;
}

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

@media (min-width: 768px) {
  .l81640 {
    flex: 1 1 calc(50% - 1.5rem);
  }
}

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

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

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

.m37 {
  display: inline-block;
  width: fit-content;
  padding: 0.5rem 1rem;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: var(--radius-full);
}

.p774e960 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 800;
  line-height: var(--line-height-tight);
}

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

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

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

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

  .d97a0 {
    flex: 1 1 50%;
  }

  .e1a2 {
    flex: 1 1 50%;
    max-height: 450px;
  }

  .af71fd21 {
    max-height: 450px;
  }
}

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

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

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

.gc223c1 {
  display: inline-block;
  align-self: center;
  padding: 0.5rem 1rem;
  background: var(--color-accent-light);
  color: var(--color-accent-dark);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: var(--radius-full);
}

.j4b {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 800;
  line-height: var(--line-height-tight);
}

.maeca5 {
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

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

.o043 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
  color: var(--color-text-primary);
}

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

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

.cddf579 {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.cb1f {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  font-weight: 500;
}

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

@media (min-width: 768px) {
  .o043 {
    flex: 1 1 calc(50% - 1.5rem);
  }
}

@media (min-width: 1024px) {
  .o043 {
    flex: 1 1 calc(25% - 1.5rem);
    min-width: 250px;
  }
}

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

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

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

.i083 {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%);
  padding: clamp(2rem, 5vw, 3.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.l6570ba {
  display: inline-block;
  align-self: center;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.2);
  color: var(--color-text-on-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: var(--radius-full);
}

.p5de {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  color: var(--color-text-on-accent);
  font-weight: 800;
  line-height: var(--line-height-tight);
}

.h6c173ea {
  font-size: clamp(0.9rem, 1.1vw + 0.5rem, 1.1rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
  opacity: 0.95;
}

.i083 .n605 {
  align-self: center;
  background: var(--color-text-on-accent);
  color: var(--color-accent);
}

.i083 .n605:hover {
  background: rgba(255, 255, 255, 0.9);
  color: var(--color-primary-dark);
}

@media (min-width: 768px) {
  .i083 {
    padding: clamp(3rem, 6vw, 4.5rem);
  }
}

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

.a9e59015 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.c9e27a {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.e1c8b {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.g52da {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

@media (min-width: 768px) {
  .a9e59015 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a9e59015 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.mef9ef4 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.eb017ef6 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.n1f6f {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

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

.mf75e {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-sm);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.lc23d {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.hcf8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .mef9ef4 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .eb017ef6 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .k627a2b {
    height: 280px;
  }

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

@media (min-width: 1024px) {
  .mef9ef4 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .eb017ef6 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .n1f6f {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .k627a2b {
    height: 100%;
    min-height: 320px;
  }

  .n1f6f:nth-child(odd) .k627a2b {
    order: -1;
  }

  .g90 {
    padding: var(--spacing-xl) var(--spacing-2xl);
    justify-content: center;
  }
}

.a3fc {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.e18 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.ad2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.e0e432 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.gebdd {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.gebdd:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

.gebdd:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .a3fc {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a3fc {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.ee822 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.i77e87e2 {
  max-width: 900px;
  margin: 0 auto;
}

.c1d3 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
}

.bac9 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  line-height: var(--line-height-normal);
  margin: 0;
}

@media (min-width: 768px) {
  .ee822 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ee822 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.na845fc6 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.d887b88 {
  max-width: 1200px;
  margin: 0 auto;
}

.jb9b44 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .jb9b44 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .na845fc6 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

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

.i38df8f {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.i38df8f:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

.ia89210 {
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

.ia89210 i {
  color: var(--color-primary);
  font-size: 1.5rem;
}

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

.me26 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

@media (min-width: 768px) {
  .i38df8f {
    padding: var(--spacing-xl);
  }
}

.o5c115ea {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.faf {
  max-width: 700px;
  margin: 0 auto;
}

.j0de {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
}

.ifd {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
}

.p68b2 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.p68b2:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

.p68b2:active {
  transform: scale(0.98);
}

@media (min-width: 768px) {
  .o5c115ea {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .o5c115ea {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.h3f .md5 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.h3f .hc698474 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-4xl) var(--spacing-md);
}

.h3f h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.h3f .c9d01c {
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-3xl);
  font-style: italic;
}

.h3f h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.h3f 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);
  text-align: justify;
}

.h3f ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  padding: 0;
}

.h3f 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);
  list-style-position: outside;
  list-style-type: disc;
}

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

.e24b536 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.e24b536 h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.e24b536 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .h3f .hc698474 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .h3f .hc698474 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

.p293 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .p293 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .p293 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
}

.md5 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

@media (min-width: 768px) {
  .md5 {
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .md5 {
    padding: 0 var(--spacing-xl);
  }
}

.bca29a8 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.o26 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .o26 {
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .o26 {
    gap: var(--spacing-2xl);
  }
}

.a26 {
  font-size: clamp(3rem, 10vw, 5rem);
  color: var(--color-success);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--spacing-md);
  animation: icon-bounce 0.8s ease-out;
}

@keyframes icon-bounce {
  0% {
    transform: scale(0) translateY(20px);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

.kfff {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
  letter-spacing: -0.5px;
}

@media (min-width: 768px) {
  .kfff {
    margin: var(--spacing-md) 0;
  }
}

.dabb2 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-normal);
}

@media (min-width: 768px) {
  .dabb2 {
    margin: var(--spacing-sm) 0 var(--spacing-md) 0;
  }
}

.n6d8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 600px;
}

@media (min-width: 768px) {
  .n6d8 {
    margin: var(--spacing-lg) 0;
  }
}

@media (min-width: 1024px) {
  .n6d8 {
    margin: var(--spacing-xl) 0;
  }
}

.p5978a9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  width: 100%;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  margin: var(--spacing-lg) 0;
}

@media (min-width: 768px) {
  .p5978a9 {
    padding: var(--spacing-xl);
    gap: var(--spacing-lg);
    margin: var(--spacing-xl) 0 var(--spacing-2xl) 0;
  }
}

@media (min-width: 1024px) {
  .p5978a9 {
    padding: var(--spacing-2xl);
    gap: var(--spacing-xl);
    margin: var(--spacing-2xl) 0 var(--spacing-3xl) 0;
  }
}

.k3a0288 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  line-height: var(--line-height-normal);
  justify-content: center;
}

.i23e2f42 {
  font-size: clamp(1.5rem, 3vw, 1.75rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.f852 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  font-style: italic;
}

@media (min-width: 768px) {
  .f852 {
    margin: var(--spacing-lg) 0 var(--spacing-2xl) 0;
  }
}

@media (min-width: 1024px) {
  .f852 {
    margin: var(--spacing-xl) 0 var(--spacing-3xl) 0;
  }
}

.l9e10 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  letter-spacing: 0.3px;
  min-width: 200px;
}

@media (min-width: 768px) {
  .l9e10 {
    padding: var(--spacing-md) var(--spacing-2xl);
    min-width: 240px;
  }
}

.m6384 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.m6384:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (max-width: 767px) {
  .a26 {
    margin-bottom: var(--spacing-sm);
  }

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

.m5bdb5e {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n9de1 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.md5 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.a7edde95 {
  text-align: center;
  position: relative;
  z-index: 1;
}

.k3a06f50 {
  margin-bottom: var(--spacing-2xl);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}

.icc31 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -2px;
  line-height: 1;
  display: inline-block;
  position: relative;
}

.icc31::before {
  content: '';
  position: absolute;
  inset: -20px;
  background: radial-gradient(circle, var(--color-primary-light), transparent);
  opacity: 0.1;
  border-radius: var(--radius-full);
  z-index: -1;
  animation: pulse-glow 3s ease-in-out infinite;
}

.bd77ed {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: var(--spacing-xl) 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.i437af {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-lg) 0 var(--spacing-md) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.m5698e2 {
  font-size: clamp(0.9rem, 0.95vw + 0.45rem, 1rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-md) 0 var(--spacing-2xl) 0;
  font-style: italic;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.l9e10 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.m6384 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.m6384:active {
  transform: translateY(0);
}

.jdc8c {
  margin-top: var(--spacing-3xl);
  display: flex;
  justify-content: center;
  opacity: 0.3;
  animation: float 4s ease-in-out infinite;
}

.g37670 {
  width: 60px;
  height: 60px;
  color: var(--color-primary);
}

@keyframes pulse-glow {
  0%, 100% {
    transform: scale(1);
    opacity: 0.1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.2;
  }
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
}

@media (min-width: 480px) {
  .n9de1 {
    padding: var(--spacing-xl) var(--spacing-md);
  }

  .k3a06f50 {
    min-height: 240px;
  }

  .l9e10 {
    padding: var(--spacing-md) calc(var(--spacing-lg) * 1.5);
  }
}

@media (min-width: 768px) {
  .n9de1 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .k3a06f50 {
    min-height: 280px;
  }

  .icc31::before {
    inset: -30px;
  }

  .l9e10 {
    padding: calc(var(--spacing-md) * 1.2) var(--spacing-xl);
    font-size: clamp(0.95rem, 1vw, 1.15rem);
  }

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

@media (min-width: 1024px) {
  .n9de1 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .k3a06f50 {
    min-height: 320px;
  }

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

  .icc31 {
    letter-spacing: -3px;
  }
}

@media (min-width: 1440px) {
  .n9de1 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .k3a06f50 {
    min-height: 360px;
  }
}

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

.n3b1f4 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.l7b4fb8f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-sm) 0;
}

.jf94 {
  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-normal);
  margin: 0;
  max-width: 600px;
}

@media (min-width: 768px) {
  .n3b1f4 {
    padding: 5rem 0;
  }
}

@media (min-width: 1024px) {
  .n3b1f4 {
    padding: 6rem 0;
  }
  
  .a2dfe9 {
    padding: 0 var(--spacing-lg);
  }
}

.iab412 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.nfe {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

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

.jd62f {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.o5fc {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.dba96739,
.o85255f {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);
}

.dba96739::placeholder,
.o85255f::placeholder {
  color: var(--color-text-muted);
}

.dba96739:focus,
.o85255f:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.o85255f {
  resize: vertical;
  min-height: 150px;
}

.pc649f4b {
  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-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}

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

.pc649f4b:active {
  transform: translateY(0);
}

.kc9 {
  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);
  margin: 0;
  text-align: center;
}

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

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

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

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

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

.cea17590 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-lg) 0;
}

.bc21165c {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
}

.bc21165c:hover {
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
}

.oac7c {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.oac7c i {
  color: var(--color-primary);
  font-size: 1.25rem;
  line-height: 40px;
}

.ab8da {
  flex: 1;
}

.odccb06c {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.jc2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-fast);
  line-height: var(--line-height-normal);
  margin: 0;
}

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

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

.j83 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.fbd1 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-md) 0;
}

.c39cb5a4 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid transparent;
  transition: border-color var(--transition-fast), color var(--transition-fast);
}

.c39cb5a4:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

@media (min-width: 768px) {
  .iab412 {
    padding: 4rem 0;
  }

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

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

  .h07c {
    flex: 1 1 45%;
  }

  .m3e62a5e {
    flex: 1 1 45%;
  }
}

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

  .h07c {
    flex: 1 1 48%;
  }

  .m3e62a5e {
    flex: 1 1 48%;
  }
}

.e6b {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.o42 {
  padding: 0 var(--spacing-md);
  text-align: center;
}

.k215f3 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
}

.j7597 {
  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-normal);
  margin: 0 0 var(--spacing-lg) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.e78155 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}

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

.e78155:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .e6b {
    padding: 4rem 0;
  }

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

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

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

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

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.pd334,.gaf{width:34px;}
.pd334[aria-expanded="true"]{display:none;}
.d058.lfd2{z-index:999;}
.d058{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.d058{max-width:100%;}}
.a5d{justify-content:flex-end;}