@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=General+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: #ede9fe;
  --color-primary-lighter: #f5f3ff;

  --color-secondary: #6366f1;
  --color-secondary-light: #e0e7ff;
  --color-secondary-lighter: #f0f4ff;

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

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

  --font-primary: 'General Sans', sans-serif;
  --font-heading: 'Space Grotesk', sans-serif;

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

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

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

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);

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

  
  --color-accent: var(--color-primary);
  --color-accent-hover: var(--color-primary-hover);
  --color-accent-dark: var(--color-accent-hover);
  --color-primary-dark: var(--color-accent-dark);
  --color-accent-light: var(--color-primary-light);
  --color-secondary-hover: var(--color-secondary-light);
  --color-text-on-accent: #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);
  -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.5rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

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

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

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

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

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

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

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

button, input[type="button"], input[type="submit"] {
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all var(--transition-fast);
}

input, textarea, select {
  font-family: var(--font-primary);
}

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

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

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }
}

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }
}

.b233 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-lg);
  font-size: 1rem;
  text-decoration: none;
  white-space: nowrap;
  transition: all var(--transition-fast);
  cursor: pointer;
}

.m2bcb4 {
  background: var(--color-primary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

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

.m2bcb4:active {
  transform: translateY(0);
}

.j28 {
  background: var(--color-secondary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

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

.j28:active {
  transform: translateY(0);
}

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

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

.o1ed7e62 {
  background: transparent;
  color: var(--color-primary);
  padding: var(--spacing-sm) var(--spacing-md);
}

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

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

.l3b {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: 1.125rem;
}

.b233:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}

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

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

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

.d19f1 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: var(--radius-full);
  background: var(--color-primary-light);
  color: var(--color-primary);
}

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

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

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

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

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

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

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

.le0dd0 {
  text-align: center;
}

.l80ce6 {
  text-align: left;
}

.e0588 {
  text-align: right;
}

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

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

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

.i545d56e {
  display: flex;
}

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

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

.la316 {
  display: grid;
}

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

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

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

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

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

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

.a9c11 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gd549 {
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-3xl);
}

.pd70 {
  margin-top: var(--spacing-4xl);
  margin-bottom: var(--spacing-4xl);
}

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

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

.gbe2 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

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

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

.b7d7c1f {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}

.fe68b9 {
  padding-top: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
}

.hb934d8 {
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-3xl);
}

.p5e33dbf {
  padding-top: var(--spacing-4xl);
  padding-bottom: var(--spacing-4xl);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.e40 {
  opacity: 0.5;
}

.me401015 {
  opacity: 0.75;
}

.b1b {
  cursor: pointer;
}

.b7bbb {
  user-select: none;
}

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .b233 {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 0.875rem;
  }
}
.k0a54 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
}

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

.je8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  flex-shrink: 0;
}

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

.e20578 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  white-space: nowrap;
}

.je8:hover .e20578 {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

.ld2 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1rem, 2vw, 2rem);
  flex: 1;
  margin-left: 2rem;
}

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

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

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

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

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

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

.oad79.n1766b .m224442:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.oad79.n1766b .m224442:nth-child(2) {
  opacity: 0;
}

.oad79.n1766b .m224442:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

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

.g49.n1766b {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.m41b290 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m41b290 i {
  font-size: 1.5rem;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

  .b195 {
    display: block;
  }

  .oad79 {
    display: none;
  }

  .g49 {
    display: none;
  }
}

    .f93 {
  width: 100%;
}

.h2cec6 {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.h60 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

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

.h2cec6 .ne0fa {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.ab60 {
  display: flex;
  flex-direction: column ;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  align-items: center;
  text-align: center;
 
  padding: 0 clamp(1rem, 3vw, 2rem);
}

.bb8 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: #ffffff;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g7856e {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: #f1f5f9;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.f03a9 {
  background: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
}

.f03a9:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #f1f5f9;
}

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

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

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

.kd3a33e4 {
  flex: 1 1 250px;
  max-width: 280px;
  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: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

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

.o6ccf {
  border-top: 4px solid var(--color-accent);
}

.d51ee {
  border-top: 4px solid var(--color-primary);
}

.h69 {
  border-top: 4px solid var(--color-secondary);
}

.d2f {
  border-top: 4px solid var(--color-warning);
}

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

.d51ee .hb320a {
  color: var(--color-primary);
}

.h69 .hb320a {
  color: var(--color-secondary);
}

.d2f .hb320a {
  color: var(--color-warning);
}

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

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

.jcdd {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: color var(--transition-fast);
  align-self: flex-start;
}

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

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

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

.g1b81020 {
  position: relative;
  border-radius: var(--radius-xl);
  overflow: hidden;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.ib1cb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  text-align: center;
  z-index: 1;
}

.e35 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: #ffffff;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 600px;
}

.k78b95 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: #f1f5f9;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 600px;
}

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

.a3b810f {
  flex: 1 1 280px;
  max-width: 320px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
}

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

.b45 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

.ge4 {
  text-align: center;
}

.n0c77244 {
  font-size: clamp(1.75rem, 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-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

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

.lda4 {
  flex: 1 1 200px;
  max-width: 240px;
  padding: clamp(1.25rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  text-align: center;
  transition: all var(--transition-base);
}

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

.p55f6abb {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-primary);
  margin: 0 auto;
}

.kaf5374e {
  font-size: clamp(0.975rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

.p8a5a4 {
  text-align: center;
}

.ec2 {
  font-size: clamp(1.75rem, 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-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

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

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

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

.p8017e85 {
  font-size: clamp(2.5rem, 5vw, 3rem);
  color: var(--color-accent);
  margin: 0 auto;
}

.l675e89 {
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.625rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

.j9fa {
  text-align: center;
}

.p92 {
  font-size: clamp(1.75rem, 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-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

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

.j190 {
  flex: 1 1 220px;
  max-width: 260px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  position: relative;
  text-align: center;
}

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

.c2e {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

.gf76dc7 {
  text-align: center;
}

.n0cbf {
  font-size: clamp(1.75rem, 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-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

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

.o10d13c {
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  transition: all var(--transition-base);
}

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

.j4971ce {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

.laa9b7a {
  text-align: center;
}

.da9f1dd {
  font-size: clamp(1.75rem, 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-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

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

.pfbd {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-full);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

.m2a803 {
  text-align: center;
}

.g0f5 {
  font-size: clamp(1.75rem, 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-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

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

.afc5be9 {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  overflow: hidden;
}

.h4c2735 {
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  font-size: clamp(0.975rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  transition: background-color var(--transition-fast);
}

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

.h4c2735::after {
  content: '+';
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-accent);
  transition: transform var(--transition-fast);
}

.afc5be9[open] .h4c2735::after {
  transform: rotate(45deg);
}

.e70d {
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
}

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

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

.pcbecae3 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  align-items: center;
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  max-width: 700px;
  margin: 0 auto;
}

.a99a {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.oe3 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  cursor: pointer;
}

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

.f317947 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: #1e293b;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}

.f317947.e671 {
  display: none;
}

.o16b0f {
  color: #f1f5f9;
  margin: 0;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  flex: 1 1 auto;
  min-width: 200px;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a04 {
  padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-fast);
}

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

.d17cd74 {
  padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: transparent;
  color: #f1f5f9;
  border: 1px solid rgba(241, 245, 249, 0.3);
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-fast);
}

.d17cd74:hover {
  border-color: #f1f5f9;
  background: rgba(241, 245, 249, 0.1);
}

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

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

  .b233 {
    width: 100%;
  }

  .h80 {
    flex-direction: column;
  }

  .kd3a33e4 {
    max-width: 100%;
  }

  .fb8 {
    flex-direction: column;
  }

  .mf68 {
    flex-direction: column;
  }

  .lda4 {
    max-width: 100%;
  }

  .k84bd1 {
    flex-direction: column;
  }

  .fa1 {
    max-width: 100%;
  }

  .a4b {
    flex-direction: column;
  }

  .j190 {
    max-width: 100%;
  }

  .hff47d7a {
    flex-direction: column;
  }

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

  .m07 {
    flex-direction: column;
  }

  .k1d62,
  .oe3 {
    width: 100%;
  }

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

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

  .p1a {
    width: 100%;
  }

  .a04,
  .d17cd74 {
    flex: 1;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .h80 {
    gap: 1.5rem;
  }

  .mf68 {
    gap: 1.5rem;
  }

  .a4b {
    gap: 1.5rem;
  }
}

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

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

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

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

.a6e,
.ecc6f8d,
.a9c,
.e64 {
  display: block;
}

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

.a6e p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: var(--line-height-relaxed);
  max-width: 520px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.c94587d li,
.fd68 li {
  display: block;
}

.ecc6f8d a,
.e64 a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a9c p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a9c p + p {
  margin-top: clamp(0.375rem, 1vw, 0.625rem);
}

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

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

.p5d543 p + p {
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

.k9047381 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-style: italic;
}

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

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

  .c94587d,
  .fd68 {
    gap: clamp(0.625rem, 1.5vw, 1rem);
  }
}

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

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

  .ecc6f8d {
    grid-column: 2 / 3;
  }

  .a9c {
    grid-column: 3 / 4;
  }

  .e64 {
    grid-column: 4 / 5;
  }

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

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

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

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

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

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

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

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

.ad0538a {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 400;
  line-height: 1.6;
}

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

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

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

.j36a {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
}

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

@media (min-width: 1024px) {
  .j36a {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

.d47 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
  min-width: 300px;
  max-width: 450px;
}

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

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

@media (min-width: 1024px) {
  .d47 {
    flex: 1 1 calc(25% - 0.75rem);
  }
}

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

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

.g88 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
}

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

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

.d11 {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

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

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

@media (min-width: 768px) {
  .e67b2 {
    flex: 1 1 40%;
    min-height: 300px;
  }
}

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

@media (min-width: 768px) {
  .e77ffd0 {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
  }
}

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

@media (min-width: 768px) {
  .g5be8f {
    flex: 1 1 60%;
    justify-content: space-between;
  }
}

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

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

.l01 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  padding-top: 0.5rem;
  border-top: 1px solid var(--color-border-light);
}

.mcfc {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}

.mcfc i {
  color: var(--color-secondary);
  width: 14px;
  text-align: center;
}

.ibc {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  width: fit-content;
  text-align: center;
}

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

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

  .e1c4cf {
    flex-direction: column;
  }

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

  .g88 {
    flex-direction: column;
  }

  .d11 {
    flex-direction: column;
  }
}

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

  .k4bf0 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .l01 {
    gap: 2rem;
  }
}

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

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

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

  .i58 {
    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);
    color: var(--color-text-secondary);
    flex-wrap: wrap;
  }

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

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

  .i58 span {
    color: var(--color-border);
  }

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

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

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

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

  .e2cc89 {
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-normal);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .h82ce i {
    color: var(--color-accent);
    font-size: 0.9rem;
  }

  .j5cdee {
    flex: 1 1 50%;
    max-width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

  .ae742a83 {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 clamp(1rem, 4vw, 2rem);
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 3rem);
    align-items: flex-start;
  }

  .p1e57 {
    flex: 0 0 280px;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .g218a {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin: 0 auto;
  }

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

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

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

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

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

  .ke42 {
    font-size: clamp(0.875rem, 1.5vw, 0.9375rem);
    color: var(--color-accent);
    font-weight: 600;
    margin: 0;
  }

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

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

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

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

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

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

  .ofa5a82c {
    font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .a7fb {
    flex: 1 1 50%;
    max-width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

  .k54bb2eb {
    flex-direction: row-reverse;
  }

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

  .p489 {
    color: var(--color-accent);
    font-size: 1.25rem;
    flex: 0 0 auto;
    margin-top: 0.25rem;
  }

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

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

  .m371 strong {
    color: var(--color-text-primary);
    font-weight: 700;
  }

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

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

  .f4fd16a {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    color: var(--color-accent);
    flex: 0 0 auto;
    min-width: 50px;
    text-align: center;
    line-height: 1;
  }

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

  .p94700 {
    font-size: clamp(1.0625rem, 2vw, 1.25rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .gb22a0 {
    flex: 0 1 calc(33.333% - 1.25rem);
    min-width: 250px;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 2vw, 1.75rem);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    text-align: center;
    transition: all var(--transition-base);
  }

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

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

  .p15 {
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .f3ad1a2 {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .e62f {
    font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

  .bf92 {
    font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
    color: var(--color-text-secondary);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

  .d5204252 {
    font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
    color: var(--color-text-muted);
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-top: auto;
  }

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

    .n3eb,
    .j5cdee {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .ae742a83 {
      flex-direction: column;
    }

    .p1e57 {
      flex: 1 1 100%;
    }

    .n1c73,
    .k54bb2eb {
      flex-direction: column;
    }

    .f8000df,
    .a7fb {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .k54bb2eb {
      flex-direction: column;
    }

    .gb22a0 {
      flex: 0 1 calc(50% - 0.75rem);
      min-width: 220px;
    }

    .j833e {
      flex: 0 1 calc(50% - 1rem);
      min-width: 250px;
    }
  }

  @media (max-width: 768px) {
    .i58 {
      font-size: clamp(0.75rem, 1vw, 0.8125rem);
    }

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

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

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

    .g218a {
      width: 100px;
      height: 100px;
      flex: 0 0 auto;
    }

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

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

    .f4fd16a {
      min-width: auto;
      text-align: left;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

.hc3 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

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

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

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

.d89 {
  width: 100%;
  max-width: 700px;
  height: auto;
}

.d89 img {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
  box-shadow: 0 10px 30px rgba(19, 19, 51, 0.08);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.e5edea {
  font-size: clamp(1.5rem, 2vw, 2rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: 50px;
  text-align: center;
  flex-shrink: 0;
}

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

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

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

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

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

.k40c9 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-warning);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 2vw, 2rem);
  align-items: flex-start;
  box-shadow: 0 2px 8px rgba(19, 19, 51, 0.05);
}

.j7c5 {
  color: var(--color-warning);
  font-size: clamp(1.5rem, 2vw, 2rem);
  min-width: 40px;
  text-align: center;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

.kf42f2e5 {
  color: var(--color-success);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  min-width: 40px;
  flex-shrink: 0;
}

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

.g70fe5 strong {
  color: var(--color-text-primary);
  display: block;
  margin-bottom: 0.25rem;
}

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

.h04feb {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  box-shadow: 0 2px 12px rgba(19, 19, 51, 0.06);
}

.b15f42 {
  flex-shrink: 0;
}

.b15f42 img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.eeb63 {
  flex: 1 1 auto;
}

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

.e5d0b {
  font-size: clamp(1.125rem, 1.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

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

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

.n1a355ed {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.5rem;
  font-weight: 500;
}

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

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

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

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

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

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

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

.iba7ed {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border-left: 3px solid var(--color-accent);
  box-shadow: 0 2px 8px rgba(19, 19, 51, 0.04);
}

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

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

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

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

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

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

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

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

.i3a {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 250px;
  max-width: 400px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2.5vw, 2.25rem);
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  text-align: center;
  transition: all 0.3s ease;
}

.i3a:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(19, 19, 51, 0.1);
}

.d80 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  margin-bottom: clamp(1rem, 1.5vw, 1.5rem);
  display: block;
}

.i3a h3 {
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

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

.gb7c28 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.l60d1d93 {
  font-size: clamp(1.75rem, 4.5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

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

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

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

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

.eb6:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(67, 56, 202, 0.3);
}

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

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

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

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

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

.m5a65 {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(19, 19, 51, 0.06);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.m5a65:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(19, 19, 51, 0.12);
}

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

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

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

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

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

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

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

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

  .n1e {
    flex-direction: column;
  }

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

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

  .iab3a9 {
    flex-direction: column;
  }

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

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

  .i2c82b1d {
    flex-direction: column;
  }

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

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

  .ecb5f {
    flex-direction: column;
  }

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

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

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

  .g074326 {
    flex-direction: column;
    align-items: stretch;
  }

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

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

@media (max-width: 768px) {
  .nabe68f6 {
    font-size: 0.8125rem;
    margin-bottom: 1.5rem;
  }

  .j183b8 {
    font-size: clamp(1.5rem, 5vw, 2rem);
  }

  .hc3 {
    font-size: 1rem;
  }

  .d1c9 {
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }

  .e37f {
    font-size: 0.875rem;
  }

  .n1e {
    gap: 1.5rem;
  }

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

  .p9a {
    font-size: 0.9375rem;
    margin-bottom: 1rem;
  }

  .na74 {
    padding: 2rem 0;
  }

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

  .c3a8463 {
    font-size: 0.9375rem;
    margin-bottom: 1rem;
  }

  .d64425 {
    gap: 1.25rem;
    margin-top: 1.5rem;
  }

  .e5edea {
    font-size: 1.5rem;
  }

  .ebfa7 h3 {
    font-size: 1rem;
  }

  .ebfa7 p {
    font-size: 0.875rem;
  }

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

  .j7c5 {
    font-size: 1.5rem;
  }

  .lc2a225 h3 {
    font-size: 1rem;
  }

  .lc2a225 p {
    font-size: 0.875rem;
  }

  .of7939 {
    padding: 2rem 0;
  }

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

  .m2d6f {
    font-size: 0.9375rem;
    margin-bottom: 1rem;
  }

  .m2a5d2e {
    gap: 1rem;
    margin-top: 1.5rem;
  }

  .kf42f2e5 {
    font-size: 1.25rem;
  }

  .g70fe5 {
    font-size: 0.875rem;
  }

  .ib5a73 {
    padding: 2rem 0;
  }

  .h04feb {
    padding: 1.25rem;
    gap: 1rem;
  }

  .b15f42 img {
    width: 80px;
    height: 80px;
  }

  .ifa6 {
    font-size: 0.75rem;
  }

  .e5d0b {
    font-size: 1.125rem;
  }

  .n1a355ed {
    font-size: 0.875rem;
  }

  .i501 {
    font-size: 0.875rem;
  }

  .g66ed49 {
    padding: 2rem 0;
  }

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

  .o6049c {
    font-size: 0.9375rem;
    margin-bottom: 1rem;
  }

  .b42 {
    gap: 1rem;
  }

  .iba7ed {
    padding: 1rem;
  }

  .iba7ed h4 {
    font-size: 1rem;
  }

  .iba7ed p {
    font-size: 0.875rem;
  }

  .f80a53a {
    padding: 2rem 0;
  }

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

  .nc7 {
    gap: 1.5rem;
  }

  .g074326 {
    gap: 1rem;
  }

  .i3a {
    flex: 1 1 100%;
    min-width: auto;
    padding: 1.25rem;
  }

  .d80 {
    font-size: 2rem;
    margin-bottom: 0.75rem;
  }

  .i3a h3 {
    font-size: 1.1rem;
  }

  .i3a p {
    font-size: 0.875rem;
  }

  .gb9 {
    padding: 2rem 0;
  }

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

  .jac77 {
    font-size: 0.9375rem;
    margin-bottom: 1rem;
  }

  .m9d2aa2 {
    font-size: 1rem;
  }

  .eb6 {
    padding: 0.875rem 1.5rem;
    font-size: 0.9375rem;
  }

  .f3b {
    padding: 2rem 0;
  }

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

  .kc1cef1 {
    font-size: 0.9375rem;
  }

  .o21a {
    gap: 1rem;
  }

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

  .a279ad {
    height: 180px;
  }

  .nafb6b5 {
    padding: 1.25rem;
  }

  .g4e8246 {
    font-size: 1.1rem;
  }

  .n4f9e33 {
    font-size: 0.875rem;
  }
}

.l4a {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .i25f7d,
  .g2f55 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.ca2ebb22 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
}

.i856 {
  flex: 0 0 200px;
  position: sticky;
  top: 2rem;
  height: fit-content;
}

.o61 {
  flex: 1 1 auto;
  max-width: 800px;
}

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

.kd93 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

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

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

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

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

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

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

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

.eab {
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.125rem);
  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;
}

.p2322de {
  border-left: 4px solid var(--color-accent);
  padding-left: clamp(1.5rem, 3vw, 2rem);
  margin: clamp(2rem, 4vw, 3rem) 0;
  font-style: italic;
}

.o386bec {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 0.5rem 0;
}

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

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

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

.de759b6f {
  margin: clamp(1rem, 2vw, 1.5rem) 0;
  padding-left: 1.5rem;
}

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

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

.i5057b6 {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--color-accent);
  line-height: 1;
}

.a2b {
  flex: 1;
}

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

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

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

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

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

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

  .habc {
    flex-direction: column;
  }
}

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

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

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

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

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

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

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

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

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

.c88f:hover .c31ae {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

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

ol, ul {
  margin: 0;
  padding-left: 1.5rem;
}

li {
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

.c454d4 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  margin-bottom: 1rem;
}

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

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

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

.ff8de37f {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.o7aa8c {
  flex-direction: row-reverse;
}

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

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

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

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

.d71e7 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin: 1.25rem 0 1.25rem 1.5rem;
  padding: 0;
  list-style: disc;
}

.d81b90 {
  margin-bottom: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.lb21fb8b {
  color: var(--color-primary);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  min-width: 80px;
}

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

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

.de70d {
  background: var(--color-primary-light);
  border-left: 5px solid var(--color-primary);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

.o910f94 {
  color: var(--color-primary);
  font-size: 1.75rem;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.h07a898 {
  flex: 1;
}

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

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

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

.h5055e2 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  max-width: 320px;
  text-align: center;
  box-shadow: var(--shadow-sm);
}

.p6e2a {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
  margin: 0 auto 1rem;
}

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

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

.a775:hover {
  color: var(--color-primary);
}

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

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

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

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

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

.g8061487 i {
  color: var(--color-warning);
  font-size: 1.25rem;
  min-width: 24px;
  margin-top: 2px;
}

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

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

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

.i48e4 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 700px;
}

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

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

.k19d07 {
  margin-top: 1rem;
}

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

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

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

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

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

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

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

.g1be {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  max-width: 380px;
}

.pf75a {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

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

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

  .n0f6,
  .aec9d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c88,
  .o7aa8c {
    flex-direction: column;
  }

  .lb06,
  .cf61 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .g1be {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
    min-width: 250px;
  }
}

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

  .jd489 {
    padding: 1.5rem 0 2rem;
  }

  .j87fa627,
  .b22,
  .hbe9e4f,
  .m51ba4,
  .m3a083,
  .c6e8f496,
  .d5d514 {
    padding: 2rem 0;
  }

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

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

  .o910f94 {
    min-width: auto;
  }

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

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

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

.o681a {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'General Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.6;
}

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

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

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

.oeedfd0 {
  text-align: center;
}

.k5abb28 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  letter-spacing: 0.5px;
}

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

.j99c {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  max-width: 700px;
  margin: 0 auto 2rem;
  line-height: 1.7;
}

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

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

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

.kef {
  text-align: center;
}

.n12c {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

.ge22 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  line-height: 1.8;
  max-width: 800px;
  margin: 0 auto;
}

.ge22 p {
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
}

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

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

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

.a3ff {
  text-align: center;
}

.oa5e02a5 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

.e46f {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  max-width: 800px;
  margin: 0 auto 2rem;
  text-align: center;
  line-height: 1.8;
}

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

.mc60b1 {
  flex: 1 1 clamp(280px, 45%, 350px);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.mc60b1:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(67, 56, 202, 0.08);
  transform: translateY(-4px);
}

.h4aef29 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
  border-radius: 8px;
}

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

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

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

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

.p55d {
  text-align: center;
}

.g97f {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

.d38ba6f0 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

.n6bd4808 {
  flex-shrink: 0;
  color: var(--color-accent);
  font-size: 1.5rem;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-tertiary);
  border-radius: 50%;
}

.df631c {
  flex: 1;
}

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

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

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

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

.cdc1 {
  text-align: center;
}

.o60da {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

.f227a {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 1000px;
  margin: 0 auto;
}

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

.ad8d {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  line-height: 1;
}

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

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

.f7c2bbe {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 800px;
}

.le61 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}

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

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

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

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

  .mc60b1 {
    flex: 1 1 100%;
  }

  .d38ba6f0 {
    gap: 1rem;
  }

  .n6bd4808 {
    width: 36px;
    height: 36px;
    font-size: 1.25rem;
  }

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

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

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

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

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

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

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

.n75cf2 {
  width: 100%;
  max-width: 400px;
  flex-shrink: 0;
}

.bb1cda5c {
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  display: block;
}

.c046 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  max-width: 600px;
}

.m1038a {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  font-family: 'Space Grotesk', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (min-width: 768px) {
  .i91 {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: left;
  }

  .n75cf2 {
    max-width: 380px;
  }

  .c046 {
    flex: 1;
    max-width: 500px;
  }
}

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

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

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

.ocf {
  text-align: center;
}

.ibb {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  font-family: 'Space Grotesk', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.p480 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 240px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.p480:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(67, 56, 202, 0.15);
}

.k9f48482 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
}

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

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

@media (min-width: 1024px) {
  .p480 {
    flex: 1 1 calc(25% - 0.75rem);
    max-width: none;
  }
}

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

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

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

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

.i0c9726 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  font-family: 'Space Grotesk', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.la1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 4vw, 2.5rem);
}

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

.k690ad0 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  font-family: 'Space Grotesk', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.fdc4a {
  text-align: center;
}

.d3195495 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  font-family: 'Space Grotesk', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.j6c {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  border-radius: 24px;
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 0.95rem);
  border: 1px solid var(--color-border-light);
  font-weight: 500;
  transition: all 0.3s ease;
}

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

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

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

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

.g60dac {
  text-align: center;
}

.a4b0f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  font-family: 'Space Grotesk', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.ede03:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(67, 56, 202, 0.12);
  border-color: var(--color-accent);
}

.h20a6 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  font-family: 'Space Grotesk', sans-serif;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.i9e0 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
  display: inline-block;
  margin-top: 0.5rem;
}

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

@media (min-width: 1024px) {
  .ede03 {
    flex: 1 1 calc(25% - 0.75rem);
    max-width: none;
  }
}

.b29 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

.o30e0b98 {
  text-align: center;
}

.ae8 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  font-family: 'Space Grotesk', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.e1e1 {
  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: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
  display: inline-block;
  align-self: center;
}

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

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

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

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

.nd5736d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.g075f {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

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

@media (min-width: 768px) {
  .nd5736d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .nd5736d {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.o4d {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.i454a {
  max-width: 900px;
  margin: 0 auto;
}

.e9afd5e6 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
}

.k62 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.k62:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

.l2dd3 {
  width: 100%;
  background-color: var(--color-bg-card);
  border: none;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  text-align: left;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  transition: background-color var(--transition-fast);
}

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

.h501 {
  flex: 1;
  line-height: var(--line-height-normal);
}

.ead2a {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-weight: 700;
  font-size: 1.25rem;
  margin-left: var(--spacing-md);
  transition: transform var(--transition-base), background-color var(--transition-base);
}

.l2dd3[aria-expanded="true"] .ead2a {
  transform: rotate(45deg);
  background-color: var(--color-primary);
}

.hcd0f {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out forwards;
}

.hcd0f[hidden] {
  display: none;
}

.hcd0f p {
  margin: 0;
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 768px) {
  .o4d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .l2dd3 {
    padding: var(--spacing-xl) var(--spacing-lg);
    font-size: clamp(1rem, 1.2vw + 0.5rem, 1.15rem);
  }

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

  .hcd0f p {
    font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  }
}

@media (min-width: 1024px) {
  .o4d {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

.k4cce {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.f90e8b {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.j6b6 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.j0b31a {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.j0b31a:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

.j0b31a:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .k4cce {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .k4cce {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

.j648 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.bc822645 {
  max-width: 1200px;
  margin: 0 auto;
}

.j648 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 6vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.j648 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .j648 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .j648 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.i363 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.k0dc5e {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

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

.n24d75 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.75rem;
}

.h2ed65 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 3vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

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

@media (min-width: 768px) {
  .i363 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .k0dc5e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .i363 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

  .h2ed65 h3 {
    font-size: clamp(1.125rem, 1vw + 0.5rem, 1.25rem);
  }

  .h2ed65 p {
    font-size: clamp(0.875rem, 0.5vw + 0.5rem, 0.95rem);
  }
}

.ma014 {
  background-color: var(--color-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.j6a {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.ma014 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.ma014 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  opacity: 0.95;
}

.i7ace0 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.i7ace0:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .ma014 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .ma014 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.pc8cc567 .ne0fa {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.pc8cc567 .b59a {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.pc8cc567 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.pc8cc567 .a85b5 {
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.pc8cc567 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.pc8cc567 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.pc8cc567 ul,
.pc8cc567 ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.pc8cc567 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

.pc8cc567 .be1 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.pc8cc567 .be1 h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.pc8cc567 .be1 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.pc8cc567 .cc698b8b {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

.pc8cc567 .cc698b8b p {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .pc8cc567 .b59a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .pc8cc567 .ne0fa {
    padding: 0 var(--spacing-lg);
  }

  .pc8cc567 .b59a {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.hc34 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.f3fe9 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.n30fbe {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.e77 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.lcd {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.lcd svg {
  width: 100%;
  height: 100%;
  display: block;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.5px;
  margin: 0;
  animation: slideUp 0.6s ease-out 0.1s both;
}

.e60641 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  animation: slideUp 0.6s ease-out 0.2s both;
}

.a396 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  animation: slideUp 0.6s ease-out 0.3s both;
}

.ke7d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  animation: slideUp 0.6s ease-out 0.4s both;
}

.ad78 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  animation: slideUp 0.6s ease-out 0.5s both;
}

.b233 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-xl);
  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);
  border: none;
  cursor: pointer;
  transition: var(--transition-base);
  margin-top: var(--spacing-md);
  animation: slideUp 0.6s ease-out 0.6s both;
}

.m2bcb4 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.m2bcb4:active {
  transform: translateY(0);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 640px) {
  .f3fe9 {
    padding: var(--spacing-xl) var(--spacing-md);
  }

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

  .lcd {
    width: 120px;
    height: 120px;
  }
}

@media (min-width: 768px) {
  .f3fe9 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

  .lcd {
    width: 140px;
    height: 140px;
  }

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

@media (min-width: 1024px) {
  .f3fe9 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .lcd {
    width: 160px;
    height: 160px;
  }
}

@media (min-width: 1440px) {
  .f3fe9 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

.b2e {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.mf34a {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
}

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

.n30fbe {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.l122 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
}

.j388c {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

.jc43 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f052f37 {
  font-size: clamp(5rem, 15vw, 10rem);
  font-family: var(--font-heading);
  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: -0.02em;
  line-height: 1;
  display: block;
}

.f21e {
  color: var(--color-primary);
  animation: float-up 3s ease-in-out infinite;
}

.f21e svg {
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
}

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

.j8113 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  letter-spacing: -0.01em;
}

.g00 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  line-height: var(--line-height-relaxed);
}

.c53 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: var(--line-height-relaxed);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

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

.b233 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  text-align: center;
  display: inline-block;
  letter-spacing: 0.3px;
}

.m2bcb4 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.m2bcb4:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.h82b8c4 {
  margin-top: var(--spacing-2xl);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.kb65 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.e720a li {
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  line-height: var(--line-height-normal);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

@keyframes float-up {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}

@media (min-width: 640px) {
  .mf34a {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

@media (min-width: 768px) {
  .mf34a {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .j388c {
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-2xl);
  }

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

  .e720a {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--spacing-md);
  }

  .e720a li {
    padding-left: var(--spacing-md);
    flex: 0 1 auto;
  }
}

@media (min-width: 1024px) {
  .mf34a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .j388c {
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-3xl);
  }

  .m2bcb4 {
    padding: var(--spacing-lg) var(--spacing-2xl);
    font-size: clamp(1rem, 1.1vw, 1.15rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .f21e {
    animation: none;
  }

  .m2bcb4:hover {
    transform: none;
  }

  .m2bcb4:active {
    transform: none;
  }
}

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

.c28ec98 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  border-bottom: 1px solid var(--color-border-light);
  overflow: hidden;
}

.e706a376 {
  text-align: center;
}

.g950d6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.ecbc340b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

.ldc2fd {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.j799a {
  width: 100%;
}

.beb6b {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

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

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

.b425 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.o0e1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

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

.ffa,
.gb72 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.ffa::placeholder,
.gb72::placeholder {
  color: var(--color-text-muted);
}

.ffa:focus,
.gb72:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-light), 0.1);
}

.gb72 {
  resize: vertical;
  min-height: 150px;
}

.b304 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  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);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  width: 100%;
}

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

.b304:active {
  transform: translateY(0);
}

.b304:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.aa9 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.95vw, 0.9rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
  margin-top: var(--spacing-sm);
}

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

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

.ja41 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xl);
  line-height: var(--line-height-tight);
}

.gb78cd {
  display: flex;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
  border-bottom: 1px solid var(--color-border-light);
}

.gb78cd:last-of-type {
  border-bottom: none;
  margin-bottom: var(--spacing-lg);
  padding-bottom: 0;
}

.a88e850c {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.g614f9 {
  flex: 1;
  min-width: 0;
}

.eb97 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  line-height: var(--line-height-tight);
}

.f14a3b06 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  display: block;
  margin-bottom: var(--spacing-xs);
}

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

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

.l9afaef9 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.95vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.lb385 {
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  text-align: center;
}

.j0482ea {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-normal);
}

.kee6b {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.kee6b:active {
  transform: translateY(0);
}

.eb14cff {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  border-top: 1px solid var(--color-border-light);
  overflow: hidden;
}

.le8896 {
  text-align: center;
}

.o36c {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.ia6e1e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.m528ed {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  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);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.m528ed:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .c28ec98 {
    padding: var(--spacing-3xl) 0;
  }

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

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

  .kffcc033 {
    flex: 1 1 400px;
    max-width: 500px;
  }

  .dd9a0 {
    flex: 1 1 400px;
  }

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

@media (min-width: 1024px) {
  .c28ec98 {
    padding: var(--spacing-4xl) 0;
  }

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

  .kffcc033 {
    flex: 1 1 450px;
  }

  .dd9a0 {
    flex: 1 1 450px;
  }
}
.oad79,.m41b290{
  width: 34px;
}

.ld2{
  justify-content: flex-end;
}

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.g49{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .g49{
    max-width: 100%;
  }
}

.g49.n1766b{
  z-index: 999;
}

.fcc2{
  padding-top: 50px;
}

.oad79[aria-expanded="true"]{
  display: none;
}