@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: #1a1008;
  --color-bg-secondary: #271c10;
  --color-bg-tertiary: #362818;
  --color-bg-card: #271c10;

  --color-text-primary: #fefce8;
  --color-text-secondary: #fde68a;
  --color-text-muted: #fcd34d;

  --color-primary: #f59e0b;
  --color-primary-hover: #d97706;
  --color-primary-light: #fcd34d;
  --color-secondary: #fbbf24;
  --color-secondary-light: #fef08a;

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

  --color-border: #3f2817;
  --color-border-light: #2d1f0f;

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

h3 {
  font-size: 2.125rem;
  letter-spacing: -0.01em;
}

h4 {
  font-size: 1.625rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

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

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

button, [role="button"] {
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all var(--transition-base);
}

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

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

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

.j87 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
}

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

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

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

.d7b4c:hover {
  background: var(--color-secondary-light);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

.ade {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
}

.o4114aaf {
  background: rgba(16, 185, 129, 0.2);
  color: var(--color-success-light);
}

.ead1a3e {
  background: rgba(245, 158, 11, 0.2);
  color: var(--color-warning-light);
}

.hbe663 {
  background: rgba(239, 68, 68, 0.2);
  color: var(--color-danger-light);
}

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

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

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

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

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

.ieb7 {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.l94c5e {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.faa01f {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.d048f53 {
  display: flex;
}

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

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

.k1650c {
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mc9d2b34 {
  opacity: 0.5;
}

.b28d {
  opacity: 0.75;
}

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

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

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

  .faa01f {
    grid-template-columns: 1fr;
  }
}
.adca2cf {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 1000;
  transition: all var(--transition-base);
}

.p8b34be {
  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(60px, 10vh, 80px);
  gap: clamp(1rem, 3vw, 2rem);
}

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

.md761ec:hover {
  opacity: 0.85;
}

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

.oc4 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

.g9fff {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  margin: 0 clamp(1.5rem, 4vw, 3rem);
}

.b4e {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: all var(--transition-base);
  position: relative;
}

.b4e::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--color-accent);
  transition: width var(--transition-base);
}

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

.b4e:hover::after {
  width: 100%;
}

.pde58f37 {
  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 + 0.5rem, 1rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.eba {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 6px;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

.eba:hover {
  opacity: 0.7;
}

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

.eba.d5d1a7 span:nth-child(1) {
  transform: rotate(45deg) translate(10px, 10px);
}

.eba.d5d1a7 span:nth-child(2) {
  opacity: 0;
}

.eba.d5d1a7 span:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

.m5a0d5 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 320px;
  height: 100vh;
  background: var(--color-bg-secondary);
  box-shadow: -4px 0 16px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 999;
  display: flex;
  flex-direction: column;
}

.m5a0d5.d5d1a7 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

.j3014:hover {
  opacity: 0.7;
}

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

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

.nec:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding-left: 2rem;
}

.o547c603 {
  padding: 1rem 1.5rem;
  margin: 1rem;
  background: 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;
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: all var(--transition-base);
  display: block;
}

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

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

  .pde58f37 {
    display: block;
  }

  .eba {
    display: none;
  }

  .m5a0d5 {
    display: none;
  }
}

@media (max-width: 767px) {
  .p8b34be {
    height: clamp(55px, 8vh, 70px);
  }
}

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

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

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

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

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

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

.pe002f {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 900;
  line-height: 1.1;
  color: var(--color-text-primary);
  margin: 0;
  padding: 0;
}

.p6726 {
  display: block;
  color: var(--color-text-primary);
}

.n9a6456 {
  display: block;
  color: var(--color-text-secondary);
}

.na78e {
  display: block;
  color: var(--color-accent);
}

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

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

.b74,
.kfc3 {
  padding: clamp(0.75rem, 1vw + 0.5rem, 1.25rem) clamp(1.5rem, 2vw + 1rem, 2.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
}

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

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

.kfc3 {
  background: transparent;
  color: var(--color-text-primary);
  border-color: var(--color-accent);
}

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

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

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

.d25 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.5rem);
  font-weight: 800;
  color: var(--color-accent);
  margin: 0;
}

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

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

  .b74,
  .kfc3 {
    width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

  .na0f55d,
  .j81eac {
    flex: 1 1 100%;
  }
}

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

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

.f99 {
  text-align: center;
}

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

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

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

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

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

.p359ef4 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
}

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

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

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

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

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

.c307bd5 {
  text-align: center;
}

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

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

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

.b96b {
  flex: 1 1 clamp(250px, 28vw, 350px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 2px solid var(--color-border-light);
  transition: all var(--transition-base);
  position: relative;
}

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

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

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

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

.dc8 {
  display: none;
}

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

  .bf1 {
    flex-direction: column;
  }
}

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

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

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

.l90026 {
  text-align: center;
}

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

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

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

.aa08ee1 {
  flex: 1 1 clamp(280px, 30vw, 400px);
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

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

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

.aa08ee1:hover .b954 {
  transform: scale(1.05);
}

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

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

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

.e23c {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
  display: inline-flex;
  width: fit-content;
}

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

.b3f {
  display: flex;
  justify-content: center;
  padding-top: clamp(1rem, 2vw, 1.5rem);
}

.fe15 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  padding: 0.75rem 1.5rem;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

.nba0e {
  text-align: center;
}

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

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

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

.ladcaa1 {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
}

.p48fb {
  display: inline-block;
}

.h64c8e {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-lg);
  text-decoration: none;
  color: var(--color-text-primary);
  font-weight: 700;
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  transition: all var(--transition-base);
  min-width: 250px;
  text-align: center;
}

.h64c8e:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  transform: scale(1.05);
}

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

.h64c8e:hover .k75c31a {
  color: var(--color-text-on-accent);
}

.hf155e14 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
  align-items: stretch;
  flex: 1 1 auto;
  min-width: 300px;
}

.j77956d8 {
  flex: 1 1 clamp(120px, 18vw, 180px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  text-decoration: none;
  color: var(--color-text-primary);
  text-align: center;
  transition: all var(--transition-base);
}

.j77956d8:hover {
  border-color: var(--color-accent);
  background: var(--color-bg-tertiary);
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}

.o8fc {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  transition: all var(--transition-base);
}

.j77956d8:hover .o8fc {
  color: var(--color-accent-hover);
  transform: scale(1.15);
}

.o78f2f3c {
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.3;
}

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

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

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

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

.o2542 {
  border: 2px dotted var(--color-border);
  border-radius: var(--radius-md);
  padding: clamp(2rem, 5vw, 3.5rem);
  text-align: center;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.a83ad {
  font-size: clamp(1.375rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 800;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

.o2542 .b74 {
  align-self: center;
}

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

.bb48.k527d0 {
  display: none;
}

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

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

.o36f,
.b69f {
  padding: 0.625rem clamp(1rem, 1.5vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all var(--transition-base);
  border: none;
  white-space: nowrap;
}

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

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

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

.b69f:hover {
  border-color: var(--color-text-secondary);
  background: var(--color-bg-tertiary);
}

@media (max-width: 767px) {
  .bb48 {
    flex-direction: column;
    align-items: stretch;
  }

  .g50b6 {
    min-width: 100%;
  }

  .oae379 {
    width: 100%;
  }

  .o36f,
  .b69f {
    flex: 1 1 auto;
    width: 100%;
  }
}

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

  .pc2b,
  .g77b78,
  .fd2684,
  .pdcf4,
  .af8a581,
  .g0f398b0 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

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

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

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

.d88d6a,
.e7ba86,
.m9be4,
.p6d {
  display: block;
}

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

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

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

.fd8402c li,
.d50b8 li {
  display: block;
}

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

.fd8402c a:hover,
.d50b8 a:hover {
  color: var(--color-accent);
}

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

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

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

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

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

@media (min-width: 768px) {
  .kab7 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2rem, 6vw, 4rem);
  }

  .d88d6a {
    flex: 0 1 35%;
    min-width: 280px;
  }

  .e7ba86 {
    flex: 0 1 20%;
    min-width: 160px;
  }

  .m9be4 {
    flex: 0 1 25%;
    min-width: 200px;
  }

  .p6d {
    flex: 0 1 20%;
    min-width: 160px;
  }

  .e6ae01 {
    flex: 1 1 100%;
  }

  .fd8402c,
  .d50b8 {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .d88d6a,
  .e7ba86,
  .m9be4,
  .p6d {
    display: block;
  }

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

  .fd8402c li,
  .d50b8 li {
    flex: 0 1 auto;
  }
}

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

.i21528b {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 1.5rem);
  text-align: center;
}

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

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

.m0dd43 {
  flex: 1 1 100%;
  width: 100%;
  max-width: 600px;
}

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

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

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

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

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

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

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

.dae {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: 10px;
  flex: 1 1 280px;
  max-width: 380px;
  transition: all 0.3s ease;
}

.dae:hover {
  transform: translateY(-6px);
  background: var(--color-bg-tertiary);
}

.k7859f {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

.j19be {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
  line-height: 1.3;
  letter-spacing: -0.01em;
}

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

.c5e {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(253, 230, 138, 0.15);
}

.p60939,
.i53,
.gf84 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.p60939 i,
.i53 i,
.gf84 i {
  color: var(--color-accent);
  font-size: 0.9em;
}

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

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

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

  .i21528b {
    flex: 1 1 50%;
    text-align: left;
  }

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

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

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

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

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

  .dae {
    flex: 1 1 calc(33.333% - 1.67rem);
    max-width: 100%;
  }

  .dae:hover {
    box-shadow: 0 12px 24px rgba(245, 158, 11, 0.1);
  }
}

@media (min-width: 1440px) {
  .b97e {
    padding: 0 clamp(2rem, 5vw, 3rem);
  }

  .dae {
    flex: 1 1 calc(25% - 1.875rem);
  }
}

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

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

  .i21528b {
    text-align: center;
  }

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

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

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

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

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

.daed15b2 a,
.daed15b2 span {
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

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

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

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

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

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

  .cfe765,
  .fab40 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.i64934d {
  flex-shrink: 0;
}

.i64934d img {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

.nb1b5bf {
  flex: 1;
}

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

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

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

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

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

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

  .i64934d {
    margin: 0 auto;
  }
}

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

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

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

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

.g23ebfe6,
.e700677,
.h28b0dba,
.ocdb8ff,
.b8b24a1,
.e1f2d4,
.dda3c {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.i1d0,
.le7,
.bac2,
.i3734,
.f66da5,
.b7e,
.l9b433b {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o7ff57,
.f0ff4,
.a1f3865,
.i6c52,
.f31644,
.c28312,
.l3cb,
.o866e3 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

  .j887c2a,
  .h4248cf9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.p56e4 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.kb0d {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

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

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

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

  .ne81e,
  .l08 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.idb05 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 5px solid var(--color-warning);
  margin: clamp(2rem, 4vw, 3rem) 0;
}

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

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

.f9efffd {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  border-top: 3px solid var(--color-primary);
}

.cd44 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.g5ccf8::before {
  content: "";
  color: var(--color-accent);
  margin-right: 0.5rem;
  font-weight: 700;
}

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

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

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

  .jbfb61,
  .pda96d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.e1e {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pe4f {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.fcf6 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

img {
  max-width: 100%;
  height: auto;
  display: block;
}

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

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

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

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

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

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

.g42 {
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.25;
}

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

.k7baf85c {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.f4b {
  display: inline-flex;
  align-items: center;
}

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

.ee8 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

.ee8 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

  .ib8,
  .ee8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.g31 {
  flex: 0 0 auto;
  width: clamp(100px, 15vw, 140px);
  height: clamp(100px, 15vw, 140px);
}

.g31 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

.i32bd2ca {
  flex: 1 1 auto;
}

.n1d43414 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

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

.pd38 {
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

.fdae3 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

.fdae3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

  .e0bd81ce,
  .fdae3 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

.g91 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

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

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

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

.i3f0 {
  flex: 1 1 auto;
}

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

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

@media (max-width: 768px) {
  .n4c0 {
    gap: 1rem;
  }

  .fc6 {
    width: 60px;
    height: 60px;
    font-size: 1.25rem;
  }
}

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

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

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

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

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

.j4f10 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

.j4f10 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

  .l830,
  .j4f10 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

.jbb4 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

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

.oaa81e45 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2.25rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 250px;
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

.of43c5f5 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

.of43c5f5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

  .c651,
  .of43c5f5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

.df321 {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
  border-top: 2px solid var(--color-border);
  border-bottom: 2px solid var(--color-border);
}

.b46 {
  max-width: 900px;
  margin: 0 auto;
}

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

.ka376f::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  background: var(--color-accent);
  border-radius: 50%;
  flex-shrink: 0;
}

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

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

.n024ee1 {
  max-width: 900px;
  margin: 0 auto;
}

.l5a {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
  text-align: center;
}

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

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

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

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

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

.ndb {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

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

.b82d5c48 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  flex: 1 1 calc(33.333% - clamp(1.35rem, 2vw, 1.7rem));
  min-width: 280px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  transition: var(--transition-base);
}

.b82d5c48:hover {
  transform: translateY(-6px);
}

.k4661 {
  width: 100%;
  height: 220px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.b82d5c48:hover .k4661 img {
  transform: scale(1.05);
}

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

.o894 {
  font-size: clamp(1.1rem, 1.8vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
}

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

.ebb52 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  transition: var(--transition-base);
}

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

@media (max-width: 1024px) {
  .b82d5c48 {
    flex: 1 1 calc(50% - clamp(1rem, 1.5vw, 1.25rem));
    min-width: 250px;
  }
}

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

  .k4661 {
    height: 200px;
  }
}

@media (max-width: 480px) {
  .d015c59 {
    font-size: 0.8125rem;
    gap: 0.25rem;
  }

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

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

  .fc6 {
    margin: 0 auto;
  }

  .b82d5c48 {
    min-width: 100%;
  }
}

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

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

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

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

.b2144e91 {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d61a4efe {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

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

  .jb76,
  .l56 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.n46a2 {
  width: 100px;
  height: 100px;
  min-width: 100px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

.kbf {
  flex: 1 1 auto;
}

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

.g7c73d {
  color: var(--color-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

.d014 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3vw, 2rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

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

.d057 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

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

.h78c308 {
  margin: 0;
}

.f4e7cf33 {
  color: var(--color-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  transition: color var(--transition-base);
  line-height: 1.5;
}

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

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

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

.h302afa0:before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-accent);
}

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

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

  .ga107e,
  .af3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .lff762ce,
  .d55 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.k3a7 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 700;
}

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

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

.oad {
  flex: 1 1 calc(33.333% - 2rem);
  max-width: 100%;
  min-width: 280px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.oad:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

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

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

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

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

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

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

.d56dd {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  font-weight: 500;
  display: inline-block;
}

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

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

@media (max-width: 640px) {
  .nfd0 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .a62 {
    padding: clamp(1.5rem, 3vw, 2rem) 0;
  }

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

  .eb11a {
    padding: clamp(2.5rem, 5vw, 4rem) 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

  .i8e {
    font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
    color: var(--color-text-primary);
    margin: 0 0 1rem 0;
    line-height: 1.2;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .gf1,
  .ke01b6aa,
  .g01 {
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    color: var(--color-text-muted);
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

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

  .jcd5c9f {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: center;
    background-color: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: clamp(0.5rem, 2vw, 1rem);
    border: 1px solid var(--color-border);
  }

  .b05 {
    flex-shrink: 0;
  }

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

  .p5b4e34 {
    flex: 1 1 auto;
  }

  .jbb {
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: var(--color-text-primary);
    margin: 0 0 0.5rem 0;
    line-height: 1.4;
  }

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

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

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

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

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

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

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

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

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

  .dae83b:nth-child(even) .cc59d1f {
    order: -1;
  }

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

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

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

  .jef0d2d5 {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    color: var(--color-text-primary);
    margin: 0 0 1.5rem 0;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .i63aca47 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1.5rem 0;
  }

  .oae6 {
    background-color: var(--color-bg-card);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-left: 4px solid var(--color-accent);
    border-radius: 0.25rem;
  }

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

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

  .j93d8c {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 1.5rem 0;
  }

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

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

  .k892f {
    flex: 1 1 auto;
  }

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

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

  .nbd {
    background-color: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-left: 4px solid var(--color-secondary);
    border-radius: 0.25rem;
    margin: 1.5rem 0;
  }

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

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

  .f15a5c9 strong {
    color: var(--color-accent);
  }

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

  .ac7 {
    margin: 0;
  }

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

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

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

  .gf120e {
    margin: 0;
  }

  .lc6b91c {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    color: var(--color-text-primary);
    margin: 0 0 1.5rem 0;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .h80928 {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    color: var(--color-accent);
    margin: 1.5rem 0 0 0;
    line-height: 1.8;
    font-weight: 600;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .a878d4e {
    background-color: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: clamp(0.5rem, 2vw, 1rem);
    border: 1px solid var(--color-border);
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

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

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

  .f137c15 {
    margin: 0;
  }

  .f137c15 a {
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    color: var(--color-accent);
    text-decoration: none;
    transition: color 0.3s ease;
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  .if0d381 {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    color: var(--color-text-primary);
    margin: 0 0 0.75rem 0;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .icb10 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.7rem));
    min-width: 280px;
    max-width: 100%;
    background-color: var(--color-bg-card);
    border-radius: clamp(0.5rem, 2vw, 1rem);
    border: 1px solid var(--color-border);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .icb10:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.15);
  }

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

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

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

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

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

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

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

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

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

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

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

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

    .o2d074c {
      flex-direction: column;
    }

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

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

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

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

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

    .dae83b:nth-child(even) .cc59d1f {
      order: 0;
    }

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

    .f963d {
      flex-direction: column;
    }

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

    .c6fc {
      gap: 1rem;
    }

    .fdc {
      width: 40px;
      height: 40px;
      font-size: 0.9rem;
    }

    .f137c15 a {
      display: block;
      padding: 0.5rem 0;
    }
  }

  @media (max-width: 480px) {
    .h25f {
      font-size: 0.75rem;
      gap: 0.25rem;
    }

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

    .gf1,
    .ke01b6aa,
    .g01 {
      font-size: 0.75rem;
    }

    .b05 img {
      width: 100px;
      height: 100px;
    }

    .i63aca47 {
      gap: 0.75rem;
    }

    .oae6 {
      padding: 0.75rem;
    }

    .j93d8c {
      gap: 1rem;
    }

    .fdc {
      width: 36px;
      height: 36px;
      font-size: 0.8rem;
    }

    .c6fc {
      gap: 0.75rem;
    }

    .nbd {
      padding: 1rem;
    }

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

    .h8ee732 {
      padding: 1rem;
    }

    .j0197 {
      font-size: 1rem;
    }

    .k5b633 {
      font-size: 0.75rem;
    }

    .a878d4e {
      padding: 1rem;
      margin-bottom: 1.5rem;
    }

    .h6f5d6a0 {
      font-size: 0.95rem;
      margin-bottom: 0.75rem;
    }

    .h9903a {
      font-size: 0.75rem;
      margin-bottom: 0.5rem;
    }

    .f137c15 a {
      font-size: 0.75rem;
    }
  }

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

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

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

.p09 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: 1.6;
  overflow: hidden;
}

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

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

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

.n615 {
  text-align: center;
  max-width: 900px;
}

.n615 h1 {
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

.h14d {
  width: 100%;
  max-width: 700px;
  height: auto;
  border-radius: clamp(8px, 2vw, 16px);
  object-fit: cover;
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

.a7ebda6 .a7e {
  font-size: clamp(0.9rem, 1.1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
}

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

@media (min-width: 768px) {
  .mfb373 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

.g91a7f {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(8px, 1.5vw, 12px);
  border: 1px solid var(--color-border);
  transition: var(--transition-base);
}

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

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

.g91a7f p {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

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

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

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

.pee p {
  font-size: clamp(0.9rem, 1.1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
}

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

@media (min-width: 1024px) {
  .m0d1b0b {
    flex-direction: row;
    gap: clamp(2rem, 4vw, 4rem);
  }
}

.o2c94f {
  flex: 1;
}

.o2c94f p {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.o2c94f p:first-letter {
  margin-right: 0;
}

.o0422889 {
  flex: 1;
  width: 100%;
  max-width: 450px;
  height: auto;
  border-radius: clamp(8px, 2vw, 16px);
  object-fit: cover;
  box-shadow: var(--shadow-lg);
}

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

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

.abcdae {
  text-align: center;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

.abcdae p {
  font-size: clamp(0.9rem, 1.1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  max-width: 650px;
  margin: 0 auto;
}

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

.b038f7 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.67rem));
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: clamp(8px, 1.5vw, 12px);
  border: 1px solid var(--color-border);
  text-align: center;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.b038f7:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  background: var(--color-bg-tertiary);
}

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

.b038f7 h3 {
  font-size: clamp(1rem, 1.8vw + 0.4rem, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.b038f7 p {
  font-size: clamp(0.8rem, 0.95vw + 0.35rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

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

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

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

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

.ma1 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(4px, 1vw, 8px);
  margin: clamp(1.5rem, 3vw, 2rem) auto 0;
  max-width: 800px;
}

.ma1 p {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.8;
  margin-bottom: 0.75rem;
}

.ma1 p:last-child {
  margin-bottom: 0;
  font-size: clamp(0.8rem, 0.95vw + 0.35rem, 0.9rem);
  color: var(--color-text-secondary);
  font-style: normal;
  margin-top: 0.75rem;
}

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

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

.g66 {
  text-align: center;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

.g66 p {
  font-size: clamp(0.9rem, 1.1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
}

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

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

.of1a59 {
  font-size: 1.5rem;
  color: var(--color-accent);
  margin-top: 0.25rem;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.d9fc03 h3 {
  font-size: clamp(0.95rem, 1.5vw + 0.4rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  font-weight: 600;
}

.d9fc03 p {
  font-size: clamp(0.8rem, 0.95vw + 0.35rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

.p96ef {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
}

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

.p96ef h3 {
  font-size: clamp(1rem, 1.8vw + 0.4rem, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.j5bc p {
  font-size: clamp(0.8rem, 0.95vw + 0.35rem, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 0.75rem;
}

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

@media (min-width: 768px) {
  .ad755563 {
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .m0d1b0b {
    align-items: center;
  }

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

  .kf7fe {
    gap: clamp(2rem, 4vw, 3rem);
  }
}

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

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

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

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

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

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

.g452f10f {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'General Sans', sans-serif;
  overflow: hidden;
}

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

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

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

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

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

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

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

.ce1c20 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-bg-primary);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

.ab3a4e {
  font-size: clamp(1rem, 3vw, 1.5rem);
  color: var(--color-secondary);
  font-weight: 500;
}

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

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

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

.b8f {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
}

.p6f259f0 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

  .jd0fa {
    flex: 1 1 100%;
  }

  .a352c3 {
    flex: 1 1 100%;
  }

  .e3f1c06e {
    flex-direction: row;
  }
}

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

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

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

.oeccc45 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-bg-primary);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 auto;
}

.g0f {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ac1 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.m16ca1 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-left: 4px solid var(--color-accent);
}

.pb82 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
}

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

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

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

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

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

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

.hb9 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-bg-primary);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 auto;
}

.fb5 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k89de {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

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

.ac2:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(245, 158, 11, 0.1);
}

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

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

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

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

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

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

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

.n5f46 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-bg-primary);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 auto;
}

.e0ec5 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f4a6125 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

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

.a1ce4 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-accent);
}

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

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

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

.nef {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.7;
}

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

.a2241d {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  font-weight: 600;
}

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

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

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

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

  .af7 {
    flex: 1 1 100%;
  }

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

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

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

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

.i1bd {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-bg-primary);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 auto;
}

.m7a095 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.kb3d {
  background: var(--color-bg-card);
  padding: clamp(2rem, 5vw, 3.5rem);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.h0594 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ifed384 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  text-align: center;
  cursor: pointer;
  border: none;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

  .ifed384 {
    width: 100%;
  }
}

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

@media (max-width: 1024px) {
  .oe8eeb {
    padding: 3rem 0;
  }

  .n4e94 {
    padding: 3rem 0;
  }

  .m198 {
    padding: 3rem 0;
  }

  .m095 {
    padding: 3rem 0;
  }

  .mea {
    padding: 3rem 0;
  }

  .oef3 {
    padding: 3rem 0;
  }
}

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

.c961 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.acaa0e {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.af0 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.m487925 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.ba1 {
  max-width: 900px;
  margin: 0 auto;
}

.ddd {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

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

.p7e1 {
  width: 100%;
  padding: var(--spacing-lg);
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  text-align: left;
  transition: background-color var(--transition-base);
}

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

.jef766 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw + 0.25rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  flex: 1;
  line-height: 1.4;
}

.f67e2 {
  font-size: 1.5rem;
  color: var(--color-primary);
  flex-shrink: 0;
  transition: transform var(--transition-base);
  display: inline-block;
  font-weight: 300;
  line-height: 1;
}

.k9d.d5d1a7 .f67e2 {
  transform: rotate(45deg);
}

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

.k9d.d5d1a7 .je4f8c8 {
  max-height: 500px;
}

.je4f8c8 p {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.25vw + 0.25rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.ddc0875 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.l3e26 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3xl);
  align-items: center;
}

.ce7 {
  text-align: center;
}

.jce1 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.m4f {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw + 0.25rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.g7f {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.25vw + 0.25rem, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
}

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

.c1ab11c {
  display: none;
}

@media (min-width: 768px) {
  .c961 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

  .l3e26 {
    grid-template-columns: 1fr 1fr;
    text-align: left;
  }

  .ce7 {
    text-align: left;
  }

  .m4f {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
  }

  .c1ab11c {
    display: block;
    border-radius: var(--radius-lg);
    overflow: hidden;
    height: 300px;
  }

  .c1ab11c img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media (min-width: 1024px) {
  .c961 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .ddd {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

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

  .c1ab11c {
    height: 400px;
  }

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

  .je4f8c8 p {
    padding: 0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
  }
}

@media (min-width: 1280px) {
  .ddd {
    grid-template-columns: repeat(3, 1fr);
  }
}

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

.m8729 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.fa439 {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  align-items: center;
}

.h8137 {
  text-align: center;
  flex: 1;
}

.lced9 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

.o218b {
  width: 100%;
  max-width: 500px;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

@media (min-width: 768px) {
  .m8729 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .fa439 {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .h8137 {
    text-align: left;
    flex: 1;
    max-width: 550px;
  }

  .j8f9d6 {
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  }

  .o218b {
    flex: 1;
    max-width: 450px;
  }
}

@media (min-width: 1024px) {
  .m8729 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

.aba36 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.o2c60e {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.j2815 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.b73b20f {
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 1.75rem;
}

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

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

.ee57b {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  font-size: 0.95rem;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  transition: color var(--transition-base);
  width: fit-content;
  margin-top: var(--spacing-sm);
}

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

.ee57b::after {
  content: "";
  transition: transform var(--transition-base);
}

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

@media (min-width: 768px) {
  .aba36 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .o2c60e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .o2c60e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

.f07b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.aff {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.gd2de37a {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}

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

.ke941c3 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  display: inline-block;
  width: fit-content;
  margin: 0 auto;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  border: none;
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .f07b {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .f07b {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

.cc8ce3a0 .b97e {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.cc8ce3a0 .i83f {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.cc8ce3a0 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: 1.3;
}

.cc8ce3a0 .ba6 {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  display: block;
}

.cc8ce3a0 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.cc8ce3a0 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.cc8ce3a0 ul,
.cc8ce3a0 ol {
  margin-bottom: var(--spacing-md);
  padding-left: var(--spacing-lg);
}

.cc8ce3a0 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.cc8ce3a0 .l2b4 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.cc8ce3a0 .l2b4 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

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

.cc8ce3a0 .ofc9de p {
  margin-bottom: var(--spacing-md);
}

.cc8ce3a0 .ofc9de strong {
  display: inline-block;
  min-width: 80px;
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .cc8ce3a0 .b97e {
    padding: 0 var(--spacing-lg);
  }

  .cc8ce3a0 .i83f {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .cc8ce3a0 .b97e {
    padding: 0 var(--spacing-xl);
  }
}

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

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

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  overflow-x: hidden;
}

.e3072c {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

.ede8 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.b97e {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.i83f {
  max-width: 800px;
  margin: 0 auto;
}

.ba8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-lg);
}

.d25142f8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  color: var(--color-success);
  flex-shrink: 0;
}

.d25142f8 svg {
  width: 100%;
  height: 100%;
  display: block;
}

.c8a1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  margin: var(--spacing-md) 0 0 0;
}

.aee {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: 1.6;
  margin: var(--spacing-sm) 0 0 0;
}

.f5b1 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: var(--spacing-lg) 0 0 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.gbb43dc {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: var(--spacing-lg) 0 0 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.j87 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  white-space: nowrap;
  line-height: 1.5;
  margin-top: var(--spacing-xl);
}

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

.bf1b:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

.bf1b:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .e3072c {
    padding: var(--spacing-3xl) 0;
  }

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

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

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

  .d25142f8 {
    width: 140px;
    height: 140px;
  }

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

  .aee {
    font-size: clamp(1.1rem, 2vw, 1.4rem);
  }
}

@media (min-width: 1024px) {
  .e3072c {
    padding: var(--spacing-4xl) 0;
  }

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

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

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

  .d25142f8 {
    width: 160px;
    height: 160px;
  }

  .c8a1 {
    font-size: 2.75rem;
  }

  .aee {
    font-size: 1.4rem;
  }

  .j87 {
    padding: var(--spacing-md) var(--spacing-3xl);
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .e3072c {
    min-height: auto;
    padding: var(--spacing-lg) 0;
  }

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

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

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

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

  .c8a1 {
    font-size: clamp(1.5rem, 3.5vw, 2rem);
    margin-top: var(--spacing-sm);
  }

  .aee {
    font-size: clamp(0.95rem, 1.5vw, 1.15rem);
    margin-top: var(--spacing-xs);
  }

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

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

  .j87 {
    padding: var(--spacing-sm) var(--spacing-xl);
    font-size: 0.95rem;
    margin-top: var(--spacing-lg);
    width: 100%;
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

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

.hc8e5 {
  width: 100%;
  padding: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  overflow: hidden;
}

@media (min-width: 768px) {
  .hc8e5 {
    padding: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .hc8e5 {
    padding: var(--spacing-3xl);
  }
}

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

@media (min-width: 768px) {
  .b97e {
    padding: 0 var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .b97e {
    padding: 0 var(--spacing-3xl);
  }
}

.i83f {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.p3765 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .p3765 {
    gap: var(--spacing-3xl);
  }
}

.k288d5 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: var(--spacing-lg);
}

.mb2e46f {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 15vw, 12rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
  .mb2e46f {
    font-size: clamp(6rem, 18vw, 14rem);
  }
}

@media (min-width: 1024px) {
  .mb2e46f {
    font-size: clamp(8rem, 20vw, 16rem);
  }
}

.h5fde0 {
  position: absolute;
  width: 120%;
  height: 120%;
  background: radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);
  border-radius: var(--radius-full);
  z-index: 1;
  opacity: 0.15;
  animation: pulse-decoration 3s ease-in-out infinite;
}

@keyframes pulse-decoration {
  0%, 100% {
    transform: scale(1);
    opacity: 0.15;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.25;
  }
}

.k80047 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: var(--spacing-md) 0;
}

@media (min-width: 768px) {
  .k80047 {
    margin: var(--spacing-lg) 0;
  }
}

.h014e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: var(--spacing-md) 0;
  letter-spacing: 0.3px;
}

@media (min-width: 768px) {
  .h014e {
    margin: var(--spacing-lg) 0;
  }
}

.gfb9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: var(--spacing-md) 0 var(--spacing-2xl) 0;
  font-style: italic;
}

@media (min-width: 768px) {
  .gfb9 {
    margin: var(--spacing-lg) 0 var(--spacing-3xl) 0;
  }
}

.j87 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  letter-spacing: 0.5px;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  line-height: 1.5;
}

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

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

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

.bb3 {
  padding: var(--spacing-lg) var(--spacing-3xl);
  margin: var(--spacing-lg) auto;
}

@media (min-width: 768px) {
  .bb3 {
    padding: var(--spacing-lg) var(--spacing-4xl);
    margin: var(--spacing-2xl) auto;
  }
}

.cf593728 {
  margin-top: var(--spacing-3xl);
  padding: var(--spacing-2xl);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

@media (min-width: 768px) {
  .cf593728 {
    margin-top: var(--spacing-4xl);
    padding: var(--spacing-2xl) var(--spacing-3xl);
  }
}

.ee773b {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  letter-spacing: 0.3px;
}

@media (min-width: 768px) {
  .ee773b {
    margin-bottom: var(--spacing-lg);
  }
}

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

@media (min-width: 768px) {
  .ka398d58 {
    gap: var(--spacing-md);
  }
}

.ka398d58 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: 1.6;
}

.ka398d58 li::before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 700;
}

@media (min-width: 768px) {
  .ka398d58 li {
    padding-left: var(--spacing-2xl);
  }
}

@media (max-width: 480px) {
  .k288d5 {
    margin-bottom: var(--spacing-md);
  }

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

  .cf593728 {
    margin-top: var(--spacing-2xl);
    padding: var(--spacing-lg);
  }
}

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

.i137cac {
  width: 100%;
  padding: var(--spacing-4xl) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.fca {
  text-align: center;
}

.if279a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.ldbe {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

.d08517 {
  width: 100%;
  padding: var(--spacing-4xl) 0;
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.pc4bb31 {
  width: 100%;
}

.c865ca {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3xl);
  width: 100%;
}

@media (min-width: 768px) {
  .c865ca {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-4xl);
  }
}

.b54c5dae {
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .b54c5dae {
    padding: var(--spacing-3xl);
  }
}

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

.m807b6 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.b97 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 100%;
}

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

.gbb1 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 500;
  color: var(--color-text-primary);
  display: block;
}

.fb9b58,
.d974b9 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 1rem;
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: all var(--transition-base);
}

.fb9b58::placeholder,
.d974b9::placeholder {
  color: var(--color-text-muted);
}

.fb9b58:focus,
.d974b9:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.05);
}

.d974b9 {
  resize: vertical;
  min-height: 140px;
  font-size: clamp(0.9rem, 1vw, 1rem);
}

.nbc38391 {
  margin: var(--spacing-md) 0;
}

.p5241 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.cc9 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

.pb24 {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  margin-top: var(--spacing-md);
}

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

.pb24:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.pb24:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.hc9b {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}

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

.m4584 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.k894 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.fa4f {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
  background-color: var(--color-bg-card);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.p3a6b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: 1.5rem;
}

.c487 {
  flex: 1;
}

.gf4 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.15rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.h128 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  line-height: 1.6;
}

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

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

.m6035319 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.i936db14 {
  background: linear-gradient(135deg, var(--color-bg-card) 0%, var(--color-bg-tertiary) 100%);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
}

.b45e2 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.aca9 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
}

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

@media (min-width: 576px) {
  .h5e6590 {
    flex-direction: row;
    justify-content: center;
  }
}

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

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

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

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

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

@media (max-width: 767px) {
  .i137cac {
    padding: var(--spacing-3xl) 0;
  }

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

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

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

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

@media (min-width: 1024px) {
  .i137cac {
    padding: var(--spacing-4xl) 0 5rem;
  }

  .d08517 {
    padding: 5rem 0;
  }
}
.eba,.j3014{
  width: 34px;
}

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

.m5a0d5{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .m5a0d5{
    max-width: 100%;
  }
}

.m5a0d5.d5d1a7{
  z-index: 999;
}

.oa08a1{
  padding-top: 50px;
}

.eba[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .k7859f {
    aspect-ratio: 6 / 9;
  }
}