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

:root {
  --color-bg-primary: #150a1e;
  --color-bg-secondary: #221535;
  --color-bg-tertiary: #301f4a;
  --color-bg-card: #221535;

  --color-text-primary: #faf5ff;
  --color-text-secondary: #d8b4fe;
  --color-text-muted: #c084fc;

  --color-primary: #9333ea;
  --color-primary-hover: #7e22ce;
  --color-primary-light: #c084fc;
  --color-secondary: #a855f7;
  --color-secondary-light: #d8b4fe;

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

  --color-border: #3d2b5a;
  --color-border-light: #2d1f45;

  --font-primary: 'Nunito', sans-serif;
  --font-heading: 'Bitter', serif;

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

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

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

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms 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;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

h2 {
  font-size: 2.5rem;
  font-weight: 700;
}

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

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

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

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

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

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

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

a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

button, input, textarea, select {
  font-family: var(--font-primary);
  font-size: 1rem;
}

button {
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

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

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

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

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

.j2bd35b:focus-visible {
  outline: 2px solid var(--color-secondary);
  outline-offset: 2px;
}

.f3b4 {
  background: var(--color-secondary);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

.a9dc0d8 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.j96 {
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

.cab4c7 {
  background: var(--color-secondary);
  color: var(--color-text-primary);
}

.c1f {
  background: var(--color-success);
  color: var(--color-text-primary);
}

.i763 {
  background: var(--color-warning);
  color: #000;
}

.h19dca {
  background: var(--color-danger);
  color: var(--color-text-primary);
}

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

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

input::placeholder, textarea::placeholder {
  color: var(--color-text-muted);
}

label {
  display: block;
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

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

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

.a216ed63 {
  display: flex;
  gap: var(--spacing-md);
}

.jf2f {
  align-items: center;
  justify-content: center;
}

.h05e8 {
  align-items: center;
  justify-content: space-between;
}

.n82ea {
  flex-direction: column;
}

.oc4f {
  text-align: center;
}

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

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

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

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

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

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

.h7e { margin-top: var(--spacing-xs); }
.e0675 { margin-top: var(--spacing-sm); }
.j77 { margin-top: var(--spacing-md); }
.p070a32 { margin-top: var(--spacing-lg); }
.jd9dbf97 { margin-top: var(--spacing-xl); }
.f7727 { margin-top: var(--spacing-2xl); }

.nd0586ee { margin-bottom: var(--spacing-xs); }
.j06dfc { margin-bottom: var(--spacing-sm); }
.l53753db { margin-bottom: var(--spacing-md); }
.ib23d6e { margin-bottom: var(--spacing-lg); }
.c0652e8 { margin-bottom: var(--spacing-xl); }
.i05e0c { margin-bottom: var(--spacing-2xl); }

.n74a { padding: var(--spacing-xs); }
.o954 { padding: var(--spacing-sm); }
.c68 { padding: var(--spacing-md); }
.o595b6 { padding: var(--spacing-lg); }
.o21 { padding: var(--spacing-xl); }
.ac9f { padding: var(--spacing-2xl); }

.g1f162 { border-radius: var(--radius-sm); }
.d790 { border-radius: var(--radius-md); }
.c527e458 { border-radius: var(--radius-lg); }
.e5e442 { border-radius: var(--radius-xl); }
.i6530b { border-radius: var(--radius-full); }

.d1a { box-shadow: var(--shadow-sm); }
.n3a013e { box-shadow: var(--shadow-md); }
.e28f { box-shadow: var(--shadow-lg); }
.c22f { box-shadow: var(--shadow-xl); }

.f7fd4d0 { opacity: 0.5; }
.he3 { opacity: 0.75; }
.h6dc7d9 { opacity: 1; }

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

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

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

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

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .m2b595, .c8fa5, .d8745 {
    grid-template-columns: 1fr;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .ba8cd {
    width: 100%;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

::selection {
  background: var(--color-primary);
  color: var(--color-text-primary);
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-secondary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary-hover);
}
.fd637e8 {
    background: var(--color-bg-primary);
    border-bottom: 1px solid var(--color-border-light);
    position: static;
    z-index: 100;
    overflow: hidden;
  }

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

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

  .g54345ce:hover {
    opacity: 0.8;
  }

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

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

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

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

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

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

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

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

  .adacf52:hover {
    opacity: 0.7;
  }

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

  .hb33 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: var(--color-bg-primary);
    display: flex;
    flex-direction: column;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition: all var(--transition-base);
    padding-top: 70px;
    overflow-y: auto;
  }

  .hb33.p5f2f {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .je8028f {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1rem clamp(1rem, 4vw, 2rem);
    border-bottom: 1px solid var(--color-border-light);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: var(--color-bg-primary);
    z-index: 100;
  }

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

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

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

  .b085 {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: clamp(1rem, 3vw, 2rem) clamp(1rem, 4vw, 2rem);
    margin-top: 50px;
    flex-grow: 1;
  }

  .h890 {
    font-family: var(--font-primary);
    font-size: clamp(0.9375rem, 2vw, 1.125rem);
    color: var(--color-text-secondary);
    text-decoration: none;
    padding: 1rem 0;
    border-bottom: 1px solid var(--color-border-light);
    transition: color var(--transition-base);
    display: block;
  }

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

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

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

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

    .i1a58d54 {
      display: flex;
    }

    .nefb19 {
      display: block;
    }

    .adacf52 {
      display: none;
    }

    .hb33 {
      display: none !important;
    }
  }

  @media (min-width: 1024px) {
    .o48 {
      padding: 1.5rem clamp(1.5rem, 4vw, 2.5rem);
    }

    .e06e3db0 {
      font-size: 1rem;
    }

    .nefb19 {
      padding: 0.875rem 2rem;
      font-size: 1rem;
    }
  }

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

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

.e0c2f h1,
.e0c2f h2,
.e0c2f h3,
.e0c2f h4,
.e0c2f p,
.e0c2f a,
.e0c2f span,
.e0c2f li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.b556ba {
  background: linear-gradient(135deg, rgba(147, 51, 234, 0.3) 0%, transparent 60%), url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><rect fill="%23150a1e" width="1200" height="600"/></svg>');
  background-size: cover;
  background-position: center;
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  position: relative;
}

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

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

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

.aa7747 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

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

.bcc18b {
  padding: 1rem 2rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: var(--transition-base);
  cursor: pointer;
  text-align: center;
}

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

.j2f {
  padding: 1rem 2rem;
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: var(--transition-base);
  cursor: pointer;
  text-align: center;
}

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

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

  .de1,
  .d2b64e9 {
    flex: 1 1 100%;
  }

  .d2b64e9 {
    min-height: 250px;
  }

  .i2615 {
    flex-direction: column;
  }

  .bcc18b,
  .j2f {
    width: 100%;
  }
}

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

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

.c88ef {
  text-align: center;
}

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

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

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

.k5c890a {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  transition: var(--transition-base);
}

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

.b5c0afb {
  font-size: 2.5rem;
  color: var(--color-accent);
  flex-shrink: 0;
  min-width: 60px;
  text-align: center;
}

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

.o02a9a68 {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

  .b5c0afb {
    margin: 0 auto;
  }
}

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

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

.i54 {
  text-align: center;
}

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

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

.a07b337 {
  width: 100%;
}

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

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

  .e7619f {
    padding: 0 1rem;
  }
}

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

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

.i8e {
  text-align: center;
}

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

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

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

.p9f353::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--color-accent);
  border-radius: 2px;
}

.k60 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}

.cd3 {
  position: absolute;
  left: -2.25rem;
  top: 0;
  width: 2.5rem;
  height: 2.5rem;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: var(--color-text-on-accent);
  font-size: 1.25rem;
}

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

.g73c7bbf {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

@media (max-width: 768px) {
  .p9f353 {
    padding-left: clamp(1.5rem, 3vw, 2rem);
  }

  .cd3 {
    left: -1.75rem;
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
  }
}

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

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

.gb74d {
  text-align: center;
}

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

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

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

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

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

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

.jc1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

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

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

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

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

.h93b1037 {
  text-align: center;
  padding-top: 1rem;
}

.g429 {
  font-size: clamp(0.9rem, 1.5vw, 1.125rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-base);
  display: inline-block;
}

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

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

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

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

.a7d05,
.a4cd {
  flex: 1 1 45%;
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: center;
}

.a7d05 {
  border-left: 4px solid var(--color-accent);
}

.p66fe5,
.ff38cf {
  font-size: clamp(1.25rem, 3vw, 2rem);
  color: var(--color-text-primary);
  font-weight: 700;
  font-family: var(--font-heading);
  line-height: 1.3;
}

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

.a7d05 .bcc18b,
.a4cd .j2f {
  width: fit-content;
}

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

  .a7d05,
  .a4cd {
    flex: 1 1 100%;
  }
}

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

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

.gcfc {
  text-align: center;
}

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

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

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

.c131cc70 {
  flex: 1 1 250px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.a6b21415 {
  width: 100%;
  height: auto;
  max-height: 280px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
}

.c131cc70:hover .a6b21415 {
  transform: scale(1.05);
  box-shadow: var(--shadow-lg);
}

.na46aa {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-align: center;
  font-weight: 500;
}

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

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

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

.o9914 {
  flex: 1 1 45%;
  min-height: 350px;
}

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

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

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

.ma56f {
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.d1b4cd91 {
  width: 100%;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border: none;
  border-bottom: 2px solid var(--color-border-light);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.125rem);
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: var(--transition-base);
  font-family: var(--font-primary);
}

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

.d1b4cd91 i {
  font-size: 1rem;
  color: var(--color-accent);
  transition: var(--transition-base);
}

.d1b4cd91.p5f2f i {
  transform: rotate(180deg);
}

.j4be {
  text-align: left;
  color: var(--color-text-primary);
}

.p07f72 {
  max-height: 0;
  overflow: hidden;
  transition: var(--transition-base);
  background: var(--color-bg-card);
  padding: 0 clamp(1rem, 2vw, 1.5rem);
}

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

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

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

  .o9914 {
    flex: 1 1 100%;
    min-height: 250px;
  }

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

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

.g4fb6.d6e {
  display: none;
}

.p1f7ba {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 500px;
  text-align: center;
}

.ia89 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}

.eeb236,
.j294 {
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: var(--transition-base);
  font-family: var(--font-primary);
}

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

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

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

.j294:hover {
  border-color: var(--color-text-secondary);
  color: var(--color-text-primary);
}

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

  .ia89 {
    width: 100%;
  }

  .eeb236,
  .j294 {
    flex: 1 1 100%;
    min-width: 150px;
  }
}

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

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

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

.h76b180c {
  display: block;
}

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

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

.h965348e {
  display: block;
}

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

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

.f1dc li {
  display: block;
}

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

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

.mb2f4ca8 {
  display: block;
}

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

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

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

.e3a68a22 {
  display: block;
}

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

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

.b98a li {
  display: block;
}

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

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

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

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

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

.e2095943 {
  color: var(--color-text-muted) !important;
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem) !important;
}

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

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

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

  .mb2f4ca8 {
    flex: 1 1 250px;
    min-width: 250px;
  }

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

  .o6e1b {
    flex: 1 1 100%;
    border-top: 1px solid var(--color-border-light);
    padding-top: clamp(2rem, 3vw, 2.5rem);
  }
}

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

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

  .f1dc a,
  .b98a a {
    display: inline-block;
  }
}
    

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

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

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

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

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

.i0733 {
  background: var(--color-bg-primary);
  padding: clamp(4rem, 10vw, 7rem) 0;
  overflow: hidden;
  border-bottom: 2px solid var(--color-border);
}

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

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

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

.hd1df1d {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  margin: 0;
  font-weight: 400;
  line-height: 1.5;
}

.haca4c {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
  width: 100%;
}

.h27d84 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: all 0.3s ease;
  cursor: pointer;
  white-space: nowrap;
}

.h27d84:hover {
  background: var(--color-bg-card);
  border-color: var(--color-accent);
  color: var(--color-accent);
}

.h27d84 i {
  font-size: 1rem;
}

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

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

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

.h9ec5e {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: clamp(1.25rem, 3vw, 1.75rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 0.75rem;
  flex: 1 1 300px;
  max-width: 420px;
  transition: all 0.3s ease;
}

.h9ec5e:hover {
  border-color: var(--color-accent);
  background: var(--color-bg-tertiary);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(147, 51, 234, 0.15);
}

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

.j56a768 {
  flex: 1 1 100%;
}

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

.e4188b6 {
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  flex: 0 0 100%;
}

.j56a768 .e4188b6 {
  flex: 0 0 35%;
  min-width: 280px;
}

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

.lb54a5 .e4188b6 {
  min-height: 280px;
}

.h9ec5e:not(.j56a768) .e4188b6 {
  min-height: 200px;
}

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

.cf6821 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

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

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

.jddeca {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  white-space: nowrap;
}

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

.kc8f09 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
  align-self: flex-start;
}

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

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

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

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

.kf74 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.01em;
}

.iae12 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  margin: 0;
  font-weight: 400;
}

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

.ec0a790d {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-radius: 0.75rem;
  flex: 1 1 280px;
  max-width: 340px;
  text-align: center;
  transition: all 0.3s ease;
}

.ec0a790d:hover {
  border-color: var(--color-accent);
  background: var(--color-bg-card);
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(147, 51, 234, 0.12);
}

.n754b0 {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background: rgba(147, 51, 234, 0.15);
  border-radius: 0.5rem;
  color: var(--color-accent);
  font-size: 1.75rem;
}

.f86941 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.01em;
}

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

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

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

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

  .lb54a5 {
    max-width: 100%;
  }

  .j56a768 .j0827e {
    flex-direction: column;
  }

  .j56a768 .e4188b6 {
    flex: 0 0 100%;
    min-width: auto;
    min-height: 200px;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .c425afa5 {
    gap: clamp(1.5rem, 2.5vw, 2rem);
  }

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

  .lb54a5 {
    flex: 1 1 100%;
  }

  .j56a768 {
    flex: 1 1 100%;
  }

  .j56a768 .j0827e {
    flex-direction: row;
  }

  .j56a768 .e4188b6 {
    flex: 0 0 40%;
    min-width: 250px;
  }

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

@media (min-width: 1024px) {
  .c425afa5 {
    gap: clamp(1.5rem, 2vw, 2.5rem);
  }

  .h9ec5e {
    flex: 1 1 calc(33.333% - 1.7rem);
    max-width: 420px;
  }

  .lb54a5 {
    flex: 1 1 calc(66.666% - 1.25rem);
    max-width: 600px;
  }

  .j56a768 {
    flex: 1 1 100%;
  }

  .j56a768 .j0827e {
    flex-direction: row;
  }

  .j56a768 .e4188b6 {
    flex: 0 0 40%;
    min-width: 300px;
  }

  .ec0a790d {
    flex: 1 1 calc(33.333% - 1.7rem);
    max-width: 340px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dc8 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin-bottom: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ce7a87 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

.b03 {
  flex: 1;
}

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

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

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

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

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

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

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

.h233 {
  max-width: 900px;
}

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

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

.h233 .md8565b:last-child {
  margin-bottom: 0;
}

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

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

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

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

.i1b85 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

.nfd04a {
  max-width: 900px;
  margin-top: clamp(1rem, 2vw, 2rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

.b98d {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: 0;
}

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

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

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

@media (max-width: 1023px) {
  .n03a4dca {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .c6c162,
  .ce7a87 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .gb7d1,
  .i1b85 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .mf4,
  .a445 {
    font-size: clamp(1.25rem, 3.5vw, 1.75rem);
  }

  .i7e {
    font-size: clamp(1.1rem, 3vw, 1.5rem);
  }

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

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

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

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

  .b03 {
    flex: 1;
  }

  .g020388e {
    margin: 0 auto;
  }
}

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

  .cc3e43 {
    font-size: 0.75rem;
    gap: 0.35rem;
  }
}

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

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

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

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

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

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

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

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

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

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

.d5db5d a {
  color: var(--color-text-secondary);
  transition: color var(--transition-base);
}

.d5db5d a:hover {
  color: var(--color-secondary);
}

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

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

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

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

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

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

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

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

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

.ja87 {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  max-height: 450px;
}

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

  .b31a7,
  .c9bbe4a {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b14e3 {
    gap: 1rem;
  }
}

.d2f68 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

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

.m592ff2 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.j38bc95 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.lf5c6 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

.e6e0a9 a {
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}

.e6e0a9 a:hover {
  color: var(--color-secondary);
}

.g6ab {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
}

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

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

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

.m91 p {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

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

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

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

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

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

  .jd68ae4 {
    width: 40px;
    height: 40px;
  }
}

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

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

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

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

.ee3c179f p {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.8;
}

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

.da23 {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  max-height: 400px;
}

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

  .ee3c179f,
  .f0d5e30 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.d7357b9 {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  max-height: 400px;
}

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

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

.n22da p {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.8;
}

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

  .jbd66,
  .n22da {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.oa4e7 {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
  margin-top: 0.25rem;
}

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

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

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

@media (max-width: 768px) {
  .g34 {
    margin-left: 0;
    margin-right: 0;
  }

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

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

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

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

.cf15 p {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.8;
}

.la9d4 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border-left: 4px solid var(--color-secondary);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.af8 {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  max-height: 400px;
}

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

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

.hee p {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.8;
}

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

  .i1b1e1,
  .hee {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.la308 p {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.8;
}

.l7328 {
  width: 100%;
  max-width: 600px;
  margin: clamp(1.5rem, 3vw, 2rem) auto 0;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  max-height: 350px;
}

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

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

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

.c5634e99 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0;
}

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

.bcbf {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  border: 1px solid var(--color-border);
  transition: all var(--transition-base);
  flex: 0 1 calc(33.333% - 1.5rem);
  min-width: 280px;
}

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

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

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

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

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

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

.cbf636 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-secondary);
  font-weight: 600;
  margin-top: auto;
  transition: color var(--transition-base);
}

.cbf636:hover {
  color: var(--color-secondary-hover);
}

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

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

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

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

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

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

.a56f826d p {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.8;
}

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

.p0ca p {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.8;
}

.p0ca a {
  color: var(--color-secondary);
  font-weight: 600;
  transition: color var(--transition-base);
}

.p0ca a:hover {
  color: var(--color-secondary-hover);
  text-decoration: underline;
}

@media (max-width: 768px) {
  .g64801ca {
    padding: 0;
  }

  .c310,
  .d2f68,
  .ma14,
  .j37,
  .m71dc1f3,
  .d32e11,
  .f1b,
  .f0aae6,
  .m30cb69,
  .d7744c {
    padding-left: 0;
    padding-right: 0;
  }

  .lfee6 {
    padding: 0 clamp(1rem, 3vw, 1.5rem);
  }
}

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

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

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

  .m592ff2 {
    width: 60px;
    height: 60px;
  }
}

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

html, body {
  width: 100%;
  overflow-x: hidden;
}

.m14e5 {
  width: 100%;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Nunito', sans-serif;
  line-height: 1.6;
}

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

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Bitter', serif;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem;
}

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: 1.25rem;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
}

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

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

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

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

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

.bcc854ca a {
  color: var(--color-secondary);
  transition: color 0.3s ease;
}

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

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

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

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

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

.df510816 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
  font-family: 'Bitter', serif;
  font-weight: 600;
}

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

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

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

.ic999eb {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

  .fb2bfd2,
  .ic999eb {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

.gfa97 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 3.5rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.hb0ca1 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 2px solid var(--color-accent);
}

.ec4bb9e {
  flex: 1;
}

.h89f {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
  font-weight: 700;
}

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

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

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

.j9d {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  margin-bottom: 0.5rem;
  font-weight: 500;
}

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

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

  .hb0ca1 {
    width: 70px;
    height: 70px;
  }
}

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

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

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

.e82216 {
  color: var(--color-text-secondary);
  max-width: 100%;
}

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

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

.ga84e {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.b08 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

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

  .fc48d,
  .ga84e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.a88e0c {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

.l31c0b8 {
  color: var(--color-text-secondary);
  margin-bottom: 1.25rem;
}

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

  .a88e0c,
  .o3cf1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.h528f {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

.ic24af {
  color: var(--color-text-secondary);
  margin-bottom: 1.25rem;
}

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

  .fe4,
  .h528f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.n6f {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 380px;
  transition: all 0.3s ease;
  overflow: hidden;
}

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

.l875012 {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

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

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

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

.a18 {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
  text-decoration: none;
  align-self: flex-start;
}

.a18:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
}

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

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

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

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

.gaac {
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-warning);
}

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

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

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

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

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

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

.l1f2cfb1 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.n69d {
  display: inline-block;
  padding: 0.875rem 2rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  text-decoration: none;
  border: none;
  cursor: pointer;
}

.n69d:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
  transform: translateY(-2px);
}

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

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

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

  .fb2bfd2,
  .ic999eb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

body {
  background: var(--color-bg-primary);
  font-family: 'Nunito', sans-serif;
  color: var(--color-text-primary);
  line-height: 1.6;
  overflow-x: hidden;
}

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

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

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

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

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

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

.p495 a {
  color: var(--color-secondary);
  transition: color 0.3s ease;
}

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

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

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

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

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

.la41d40 img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

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

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

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

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

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

.j8e9 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  overflow: hidden;
}

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

.ff5a17 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.j70b1 {
  flex: 1;
}

.me3acabf {
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  color: var(--color-text-muted);
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.ke6da22 a:hover {
  color: var(--color-secondary);
}

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

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

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

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

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

.jb162a img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

.j12c3 {
  font-family: 'Bitter', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: 1.25rem;
  font-weight: 700;
}

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

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

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

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

.ee1d9a9 img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

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

.i86 {
  font-family: 'Bitter', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: 1.25rem;
  font-weight: 700;
}

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

.i37 {
  background: rgba(147, 51, 234, 0.15);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  margin-top: 1.5rem;
  border-radius: 4px;
}

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

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

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

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

.i2fc i {
  color: var(--color-secondary);
  font-size: 1.25rem;
  margin-top: 0.125rem;
  flex-shrink: 0;
}

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

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

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

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

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

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

.abc7b5 img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

.h5794b {
  font-family: 'Bitter', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: 1.25rem;
  font-weight: 700;
}

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

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

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

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

.h336 img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

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

.mc5f45e3 {
  font-family: 'Bitter', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: 1.25rem;
  font-weight: 700;
}

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

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

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

.g1e6650b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-weight: 700;
  font-size: 1.125rem;
  flex-shrink: 0;
}

.l0c07 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  padding-top: 0.25rem;
}

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

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

.aeb {
  text-align: center;
}

.ee7fd {
  font-family: 'Bitter', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: 0.75rem;
  font-weight: 700;
}

.o9e {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

.h854575 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.h854575:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(147, 51, 234, 0.2);
}

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

.n2b1b0 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.h854575:hover .n2b1b0 img {
  transform: scale(1.05);
}

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

.gc2a3311 {
  font-family: 'Bitter', serif;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  font-weight: 600;
  margin: 0;
}

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

.ke8 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-secondary);
  font-weight: 600;
  transition: all 0.3s ease;
  align-self: flex-start;
  margin-top: auto;
}

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

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

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

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

.cbda5747 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

.pc6a3 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

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

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

.ncb9 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: 1.25rem;
}

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

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

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

  .o28,
  .la41d40 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .bcc15,
  .e7716b6e,
  .cf2102,
  .i591 {
    flex-direction: column;
  }

  .o119f0,
  .jb162a,
  .ee1d9a9,
  .l5f020,
  .aa5fa5,
  .abc7b5,
  .h336,
  .acdc0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ee1d9a9 {
    order: 0;
  }

  .h336 {
    order: 0;
  }

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

.ma61c393 {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 20px 50px rgba(147, 51, 234, 0.15);
  object-fit: cover;
}

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

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

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

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

.h41c {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 700;
}

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

.pdf6 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1.2vw, 1.1rem);
  line-height: 1.8;
}

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

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

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

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

.i5cea0 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 700;
}

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

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

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

.dce:hover {
  transform: translateY(-4px);
  background: var(--color-bg-card);
  border-color: var(--color-accent);
  box-shadow: 0 12px 24px rgba(147, 51, 234, 0.1);
}

.i240ecd {
  font-size: 2.5rem;
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
}

.n8c6 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

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

.ma21ce8f {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 700;
}

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

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

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

.n7a23 p {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1.2vw, 1.1rem);
  line-height: 1.8;
}

.b6c867 {
  flex: 1 1 clamp(100%, 45%, 500px);
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  min-height: 300px;
  max-height: 450px;
}

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

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

.m8cf {
  text-align: center;
}

.e23a {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 700;
}

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

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

.h38 {
  flex: 1 1 clamp(250px, 30%, 320px);
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.i3e {
  font-size: clamp(1.05rem, 1.8vw, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

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

.g798ad4 {
  color: var(--color-secondary);
  font-size: 1.3rem;
  flex-shrink: 0;
  margin-top: 0.1rem;
}

.ef4e {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

  .n7a23,
  .b6c867 {
    flex: 1 1 100%;
  }

  .dce {
    flex: 1 1 100%;
  }

  .h38 {
    flex: 1 1 100%;
  }

  .i5ce {
    gap: 1.5rem;
  }
}

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

  .h41c,
  .i5cea0,
  .ma21ce8f,
  .e23a {
    font-size: clamp(1.3rem, 4vw, 1.75rem);
  }

  .i5074a,
  .cebd787 {
    gap: 1rem;
  }
}

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

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

.je96 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Nunito', sans-serif;
}

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

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

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

.gd3 {
  width: 100%;
  max-width: 400px;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(147, 51, 234, 0.2);
}

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

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

.n1c9a {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: 'Bitter', serif;
  letter-spacing: -0.5px;
}

.j610b {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-secondary);
  font-weight: 500;
}

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

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

  .gd3 {
    flex: 1 1 45%;
    max-width: none;
  }

  .debf {
    flex: 1 1 55%;
  }
}

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

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

.bf3f56bc {
  text-align: center;
}

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

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

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

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

.c88:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(147, 51, 234, 0.15);
}

.p7fab41 {
  font-size: 2.5rem;
  color: var(--color-accent);
}

.c58a245b {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: 'Bitter', serif;
}

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

@media (min-width: 1024px) {
  .d067724 {
  }

  .c88 {
    flex: 1 1 25%;
  }
}

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

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

.pb3141 {
  text-align: center;
}

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

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

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

.j44 {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.m4de39 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: 'Bitter', serif;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

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

.d3d5f77 {
  text-align: center;
}

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

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

.ic2cd3 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  justify-content: center;
}

.n22b {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 20px;
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.975rem);
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

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

.kef96 {
  text-align: center;
}

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

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

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

.m409f {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2rem);
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}

.m409f:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
  transform: translateX(8px);
}

.pf9 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.c42c {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: 'Bitter', serif;
}

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

.m409f i {
  font-size: 1.5rem;
  color: var(--color-accent);
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.m409f:hover i {
  transform: translateX(4px);
}

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

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

.d674 {
  background: linear-gradient(135deg, var(--color-accent), var(--color-secondary));
  border-radius: 16px;
  padding: clamp(2rem, 5vw, 3.5rem);
  text-align: center;
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.hb2f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  font-family: 'Bitter', serif;
}

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

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

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

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

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

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

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

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

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

  .m409f {
    padding: clamp(2rem, 4vw, 2.5rem);
  }
}

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

  .nbe0 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .h7a52 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .k6b {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .o7f593 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .ge4cff39 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }
}

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

.h6b {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

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

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

.bbd192 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.cc50ccaa {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

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

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

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

.hea {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

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

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

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

  .a2078259 {
    font-size: clamp(0.875rem, 1vw, 1rem);
  }
}

.a8f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

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

.kfb {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.b4abf {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

  .d0cc2 {
    max-width: 700px;
  }

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

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

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

.k2b99a8 {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.h824 {
  max-width: 900px;
  margin: 0 auto var(--spacing-lg);
}

.k2b99a8 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.2;
}

.k2b99a8 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.k2b99a8 img {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  display: block;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  height: auto;
}

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

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

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

@media (min-width: 1024px) {
  .k2b99a8 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

.bd7ee1 {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.kdc1f {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg) var(--spacing-md);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.kdc1f:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

.pdb9e {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 3.5rem;
}

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

.kdc1f p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
  flex-grow: 1;
}

.kdc1f p:last-of-type {
  margin-bottom: var(--spacing-lg);
}

.b013 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  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: 0.95rem;
  font-weight: 600;
  transition: background-color var(--transition-fast);
  border: none;
  cursor: pointer;
  text-align: center;
  width: fit-content;
}

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

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

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

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

@media (min-width: 1024px) {
  .bd7ee1 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

.j0f4f5f2 {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

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

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

.j0f4f5f2 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-lg);
}

.ea8add {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  font-weight: 600;
  transition: background-color var(--transition-fast);
  border: none;
  cursor: pointer;
  text-align: center;
  display: inline-block;
}

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

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

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

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

@media (min-width: 1024px) {
  .j0f4f5f2 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

.db2b1a main {
  width: 100%;
}

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

.db2b1a .aa3117 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.db2b1a h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.db2b1a .oa7b899 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw, 1rem);
  margin-bottom: var(--spacing-2xl);
  display: block;
}

.db2b1a 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.4;
}

.db2b1a 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);
}

.db2b1a ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.db2b1a li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.db2b1a em {
  color: var(--color-text-secondary);
  font-style: italic;
}

.db2b1a .f4c0bd {
  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-2xl);
}

.db2b1a .f4c0bd h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.db2b1a .f4c0bd p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .db2b1a .aa3117 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .db2b1a .aa3117 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.ea7a534a {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bfeffd {
  width: 100%;
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
}

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

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

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

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

.h46b6d {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.ma1a {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.ma1a i {
  font-size: clamp(3.5rem, 12vw, 5rem);
  color: var(--color-success);
  animation: scaleIn 0.6s ease-out;
}

.pf89 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.i45a {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
  line-height: 1.6;
}

.ke101 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
}

.h4b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.8;
}

.ba8cd {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.3px;
}

.j2bd35b {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.j2bd35b:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .h46b6d {
    padding: var(--spacing-2xl) 0;
  }
}

@media (min-width: 1024px) {
  .h46b6d {
    padding: var(--spacing-3xl) 0;
  }
}

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

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

main.d6a3 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.g713a17 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.g713a17::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 400px;
  height: 400px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-full);
  opacity: 0.08;
  pointer-events: none;
  z-index: 1;
}

.g713a17::after {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -15%;
  width: 350px;
  height: 350px;
  background-color: var(--color-secondary-light);
  border-radius: var(--radius-full);
  opacity: 0.06;
  pointer-events: none;
  z-index: 1;
}

.lfee6 {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  position: relative;
  z-index: 2;
}

.h72c87 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}

.m8e77c {
  margin-bottom: var(--spacing-3xl);
  animation: float-in 0.8s ease-out;
}

.j5cfb7 {
  position: relative;
  display: inline-block;
}

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

.g21 {
  position: absolute;
  width: 120%;
  height: 60%;
  top: 20%;
  left: -10%;
  background: linear-gradient(135deg, var(--color-primary-light) 0%, transparent 70%);
  border-radius: var(--radius-full);
  opacity: 0.15;
  filter: blur(20px);
  z-index: 1;
  pointer-events: none;
}

.f6355a {
  margin-bottom: var(--spacing-3xl);
  animation: fade-in-up 0.8s ease-out 0.2s both;
}

.kbc093 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.g0b96e {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  font-weight: 400;
}

.bdd7c {
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
  font-weight: 400;
}

.ba8cd {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
  letter-spacing: 0.3px;
}

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

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

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

.n3640be {
  padding: var(--spacing-lg) var(--spacing-3xl);
  font-size: clamp(1rem, 1.1vw, 1.15rem);
  margin-bottom: var(--spacing-3xl);
}

.c5533f9 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg) var(--spacing-2xl);
  margin-top: var(--spacing-2xl);
  animation: fade-in-up 0.8s ease-out 0.4s both;
}

.na8eec {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  letter-spacing: 0.5px;
}

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

.g106 li {
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: var(--spacing-md);
  position: relative;
}

.g106 li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 600;
}

@keyframes float-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 640px) {
  .g713a17 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

  .g106 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-md);
    text-align: left;
  }
}

@media (min-width: 768px) {
  .g713a17 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    min-height: 100vh;
  }

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

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

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

  .g713a17::before {
    width: 500px;
    height: 500px;
    top: -100px;
    right: -100px;
  }

  .g713a17::after {
    width: 450px;
    height: 450px;
    bottom: -150px;
    left: -100px;
  }
}

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

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

  .kbc093 {
    font-size: clamp(1.75rem, 3.5vw, 2.5rem);
  }

  .j4f1b {
    font-size: clamp(5rem, 12vw, 8rem);
  }

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

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

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

.kb0d42 {
  background-color: var(--color-bg-secondary);
  padding: 2rem 0;
  overflow: hidden;
}

.kfc89f9 {
  text-align: center;
}

.j15375 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.n26a99 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .kb0d42 {
    padding: 3.5rem 0;
  }
}

@media (min-width: 1024px) {
  .kb0d42 {
    padding: 4.5rem 0;
  }
}

.dbdce {
  background-color: var(--color-bg-primary);
  padding: 2rem 0;
  overflow: hidden;
}

.peee1 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2xl);
  align-items: flex-start;
}

.p4394 {
  flex: 1 1 100%;
}

.ee08fe6 {
  flex: 1 1 100%;
}

@media (min-width: 768px) {
  .p4394 {
    flex: 1 1 calc(50% - var(--spacing-lg));
  }

  .ee08fe6 {
    flex: 1 1 calc(50% - var(--spacing-lg));
  }
}

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

.hf6a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.d81 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.of359bfb {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.p6f {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.n47a9,
.oe8150 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  line-height: 1.5;
}

.n47a9::placeholder,
.oe8150::placeholder {
  color: var(--color-text-muted);
}

.n47a9:focus,
.oe8150:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.oe8150 {
  resize: vertical;
  min-height: 140px;
}

.b918fb4b {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-md);
}

.g0496d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  width: 100%;
}

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

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

.gf5a0 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.5rem, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.5;
  text-align: center;
}

.o393 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

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

.a9f0094 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.d65543 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.cf5ee666 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.dc9 {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.dc9:hover {
  border-color: var(--color-primary-light);
  background-color: var(--color-bg-secondary);
}

.e4d {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: 1.5rem;
}

.pc8 {
  flex: 1;
}

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

.g7b8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.adde {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

.i5e6 {
  padding: var(--spacing-lg);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.cc6f9 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.jf2a319 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
}

.cc3 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-sm);
  text-decoration: none;
  transition: all var(--transition-base);
}

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

@media (min-width: 768px) {
  .dbdce {
    padding: 3.5rem 0;
  }
}

@media (min-width: 1024px) {
  .dbdce {
    padding: 4.5rem 0;
  }
}

.g07c {
  background-color: var(--color-bg-secondary);
  padding: 2rem 0;
  overflow: hidden;
}

.bebc70 {
  text-align: center;
}

.a65a3c0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.nb87a03f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.nde {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .nde {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.aeafc9 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  text-align: left;
  transition: all var(--transition-base);
}

.aeafc9:hover {
  border-color: var(--color-primary-light);
  background-color: var(--color-bg-primary);
  transform: translateY(-4px);
}

.bd009 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.4;
}

.lc9a {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.ab6476b {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

@media (min-width: 768px) {
  .g07c {
    padding: 3.5rem 0;
  }
}

@media (min-width: 1024px) {
  .g07c {
    padding: 4.5rem 0;
  }
}

.o0d {
  background-color: var(--color-primary);
  padding: 2rem 0;
  overflow: hidden;
}

.ed4b060 {
  text-align: center;
}

.j85d9 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin-bottom: var(--spacing-md);
}

.o91f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-on-accent);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.95;
}

.f29f {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-bg-primary);
  color: var(--color-primary);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .o0d {
    padding: 3.5rem 0;
  }
}

@media (min-width: 1024px) {
  .o0d {
    padding: 4.5rem 0;
  }
}

@media (max-width: 640px) {
  .peee1 {
    gap: var(--spacing-lg);
  }

  .p4394,
  .ee08fe6 {
    flex: 1 1 100%;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.adacf52,.o2440659{width:34px;}
.adacf52[aria-expanded="true"]{display:none;}
.i1a58d54{justify-content:flex-end;}