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

:root {
  --color-bg-primary: #0f0a1e;
  --color-bg-secondary: #faf5ff;
  --color-bg-tertiary: #1a1035;
  --color-bg-card: #ffffff;

  --color-text-primary: #3c3691;
  --color-text-secondary: #929292;
  --color-text-muted: #9e9e9e;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #f3f4f6;

  --color-primary: #7c3aed;
  --color-primary-hover: #6d28d9;
  --color-primary-light: #ede9fe;
  --color-primary-lighter: #f5f3ff;

  --color-secondary: #8b5cf6;
  --color-secondary-light: #f3e8ff;
  --color-secondary-lighter: #faf5ff;

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

  --color-border: #e5e7eb;
  --color-border-light: #f3f4f6;
  --color-border-dark: #2d2640;

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'Plus Jakarta Sans', sans-serif;

  --spacing-xs: 0.375rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2.5rem;
  --spacing-xl: 4rem;
  --spacing-2xl: 6rem;
  --spacing-3xl: 8rem;

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

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

  --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: #ffffff;
}

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

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

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

.fa78 {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

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

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

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

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

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

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

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
  font-size: 1rem;
  line-height: 1.75;
}

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

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

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

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

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

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

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

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

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

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

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

.i38 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.d658b827 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
}

.d658b827 h2, .d658b827 h3, .d658b827 h4, .d658b827 h5, .d658b827 h6 {
  color: var(--color-text-light);
}

.d658b827 p {
  color: var(--color-text-light-secondary);
}

.oc9e2004 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-3xl) 0;
}

.oc9e2004 h1, .oc9e2004 h2, .oc9e2004 h3 {
  color: var(--color-text-primary);
}

.ma9f {
  background: var(--color-bg-primary);
  color: var(--color-text-light);
  padding: var(--spacing-3xl) 0;
}

.ma9f h1, .ma9f h2, .ma9f h3 {
  color: var(--color-text-light);
}

.ma9f p {
  color: var(--color-text-light-secondary);
}

.d22099f6 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 500;
}

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

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

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

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

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .oc9e2004, .ma9f {
    padding: var(--spacing-2xl) 0;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .fa78 {
    padding: 0 var(--spacing-sm);
  }
}
.h805 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 1000;
  overflow: hidden;
}

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

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

.k125:hover {
  opacity: 0.8;
}

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

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

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

.b561aff {
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  position: relative;
  padding-bottom: 0.25rem;
}

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

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

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

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

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

.a033c0 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  width: 2.5rem;
  height: 2.5rem;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

.a033c0 span {
  width: 1.5rem;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 1px;
  transition: all var(--transition-base);
}

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

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

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

.eb4cc371 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  padding-top: clamp(4rem, 10vw, 5rem);
}

.eb4cc371.c0e93 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.g45d1e60 {
  display: flex;
  justify-content: flex-end;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: clamp(4rem, 10vw, 5rem);
  align-items: center;
  background: var(--color-bg-primary);
}

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

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

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

.a1fc956 {
  padding: 1rem 0;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-light);
  transition: color var(--transition-base);
  display: block;
}

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

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

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

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

  .hebba9e {
    display: inline-block;
  }

  .a033c0 {
    display: none;
  }

  .eb4cc371 {
    display: none;
  }
}

    .ib9d23 {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

.ib9d23 .a89ea79b {
  color: var(--color-text-light);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.2;
}

.ib9d23 .j6bf60 {
  color: var(--color-text-light-secondary);
  font-size: clamp(0.875rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 400;
}

.ib9d23 .k4857f7 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 2rem);
  justify-content: center;
  max-width: 1000px;
  margin: 0 auto;
}

.ib9d23 .e4f5 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  flex: 1 1 clamp(150px, 20vw, 180px);
}

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

.ib9d23 .ed116e {
  transform: rotate(1deg);
}

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

.ib9d23 .c3fb1b4 {
  transform: rotate(2deg);
}

.ib9d23 .e4f5:hover {
  transform: translateY(-4px) rotate(0deg);
  box-shadow: var(--shadow-lg);
}

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

.ib9d23 .c22 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

.ib9d23 .gcda70c {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

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

.ib9d23 .d4d282 {
  flex: 1 1 50%;
  min-height: 350px;
}

@media (max-width: 768px) {
  .ib9d23 .d4d282 {
    flex: 1 1 100%;
    min-height: 300px;
  }
}

.ib9d23 .mb1c0db {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

.ib9d23 .cf6a44c1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-base);
}

.ib9d23 .cf6a44c1:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.ib9d23 .cf6a44c1 i {
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
  margin-left: 4px;
}

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

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

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

.ib9d23 .lb56 {
  flex: 1 1 40%;
  min-height: 300px;
}

@media (max-width: 768px) {
  .ib9d23 .lb56 {
    flex: 1 1 100%;
    min-height: 250px;
  }
}

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

.ib9d23 .g33b2a {
  flex: 1 1 60%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.25rem);
}

.ib9d23 .l0ed1dd5 {
  color: var(--color-text-light);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

.ib9d23 .da0 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2.5vw, 2rem);
}

.ib9d23 .j914c0 {
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.ib9d23 .i9fa6136 {
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ib9d23 .i9fa6136 i {
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
}

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

.ib9d23 .n9a73 {
  color: var(--color-text-light);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
}

.ib9d23 .e3e7 {
  color: var(--color-text-light-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  line-height: 1.5;
}

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

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

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

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

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

.ib9d23 .k440a08 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

@supports not (grid-template-columns: subgrid) {
  .ib9d23 .k440a08 {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

.ib9d23 .m04336 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.ib9d23 .m04336 i {
  color: var(--color-accent);
  font-size: 1.5rem;
}

.ib9d23 .f54 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
}

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

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

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

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

.ib9d23 .pb3 {
  color: var(--color-text-light);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

.ib9d23 .n787 {
  color: var(--color-text-light-secondary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
}

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

.ib9d23 .abdc {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  align-items: center;
  text-align: center;
  flex: 1 1 200px;
  max-width: 220px;
  box-shadow: var(--shadow-md);
}

.ib9d23 .b538f281 {
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ib9d23 .b538f281 i {
  color: var(--color-text-on-accent);
  font-size: 1.75rem;
}

.ib9d23 .h3f {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
}

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

.ib9d23 .o87c0e {
  color: var(--color-accent);
  font-size: 1.5rem;
  flex: 0 0 auto;
}

@media (max-width: 768px) {
  .ib9d23 .o87c0e {
    display: none;
  }
}

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

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

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

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

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

.ib9d23 .kd0 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

@supports not (grid-template-columns: subgrid) {
  .ib9d23 .kd0 {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

.ib9d23 .ea65559 {
  color: var(--color-accent);
  font-size: 2.5rem;
  font-weight: 700;
  font-family: var(--font-heading);
}

.ib9d23 .o94283ad {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
}

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

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

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

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

.ib9d23 .h87d6 {
  color: var(--color-text-light);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

.ib9d23 .c05 {
  color: var(--color-text-light-secondary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
}

.ib9d23 .n38fa4 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

@supports not (grid-template-columns: subgrid) {
  .ib9d23 .n38fa4 {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

.ib9d23 .a53c {
  color: var(--color-accent);
  font-size: 1.75rem;
  font-weight: 700;
}

.ib9d23 .dc3a5291 {
  color: var(--color-text-light);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
}

.ib9d23 .n1bc {
  color: var(--color-text-light-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  line-height: 1.5;
}

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

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

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

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

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

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

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

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

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

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

.ib9d23 .fffd7e77:hover .ia5c img {
  transform: scale(1.05);
}

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

.ib9d23 .k08 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
  line-height: 1.4;
}

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

.ib9d23 .d7e9ce {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all var(--transition-base);
}

.ib9d23 .d7e9ce:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

.ib9d23 .kd1 {
  text-align: center;
  display: flex;
  justify-content: center;
}

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

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

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

.ib9d23 .ae189bd {
  color: var(--color-text-light);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

.ib9d23 .k426231b {
  color: var(--color-text-light-secondary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
}

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

.ib9d23 .pb425060 {
  width: 100%;
  max-height: 500px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

.p5b {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-lg);
}

.p5b.n4de5dc {
  display: none;
}

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

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

.n9c42b,
.e62 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  cursor: pointer;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

.l85 {
  display: block;
}

.l85 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
}

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

.a000 {
  display: block;
}

.a000 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
}

.m67e,
.l412a30 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1.5vw, 0.875rem);
}

.m67e a,
.l412a30 a {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base), text-decoration var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.d754b {
  display: block;
}

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

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

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

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

.h8d09925 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .m67e,
  .l412a30 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .m67e a,
  .l412a30 a {
    flex: 0 1 auto;
  }
}

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

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

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

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

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

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

.oe2c1031 {
  text-align: center;
}

.p91cda2f {
  display: inline-block;
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  letter-spacing: 0.1em;
  margin-bottom: 1rem;
}

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

.f23bd72 {
  font-size: clamp(1.125rem, 2.5vw, 1.75rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: 1.3;
  margin: clamp(0.75rem, 1.5vw, 1rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j1b {
  font-size: clamp(0.95rem, 1.8vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.4;
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.cedea {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base) ease;
}

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

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

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

.mf578 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.jd7 {
  font-size: clamp(0.9rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ha6ba {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding-top: clamp(0.75rem, 1vw, 1rem);
  border-top: 1px solid var(--color-border-light);
}

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

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

.maa3833e {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base) ease;
  align-self: flex-start;
  font-size: clamp(0.9rem, 1.2vw, 1.0625rem);
}

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

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

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

.md224c3f {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base) ease;
  flex: 1 1 100%;
}

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

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

.be4 {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
  display: block;
}

.kb90 {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  padding: 0 clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.k2729 {
  display: inline-block;
  padding: clamp(0.65rem, 1.2vw, 0.875rem) clamp(1.25rem, 1.8vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base) ease;
  align-self: flex-start;
  margin: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

.j54 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base) ease;
}

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

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

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

@media (min-width: 768px) {
  .fbb {
    width: 50%;
    height: 100%;
    min-height: 350px;
  }
}

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

.j475af1 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m655d9 {
  font-size: clamp(0.9rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b2d8ef9 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base) ease;
  align-self: flex-start;
  font-size: clamp(0.9rem, 1.2vw, 1.0625rem);
}

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

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

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

.p0599ed4 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a8ff6 {
  font-size: clamp(0.95rem, 1.8vw, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.5;
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.cdbc2 {
  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-lg);
  border-left: 4px solid var(--color-accent);
}

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

.g86455 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(3rem, 6vw, 4rem);
  min-height: clamp(3rem, 6vw, 4rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

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

.afd5cc34 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .md224c3f {
    flex: 1 1 100%;
  }

  .j54 {
    flex-direction: column;
  }

  .fbb {
    width: 100%;
  }
}

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

* {
  box-sizing: border-box;
}

html, body {
  width: 100%;
  margin: 0;
  padding: 0;
}

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

.p8b8b {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .d187180,
  .h60e805 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

.a270252 {
  flex: 1 1 auto;
}

.d380cc69 {
  margin-bottom: clamp(3rem, 6vw, 5rem);
}

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

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

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

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

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

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

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

.j2361 {
  margin-top: clamp(3rem, 6vw, 5rem);
  margin-bottom: clamp(3rem, 6vw, 5rem);
}

.k41cf {
  max-width: 100%;
}

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

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

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

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

.p98ef4f {
  max-width: 100%;
}

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

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

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

  .f7fcd8cd {
    flex: 1 1 100%;
    position: relative;
    top: auto;
  }

  .m4f {
    flex-direction: column;
  }

  .me1,
  .c600e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h79 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  transition: all var(--transition-base);
  margin-top: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .n9e,
  .f02a2d {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.id3f8a {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

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

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

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

.fb5540 {
  flex: 1 1 auto;
  min-width: 150px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

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

  .ca02b8,
  .o7ac1117 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

  .e565cb,
  .jdf {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

  .a5030,
  .pa8022c1 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

  .j037b,
  .hd3ca4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kb88f1 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
}

.h4744 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
}

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

.k7c {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  font-weight: 700;
}

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

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

.c8866 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 600;
}

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

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

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

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

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

.gc50c3c7 {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

.hc6fa45 {
  flex: 1 1 auto;
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  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;
}

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

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

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

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

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

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

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

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

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

.f62a3 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-bg-card);
  line-height: 1.2;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

  .o6a455,
  .gbf702 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.j84 {
  flex: 0 0 280px;
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
}

.ld0 {
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.l9d93b {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 auto clamp(1rem, 2vw, 1.5rem);
  display: block;
  object-fit: cover;
}

.af8 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  line-height: 1.4;
}

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

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

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

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

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

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

.o9c3:nth-child(2n) {
  flex-direction: row-reverse;
}

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

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

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

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

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

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

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

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

  .o9c3 {
    flex-direction: column;
  }

  .o9c3:nth-child(2n) {
    flex-direction: column;
  }

  .a800a3,
  .jc51 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.fc9f49 {
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  padding: clamp(2rem, 4vw, 3rem);
  margin: clamp(3rem, 6vw, 4rem) 0 clamp(2rem, 4vw, 3rem);
}

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

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

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

.cbf {
  margin-top: clamp(3rem, 6vw, 4rem);
  border-top: 2px solid var(--color-border);
  padding-top: clamp(2rem, 4vw, 3rem);
}

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

.n56d {
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

.a866134 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-bg-card);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  line-height: 1.2;
}

.f98071e {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

.d58c692 {
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 280px;
  background: var(--color-bg-secondary);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  overflow: hidden;
  transition: var(--transition-base);
}

.d58c692:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.ic21f {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: var(--color-border-light);
}

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

.fe09a1 {
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
}

.ba495c99 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.a938 {
  color: var(--color-accent);
}

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

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

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

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

  .kd4e {
    gap: 1rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.e15b628c img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  display: block;
  box-shadow: 0 20px 40px rgba(124, 58, 237, 0.15);
}

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

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

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

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

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

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

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

.aa95 {
  flex: 0 0 280px;
  position: sticky;
  top: 2rem;
}

.n5e36 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

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

.gb2 {
  flex: 1 1 calc(100% - 320px);
}

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

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

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

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

.m7b8e1 img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

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

.d13 img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

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

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

.gb60222e {
  font-weight: 600;
  color: var(--color-text-primary);
  min-width: 80px;
}

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

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

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

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

.pa2cb3 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  max-width: 450px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.pa2cb3:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 40px rgba(124, 58, 237, 0.15);
}

.g17bc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  border-radius: 10px;
}

.g17bc i {
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
}

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

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

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

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

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

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

.i98e7 {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

.pdb2afb {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-light);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

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

.p574 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.p574:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 40px rgba(124, 58, 237, 0.15);
}

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

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

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

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

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

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

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

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

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

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

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

  .gb2 {
    flex: 1 1 100%;
  }

  .n4a3a23,
  .dd9,
  .b20ca87 {
    flex-direction: column;
  }

  .b14c69b9,
  .e15b628c,
  .j54dc8,
  .m7b8e1,
  .i5453,
  .d13 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

  .o8b64d6 {
    flex-direction: column;
  }

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

  .o1fb3 {
    width: 100%;
  }
}

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

html, body {
  font-family: 'DM Sans', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-secondary);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.oed4c {
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: #ffffff;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.l94a3a6 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: #d1d5db;
  line-height: 1.6;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

.ab40c6 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: #a78bfa;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.f438b {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: #ffffff;
  line-height: 1.3;
}

.d95431 {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: #d1d5db;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

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

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

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

.m00646eb {
  text-align: center;
  max-width: 800px;
  margin: 0 auto clamp(2rem, 4vw, 3rem);
}

.b79300 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: #a78bfa;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  display: block;
  margin-bottom: 0.75rem;
}

.d32c4 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: #ffffff;
  line-height: 1.3;
  margin-bottom: 1rem;
}

.lad55c {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: #d1d5db;
  line-height: 1.6;
}

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

.g540 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 10px;
  border: 1px solid rgba(167, 139, 250, 0.2);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.g540:hover {
  transform: translateY(-6px);
  border-color: rgba(167, 139, 250, 0.5);
  box-shadow: 0 8px 24px rgba(124, 58, 237, 0.15);
}

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

.ib516 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: #ffffff;
  line-height: 1.3;
}

.odcce {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: #d1d5db;
  line-height: 1.6;
}

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

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

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

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

.p73 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: #a78bfa;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.n64ac874 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: #ffffff;
  line-height: 1.3;
}

.h605c {
  background: rgba(124, 58, 237, 0.08);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-left: 4px solid #7c3aed;
  border-radius: 6px;
}

.d9bb9 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: #ffffff;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.lb0c {
  font-size: clamp(0.875rem, 1vw, 1.0625rem);
  color: #d1d5db;
  line-height: 1.6;
}

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

.j2d4c6 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 900px;
  margin: 0 auto;
}

.ec56 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

.o44b4f {
  font-size: 1.25rem;
  color: #a78bfa;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.jef79 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: #ffffff;
  line-height: 1.3;
}

.h2d2c6 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: #d1d5db;
  line-height: 1.7;
}

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

  .g540 {
    flex: 1 1 calc(33.333% - 1.5rem);
  }

  .jd8e {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2rem, 4vw, 3rem);
  }

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

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

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

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

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

  .g540 {
    flex: 1 1 calc(33.333% - 1.5rem);
  }
}

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

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

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

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

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

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

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

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

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

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

.i0122b {
  flex: 1 1 100%;
  width: 100%;
  min-height: 250px;
  max-height: 400px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

@media (min-width: 768px) {
  .i0122b {
    flex: 1 1 45%;
    min-height: 300px;
    max-height: 450px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kd4b {
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

@media (min-width: 768px) {
  .kd4b {
    flex: 1 1 calc(50% - 1.25rem);
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .kd4b {
    flex: 1 1 calc(33.333% - 1.67rem);
  }
}

.m2b0cd3c {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: clamp(1.5rem, 3vw, 1.875rem);
}

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

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

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

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

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

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

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

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

.j240fa {
  flex: 1 1 100%;
  min-width: 300px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

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

@media (min-width: 768px) {
  .j240fa {
    flex: 1 1 calc(50% - 1.25rem);
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

.a881 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all 0.3s ease;
}

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

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

.mfb7ecac {
  margin: 0;
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  font-weight: 600;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.i0849 {
  margin: 0;
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 500;
}

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

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

.a06fba5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

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

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

.l498dd6 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  align-items: center;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

.de4c4048 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(2rem, 4vw, 3rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

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

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

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

  .mdc35 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .jccae {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .aa09c {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .f8f {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .mabf5 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }
}

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

.d346 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.lc0d3d0 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.lcfa8e {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.pc280f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.a4f {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.cd9 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.ma6d {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

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

.a0a {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.ke03003 {
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  display: inline-block;
  width: fit-content;
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.o3a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.l5d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.n2f2b {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  display: inline-block;
  transition: var(--transition-fast);
  padding: var(--spacing-xs) 0;
  border-bottom: 2px solid transparent;
}

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

.o2b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.p63e {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.k3da2f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.j369a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.gdc504 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-block;
  transition: var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .d346 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .cd9 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .cde9ffc {
    height: 300px;
  }

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

@media (min-width: 1024px) {
  .d346 {
    padding: 4rem var(--spacing-xl);
  }

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

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

  .ma6d {
    flex-direction: row;
  }

  .ma6d:nth-child(odd) {
    flex-direction: row;
  }

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

  .cde9ffc {
    width: 45%;
    height: auto;
    min-height: 350px;
  }

  .a0a {
    width: 55%;
    padding: var(--spacing-xl);
  }

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

@media (min-width: 1440px) {
  .cd9 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.l67879e {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.lcd0 {
  max-width: 900px;
  margin: 0 auto var(--spacing-2xl);
  text-align: center;
}

.c26e9370 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.b6935 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.jf833 {
  max-width: 900px;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.jf833 img {
  width: 100%;
  height: auto;
  display: block;
}

.gb9 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.pebd9953 {
  max-width: 800px;
  margin: 0 auto;
}

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

.aba29 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.jf1 {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
}

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

.j6739 {
  flex: 1;
  line-height: 1.4;
}

.e41c2c {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--color-primary);
  font-weight: 300;
  transition: transform var(--transition-base);
}

.aba29.c0e93 .e41c2c {
  transform: rotate(45deg);
}

.pae5c94c {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  background-color: var(--color-bg-card);
}

.aba29.c0e93 .pae5c94c {
  max-height: 500px;
}

.pae5c94c p {
  padding: 0 var(--spacing-lg) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.0625rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0;
}

.a06a0 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.jd555ec {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: center;
}

.hf1bd63 {
  text-align: center;
}

.id4d3fa {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.n5e6 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.la3e {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.la3e:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.l8a {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.l8a img {
  width: 100%;
  height: auto;
  display: block;
}

@media (min-width: 768px) {
  .l67879e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

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

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

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

  .jd555ec {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

  .hf1bd63 {
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .l67879e {
    padding: var(--spacing-3xl) var(--spacing-3xl);
  }

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

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

  .jf1:hover {
    padding-left: calc(var(--spacing-2xl) + var(--spacing-md));
  }
}

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

.pd745371 .fa78 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.pd745371 .p4096f09 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.pd745371 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.pd745371 .ab7d {
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-3xl);
  font-style: italic;
}

.pd745371 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.pd745371 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.pd745371 ul,
.pd745371 ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
}

.pd745371 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

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

.pd745371 .c7c2 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-top: var(--spacing-3xl);
}

.pd745371 .c7c2 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.pd745371 .c7c2 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.pd745371 .p9e0cd {
  font-weight: 600;
  color: var(--color-text-primary);
}

@media (max-width: 768px) {
  .pd745371 .fa78 {
    padding: 0 var(--spacing-md);
  }

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

@media (min-width: 769px) and (max-width: 1024px) {
  .pd745371 .p4096f09 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1025px) {
  .pd745371 .p4096f09 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

.l6c {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.p4096f09 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.pae9 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg) 0;
  animation: fadeInUp 0.8s ease-out;
}

.ob60498 {
  color: var(--color-success);
  margin-bottom: var(--spacing-md);
  display: flex;
  justify-content: center;
  align-items: center;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ob60498 svg {
  width: 80px;
  height: 80px;
}

h1 {
  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: 0;
}

.o6c {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.6;
  margin: var(--spacing-md) 0 0 0;
}

.n7714 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: var(--spacing-md) 0 0 0;
}

.j490 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: var(--spacing-md) 0 0 0;
}

.e6293 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  border: 2px solid var(--color-primary);
  transition: all var(--transition-base);
  cursor: pointer;
  margin-top: var(--spacing-xl);
}

.e6293:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .l6c {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

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

  .ob60498 svg {
    width: 100px;
    height: 100px;
  }
}

@media (min-width: 1024px) {
  .l6c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .pae9 {
    gap: var(--spacing-2xl);
    padding: var(--spacing-3xl) 0;
  }

  .e6293 {
    padding: var(--spacing-md) var(--spacing-3xl);
    margin-top: var(--spacing-2xl);
  }
}

.n4b5 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n7cb0 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .n7cb0 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n7cb0 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

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

.p4096f09 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.cc2cfe8 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .cc2cfe8 {
    gap: var(--spacing-3xl);
  }
}

.pf0 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--spacing-lg);
}

.j45455 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}

@media (min-width: 768px) {
  .j45455 {
    margin-bottom: var(--spacing-lg);
  }
}

.ae7cbe5e {
  position: absolute;
  width: clamp(150px, 40vw, 300px);
  height: clamp(150px, 40vw, 300px);
  background: var(--color-primary-light);
  border-radius: 50%;
  opacity: 0.15;
  z-index: 1;
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

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

@media (min-width: 768px) {
  .n7c6 {
    gap: var(--spacing-lg);
  }
}

.n7c6 h1 {
  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;
  letter-spacing: -0.01em;
}

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

.ma1d807 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: var(--spacing-sm) 0;
}

.bd447ac6 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-md) var(--spacing-lg);
  margin: var(--spacing-lg) 0;
  text-align: left;
}

@media (min-width: 768px) {
  .bd447ac6 {
    padding: var(--spacing-lg) var(--spacing-xl);
    margin: var(--spacing-2xl) 0;
  }
}

.pe5419 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-sm) 0;
}

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

.ke1 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: var(--spacing-md);
  position: relative;
}

.ke1 li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 600;
}

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

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

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

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

.dca22 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  padding: var(--spacing-md) var(--spacing-xl);
}

@media (min-width: 768px) {
  .dca22 {
    padding: var(--spacing-lg) var(--spacing-2xl);
  }
}

@media (max-width: 480px) {
  .pf0 {
    margin-bottom: var(--spacing-md);
  }
  
  .bd447ac6 {
    text-align: center;
  }
  
  .ke1 li {
    padding-left: 0;
  }
  
  .ke1 li::before {
    display: none;
  }
}

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

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

.nde {
  width: 100%;
  padding: 3rem 1rem;
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.ke1da1 {
  text-align: center;
}

.e61f55 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.jefc04 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .nde {
    padding: 5rem 2rem;
  }
}

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

.a657435 {
  width: 100%;
  padding: 3rem 1rem;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.dc2f7c {
  width: 100%;
}

.o158ef {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  width: 100%;
}

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

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

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

  .ifef531e {
    flex: 1 1 45%;
    max-width: none;
  }
}

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

  .ifef531e {
    flex: 1 1 40%;
  }
}

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

.k8bf3591 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.nb24d {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.be6afc0 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

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

.f05,
.h1114 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 1rem;
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
  line-height: 1.5;
}

.f05::placeholder,
.h1114::placeholder {
  color: var(--color-text-muted);
}

.f05:focus,
.h1114:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.h1114 {
  resize: vertical;
  min-height: 140px;
}

.e47f {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: var(--spacing-md);
}

.e85f {
  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, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: 0.3px;
}

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

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

.e85f:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.k9d0 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  text-align: center;
}

.n44 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

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

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

.ha4 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.f224f4f5 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 3rem;
}

.hb107 {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

.fcd1d03 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.mda {
  flex: 1;
  min-width: 0;
}

.b83006 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.jd785 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-break: break-word;
}

.bc00b {
  padding: 2rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  text-align: center;
}

.m6ad3535 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.h9b40916 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
}

.f4f {
  display: inline-block;
  padding: 0.75rem 1.75rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: 0.3px;
}

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

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

@media (min-width: 768px) {
  .a657435 {
    padding: 4rem 2rem;
  }

  .o158ef {
    gap: 4rem;
  }
}

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

  .o158ef {
    gap: 5rem;
  }
}

@media (max-width: 640px) {
  .o158ef {
    gap: 2.5rem;
  }

  .nb24d,
  .f224f4f5 {
    gap: 1.25rem;
  }

  .hb107 {
    gap: 1rem;
  }

  .fcd1d03 {
    width: 45px;
    height: 45px;
    font-size: 1.25rem;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.a033c0,.nb3a5{width:34px;}
.a033c0[aria-expanded="true"]{display:none;}
.eb4cc371.c0e93{z-index:999;}
.eb4cc371{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.eb4cc371{max-width:100%;}}
.i82860f6{justify-content:flex-end;}