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

:root {
  --color-bg-primary: #0a0a0a;
  --color-bg-secondary: #141414;
  --color-bg-tertiary: #1f1f1f;
  --color-bg-card: #141414;

  --color-text-primary: #ffffff;
  --color-text-secondary: #d4d4d8;
  --color-text-muted: #a1a1aa;

  --color-primary: #ec4899;
  --color-primary-hover: #db2777;
  --color-primary-light: #f472b6;
  --color-secondary: #f472b6;
  --color-secondary-light: #fbcfe8;

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

  --color-border: #2d2d3d;
  --color-border-light: #1f1f2e;

  --font-primary: 'Karla', sans-serif;
  --font-heading: 'Spectral', 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: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --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: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);

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

html {
  font-size: 17px;
  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);
  line-height: 1.6;
  letter-spacing: 0.3px;
  margin: 0;
  padding: 0;
}

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

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

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

h1 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: 1.75rem;
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.375rem;
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

h5 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

h6 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
  line-height: 1.7;
  letter-spacing: 0.4px;
}

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

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

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

button {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.3px;
  cursor: pointer;
  transition: all var(--transition-base);
  border: none;
  border-radius: var(--radius-lg);
  padding: var(--spacing-md) var(--spacing-lg);
}

button:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.f77 {
  background: var(--color-primary);
  color: var(--color-bg-primary);
  font-weight: 700;
}

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

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

.k7075 {
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

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

.f28b8542 {
  background: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

.f28b8542:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-primary);
}

input,
textarea,
select {
  font-family: var(--font-primary);
  font-size: 1rem;
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  color: var(--color-text-primary);
  padding: var(--spacing-md);
  border-radius: var(--radius-lg);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

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

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

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

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

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

.c1c13 {
  display: inline-block;
  background: var(--color-primary);
  color: var(--color-bg-primary);
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.ifd {
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

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

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

.b0553568 {
  background: var(--color-danger);
  color: white;
}

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

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

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

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

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

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

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

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

.k7261 {
  flex-direction: column;
}

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

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

.b6e {
  text-align: center;
}

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

.eb5 {
  color: var(--color-success);
}

.j4ae {
  color: var(--color-warning);
}

.o2fe {
  color: var(--color-danger);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.375rem;
  }

  .l58891,
  .k662a620,
  .ae799 {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 480px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  button {
    padding: var(--spacing-md) var(--spacing-md);
    font-size: 0.95rem;
  }

  .e304bfa,
  .pb7 {
    padding: var(--spacing-2xl) 0;
  }
}
.i76f {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 100;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.bb334a {
  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: 2rem;
}

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

.fc019af:hover {
  opacity: 0.85;
}

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

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

.bef454 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex-grow: 1;
  justify-content: center;
}

.ibfd8 {
  color: var(--color-text-primary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  transition: color var(--transition-base);
  position: relative;
  padding-bottom: 0.25rem;
}

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

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

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

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

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

.e52 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.e52:hover {
  transform: scale(1.05);
}

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

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

.k6e.h5526892 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.g4fca3 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--transition-base);
}

.g4fca3:hover {
  transform: scale(1.1);
}

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

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

.od33b {
  color: var(--color-text-primary);
  text-decoration: none;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base), color var(--transition-base);
}

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

.k0594 {
  padding: 1rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
  transition: all var(--transition-base);
  margin: 1rem;
  border-radius: 0.5rem;
}

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

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

  .k9b6a819 {
    display: block;
  }

  .e52 {
    display: none;
  }

  .k6e {
    display: none;
  }
}

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

  .e836c9 {
    font-size: 1.125rem;
  }

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

    

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

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

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

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

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

a {
  color: inherit;
  text-decoration: none;
}

.da79 {
  width: 100%;
}

.cf238585 {
  background: var(--color-bg-primary);
  padding: clamp(4rem, 12vw, 8rem) 0;
  overflow: hidden;
  min-height: 80vh;
  display: flex;
  align-items: center;
}

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

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

.n1581c {
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  color: var(--color-text-primary);
  line-height: 1.15;
  font-weight: 700;
}

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

.kda0c2e4 {
  font-size: clamp(0.875rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
}

.gae87f4 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}

.p36f3b26 {
  padding: 0.75rem 1.75rem;
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
  border: none;
  text-align: center;
}

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

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

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

.ce8:hover {
  background: rgba(236, 72, 153, 0.1);
  border-color: var(--color-accent-hover);
  color: var(--color-accent-hover);
}

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

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

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

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

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

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

.ba99 {
  display: inline-block;
  color: var(--color-accent);
  font-weight: 600;
  font-size: 0.9rem;
  padding-top: 0.5rem;
  transition: color 0.3s ease;
}

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

.f0374b8a {
  flex: 1 1 50%;
  width: 100%;
  min-height: 300px;
}

.f0374b8a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

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

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

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

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

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

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

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

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

.lc3a {
  display: flex;
  flex-direction: row;
  gap: 0;
  min-height: 250px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

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

.e9d64 {
  flex: 1;
  background: rgba(236, 72, 153, 0.05);
  border-left: 3px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}

.pba8 {
  width: 2px;
  background: var(--color-border);
}

@media (max-width: 767px) {
  .pba8 {
    display: none;
  }
}

.j89 {
  flex: 1;
  background: rgba(236, 72, 153, 0.1);
  border-left: 3px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}

.pf6f36 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 700;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1px;
}

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

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

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

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

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

.d2c45cb2 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  max-width: 320px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  transition: all 0.3s ease;
  border: 1px solid var(--color-border-light);
}

.d2c45cb2:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(236, 72, 153, 0.15);
  border-color: var(--color-accent);
}

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

.cb5 {
  font-size: 2.5rem;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

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

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

.e75d2b9d {
  flex: 1 1 300px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.n0fd {
  font-size: 2rem;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

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

.j832 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  max-width: 300px;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease;
  text-decoration: none;
  min-height: 100px;
}

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

.n0e4 {
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.2), rgba(236, 72, 153, 0.1));
  border: 1px solid var(--color-accent);
}

.n0e4:hover {
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.3), rgba(236, 72, 153, 0.15));
  transform: translateX(4px);
}

.m05 {
  background: linear-gradient(135deg, rgba(244, 114, 182, 0.2), rgba(244, 114, 182, 0.1));
  border: 1px solid var(--color-secondary);
}

.m05:hover {
  background: linear-gradient(135deg, rgba(244, 114, 182, 0.3), rgba(244, 114, 182, 0.15));
  transform: translateX(4px);
}

.f4f {
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.15), rgba(244, 114, 182, 0.1));
  border: 1px solid rgba(236, 72, 153, 0.5);
}

.f4f:hover {
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.25), rgba(244, 114, 182, 0.2));
  transform: translateX(4px);
}

.m1bcf93 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 1rem;
}

.if243 {
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  text-align: left;
}

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

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

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

.ld1 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(2rem, 4vw, 3.5rem);
  max-width: 600px;
  text-align: center;
  box-shadow: 0 12px 40px rgba(236, 72, 153, 0.1);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.f900d43 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  line-height: 1.2;
}

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

.j52 {
  align-self: center;
}

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

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

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

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

.mf0afdf {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 400px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  transition: all 0.3s ease;
}

.mf0afdf:hover {
  border-color: var(--color-accent);
  box-shadow: 0 6px 20px rgba(236, 72, 153, 0.1);
}

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

.ee0c7c95 {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

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

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

.le58e0 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1.25rem;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 6px;
  transition: all 0.3s ease;
}

.le58e0:hover {
  border-color: var(--color-accent);
  background: rgba(236, 72, 153, 0.05);
}

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

.dd6f {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  white-space: nowrap;
}

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

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

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

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

.ncccb {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.ncccb:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(236, 72, 153, 0.15);
  border-color: var(--color-accent);
}

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

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

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

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

.p9f {
  display: inline-block;
  color: var(--color-accent);
  font-weight: 600;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  transition: color 0.3s ease;
}

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

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

.i46f22d2 {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: color 0.3s ease;
  padding: 0.75rem 1.5rem;
  border: 2px solid var(--color-accent);
  border-radius: 6px;
}

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

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

.a8b.ecdde9 {
  display: none;
}

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

.m6d697 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.cd6c7,
.e7713 {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
}

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

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

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

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

@media (max-width: 767px) {
  .cf238585 {
    min-height: 60vh;
  }

  .a8b {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

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

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

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

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

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

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

.g5f {
  display: block;
}

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

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

.d7852 {
  display: block;
}

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

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

.k200df3 li {
  margin: 0;
  padding: 0;
}

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

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

.kb7d4 {
  display: block;
}

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

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

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

.j0cd4bc {
  display: block;
}

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

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

.a4eb1da li {
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

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

  .d7852 {
    flex: 1 1 150px;
  }

  .kb7d4 {
    flex: 1 1 200px;
  }

  .j0cd4bc {
    flex: 1 1 150px;
  }

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

@media (min-width: 1024px) {
  .g5f {
    flex: 1 1 300px;
  }

  .d7852 {
    flex: 1 1 120px;
  }

  .kb7d4 {
    flex: 1 1 220px;
  }

  .j0cd4bc {
    flex: 1 1 120px;
  }
}

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

.hab7 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
}

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

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

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

.n42a68 {
  text-align: center;
}

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

.p10ae {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f92742 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.75rem, 2vw, 1.25rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  min-width: 100px;
  text-align: center;
}

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

.d5b6c8b {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

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

.j65b {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  overflow: hidden;
  padding: clamp(0.75rem, 1.5vw, 1rem);
  flex: 0 1 calc(25% - 1rem);
  min-width: 240px;
  max-width: 320px;
  transition: all 0.3s ease;
}

.j65b:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(236, 72, 153, 0.15);
}

.pea539 {
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
}

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

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

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

.nbe611 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 0.8125rem;
  padding: 0.5rem 0;
}

.n2bbbf,
.gd4d,
.pd0eb {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.n2bbbf i,
.gd4d i,
.pd0eb i {
  color: var(--color-accent);
  font-size: 0.75rem;
}

.g04 {
  display: inline-block;
  padding: 0.625rem 1rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 4px;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  transition: all 0.3s ease;
  align-self: flex-start;
  width: 100%;
  text-align: center;
}

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

@media (min-width: 768px) {
  .j65b {
    flex: 0 1 calc(50% - 0.875rem);
    max-width: 380px;
  }
}

@media (min-width: 1024px) {
  .j65b {
    flex: 0 1 calc(25% - 1.3rem);
    max-width: 300px;
  }
}

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

  .f92742 {
    min-width: 80px;
    padding: 0.75rem;
  }
}

.m9cb3 {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

  .dc7 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  }

  .ae31,
  .d46f,
  .dcc2682 {
    color: var(--color-accent);
    font-weight: 600;
  }

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

  .p2822 {
    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;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .k2aaf {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
    color: var(--color-text-muted);
  }

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

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

  .dbc6819 {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-lg);
    border-left: 3px solid var(--color-accent);
  }

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

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

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

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

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

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

  .la1e14c {
    flex: 1 1 auto;
  }

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

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

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

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

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

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

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

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

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

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

  .o175baf9 {
    font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.1875rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .h0884 {
    flex-shrink: 0;
    font-size: clamp(1.5rem, 2vw, 1.75rem);
    color: var(--color-warning);
  }

  .a53c9e7 {
    flex: 1 1 auto;
  }

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

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

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

  .l655b {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-md);
    border-top: 3px solid var(--color-accent);
    transition: all var(--transition-base);
  }

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

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

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

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

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

  .m5a {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    color: var(--color-text-primary);
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .hfa65 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    min-width: 280px;
    max-width: 380px;
    display: flex;
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
    padding: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-secondary);
    border-radius: var(--radius-md);
    transition: all var(--transition-base);
    border: 1px solid var(--color-border);
  }

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

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

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

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

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

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

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

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

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

  @media (max-width: 1024px) {
    .g2cc3a7f,
    .if9 {
      flex-direction: column;
      align-items: flex-start;
    }

    .h364a4f2,
    .ed541db6,
    .b01465,
    .ac17 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .b22 {
      flex-direction: column;
    }

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

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

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

    .l655b {
      flex: 1 1 100%;
    }

    .b0adb {
      flex-direction: column;
    }

    .hfa65 {
      flex: 1 1 100%;
      flex-direction: column;
    }

    .g75d5896 {
      width: 100%;
      height: 200px;
    }

    .ea0f {
      font-size: 0.8125rem;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.iaf {
  font-family: var(--font-heading);
  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;
}

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

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

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

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

@media (max-width: 768px) {
  .nd2bee {
    flex-direction: column;
  }
  
  .p640a,
  .c403e1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .b598a {
    flex-direction: column;
  }
  
  .k14,
  .a4e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.g8a7 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-accent);
  margin: 0;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

.g41f4dc {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

@media (max-width: 768px) {
  .o49a {
    flex-direction: column;
  }
  
  .n6929bcf,
  .m8bfcfd {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.ad562 {
  list-style: none;
  margin: clamp(1rem, 2vw, 1.5rem) 0;
  padding: 0;
}

.lc0950 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.75rem;
  padding: clamp(0.5rem, 1vw, 0.75rem) 0;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.lc0950::before {
  content: '✓';
  color: var(--color-accent);
  font-weight: bold;
  min-width: 1.5rem;
  text-align: center;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .k35 .o49a {
    flex-direction: column-reverse;
  }
  
  .h7383,
  .p0c1b29a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

@media (max-width: 768px) {
  .k5eda .o49a {
    flex-direction: column;
  }
  
  .m9a69be,
  .ec8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.pfb {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.3;
}

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

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

.af83a51:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(236, 72, 153, 0.1);
}

.a8ae81 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: rgba(236, 72, 153, 0.1);
  border-radius: 50%;
  color: var(--color-accent);
  font-size: 1.5rem;
}

.l9ca18d {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

.ae9b1 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.3;
}

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

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

.mb56cdb {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

.g586f65 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: 1rem;
  line-height: 1.6;
}

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

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

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

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

.pbe0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.3;
}

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

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

.nfc0f1:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(236, 72, 153, 0.15);
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 480px) {
  .j968 {
    flex-direction: column;
    gap: 0.75rem;
  }
  
  .dc471d {
    flex-wrap: wrap;
  }
}

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

.pbae {
  width: 100%;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ab4,
  .n50 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.ebd5ab {
  margin: 0;
}

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

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

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

.h5eb {
  position: sticky;
  top: 2rem;
  width: 220px;
  float: left;
  margin-right: clamp(1.5rem, 3vw, 2rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  z-index: 10;
}

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

.jfc08 {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--radius-full);
  display: block;
}

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

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

.d2a {
  margin: 0;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
}

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

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

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

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

@media (max-width: 1024px) {
  .h5eb {
    position: static;
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: clamp(2rem, 4vw, 3rem);
    max-width: 300px;
  }
}

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

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

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

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

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

.fc26,
.a971c {
  flex: 1 1 50%;
  max-width: 50%;
}

.ma1d,
.d0fb92 {
  flex: 1 1 50%;
  max-width: 50%;
}

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

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

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

.e011d {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

  .fc26,
  .a971c,
  .ma1d,
  .d0fb92 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.f6d {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.p30 i {
  color: var(--color-accent);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  flex-shrink: 0;
}

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

.b60524b {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-warning);
  border-radius: var(--radius-md);
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d84:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(236, 72, 153, 0.15);
}

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

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

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

.ha90c6a {
  margin: 0;
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pb4b1c {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

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

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

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

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

  .kfad0,
  .hf9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .o7756 {
    font-size: 0.8125rem;
  }
}

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

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

.h904d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  font-weight: 700;
}

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

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

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

.i5b {
  flex: 0 0 auto;
  width: 100%;
  max-width: 200px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  text-align: center;
  position: sticky;
  top: 2rem;
}

.dda3 {
  width: 120px;
  height: 120px;
  margin: 0 auto clamp(1rem, 2vw, 1.5rem);
  border-radius: 50%;
  overflow: hidden;
}

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

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

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

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

.m07cbda0 {
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
  margin-bottom: 0.75rem;
}

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

.ca1 {
  flex: 1;
}

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

.ob88d:nth-of-type(1) {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-bg-secondary);
}

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

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

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

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

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

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

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

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

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

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

.d014 {
  max-width: 900px;
  margin: 0 auto;
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
}

.l3a {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
}

.l3a i {
  color: var(--color-secondary);
}

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

.jdf5 {
  list-style: none;
  padding: 0;
  margin: clamp(1rem, 2vw, 1.5rem) 0;
}

.j35d1e2b {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  padding-left: 1.75rem;
  position: relative;
  margin-bottom: 0.75rem;
}

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

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

.e547 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-bg-card);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: var(--transition-base);
}

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

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

.o569fc77 {
  font-family: var(--font-heading);
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
}

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

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

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

.p01 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 700;
  flex: 0 0 auto;
  min-width: 100px;
}

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

.ce2575 .k82736f {
  display: block;
}

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

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

.b13 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  font-weight: 700;
}

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

.f58 {
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.k55c {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--color-accent);
  color: var(--color-text-primary);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 8px;
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
}

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

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

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

.eeb2fc {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
}

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

.cabecd0c {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-primary);
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--color-bg-tertiary);
}

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

.j4e {
  width: 100%;
  height: 180px;
  overflow: hidden;
}

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

.cabecd0c:hover .j4e img {
  transform: scale(1.05);
}

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

.if9892 {
  font-family: var(--font-heading);
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.4;
  font-weight: 700;
  margin: 0;
}

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

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

  .i5b {
    max-width: 100%;
    position: relative;
    top: auto;
  }

  .jf8b {
    flex-direction: column;
  }

  .g8a,
  .cac {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

@media (max-width: 768px) {
  .fea601 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

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

  .h3bebf {
    flex-direction: column;
  }

  .e547 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

.mb2 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 1rem, 3.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.mb2 p {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: 1rem;
}

.d332a {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(236, 72, 153, 0.15);
}

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

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

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

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

.i0e h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  line-height: 1.3;
}

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

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

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

.m16a h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1.5vw, 1rem);
}

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

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

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

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

.n1efd5 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  line-height: 1.3;
}

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

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

.e393 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: 8px;
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.e393:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 40px rgba(236, 72, 153, 0.12);
}

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

.e393 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

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

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

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

.b5b67 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

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

.oeff {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto;
}

.lbfbb9 {
  flex: 1 1 45%;
  min-width: 250px;
}

.lbfbb9 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.875rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.d8b9968a {
  flex: 1 1 45%;
  min-width: 250px;
}

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

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

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

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

.b3d9b h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

.oc5b {
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

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

.m2f4 {
  font-size: 1.5rem;
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.obf h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

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

  .lbfbb9,
  .d8b9968a {
    flex: 1 1 100%;
  }

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

@media (max-width: 480px) {
  .mb2 h1 {
    margin-bottom: 1rem;
  }

  .m16a {
    padding: 1.25rem;
  }
}

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: 1.6;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
}

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

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

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

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

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

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

.pfbeb2ad {
  position: relative;
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.pe6c {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.15) 0%, rgba(236, 72, 153, 0.05) 100%);
  pointer-events: none;
}

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

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

.h6eb2c3 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-accent);
  font-weight: 500;
}

@media (min-width: 768px) {
  .fd91962 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

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

  .pfbeb2ad {
    flex: 0 0 45%;
    min-height: 350px;
  }

  .o516 {
    flex: 0 0 55%;
  }
}

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

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

.cecbb6 {
  text-align: center;
}

.n45 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

.oef1 {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

@media (min-width: 768px) {
  .jcb2 {
    padding: clamp(3.5rem, 10vw, 6rem) 0;
  }
}

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

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

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

.dc9c9 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

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

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

.jb2573 {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  transition: var(--transition-base);
}

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

.d576 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: 1.375rem;
  font-weight: 600;
}

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

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

@media (min-width: 768px) {
  .ic0 {
    padding: clamp(3.5rem, 10vw, 6rem) 0;
  }

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

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

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

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

.b637912 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

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

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

.a1b9 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: var(--transition-base);
}

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

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

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

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

@media (min-width: 768px) {
  .la16 {
    padding: clamp(3.5rem, 10vw, 6rem) 0;
  }

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

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

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

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

.n02a {
  text-align: center;
}

.a85d8b2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.a14e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

@media (min-width: 768px) {
  .k5e815 {
    padding: clamp(3.5rem, 10vw, 6rem) 0;
  }
}

.nacae {
  background: linear-gradient(135deg, var(--color-accent), var(--color-secondary));
  padding: clamp(2.5rem, 8vw, 4rem) 0;
  overflow: hidden;
}

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

.mbde33 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  font-weight: 600;
}

.g598 {
  color: var(--color-text-on-accent);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
}

.pa79909e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  justify-content: center;
}

.hcc,
.l66 {
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
  display: inline-block;
  text-align: center;
}

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

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

.l66 {
  background: transparent;
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-text-on-accent);
}

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

@media (min-width: 768px) {
  .nacae {
    padding: clamp(3.5rem, 10vw, 6rem) 0;
  }

  .pa79909e {
    flex-direction: row;
    gap: var(--spacing-lg);
  }

  .hcc,
  .l66 {
    flex: 1;
  }
}

.d28d552 {
  width: 100%;
}

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

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

.eff212 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
  font-weight: 600;
}

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

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

.n578 {
  max-width: 800px;
  margin: 0 auto;
}

.fee848 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.i162acb {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.ha5e3 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  transition: all var(--transition-base);
  font-family: var(--font-primary);
}

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

.ha5e3[aria-expanded="true"] {
  background-color: var(--color-primary-light);
}

.pb3e {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
  text-align: left;
  line-height: 1.4;
}

.i952 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--color-primary);
  transition: transform var(--transition-base);
}

.i952::before {
  content: "+";
  font-size: 1.5rem;
  font-weight: bold;
}

.ha5e3[aria-expanded="true"] .i952 {
  transform: rotate(45deg);
}

.ga46b {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base), padding var(--transition-base);
}

.ha5e3[aria-expanded="true"] ~ .ga46b {
  max-height: 500px;
  padding: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
}

.ga46b p {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.6;
  margin: 0;
}

.k830 {
  background-color: var(--color-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.hed076c {
  font-family: var(--font-heading);
  color: var(--color-text-on-accent);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
  font-weight: 600;
}

.ha3017d4 {
  font-family: var(--font-primary);
  color: var(--color-text-on-accent);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg) 0;
}

.k902 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  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, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

.e70a1a2 {
  max-width: 1000px;
  margin: 0 auto;
}

.c0d {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
}

.i34426 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.c99f431 {
  overflow: hidden;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  aspect-ratio: 4/3;
}

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

.c99f431:hover .k8a39 {
  transform: scale(1.05);
}

@media (min-width: 640px) {
  .kbd {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

  .pb3e {
    font-size: clamp(1.05rem, 1.5vw + 0.5rem, 1.35rem);
  }

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

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

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

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

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

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

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

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

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

@media (min-width: 1280px) {
  .n842,
  .n578,
  .k155e60,
  .e70a1a2 {
    max-width: 1200px;
  }
}

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

.je66df {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.l32443bb {
  max-width: 1200px;
  margin: 0 auto;
}

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

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

@media (min-width: 768px) {
  .je66df {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .je66df {
    padding: 5rem 2rem;
  }
}

.l379d88 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.e42058 {
  max-width: 1200px;
  margin: 0 auto;
}

.dda7 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .l379d88 {
    padding: 4rem 2rem;
  }

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

@media (min-width: 1024px) {
  .l379d88 {
    padding: 5rem 2rem;
  }

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

.b87d {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.g31b9 {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.75rem;
}

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

.kfab {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.ja55b5 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-style: italic;
  line-height: 1.5;
}

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

.h9d2d00d {
  background-color: var(--color-bg-tertiary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

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

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

.n4b17546 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1.0625rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.me6a2 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  line-height: 1.4;
}

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

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

@media (min-width: 768px) {
  .h9d2d00d {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .h9d2d00d {
    padding: 5rem 2rem;
  }
}

.l975 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

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

@media (min-width: 768px) {
  .l975 {
    padding: 4rem 2rem;
  }

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

@media (min-width: 1024px) {
  .l975 {
    padding: 5rem 2rem;
  }

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

.eb4 {
  aspect-ratio: 3 / 2;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  background-color: var(--color-bg-card);
}

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

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

@media (max-width: 767px) {
  .hd2 {
    grid-template-columns: 1fr;
  }

  .eb4 {
    aspect-ratio: 16 / 9;
  }
}

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

.ad679ad6 .f1b9 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ad679ad6 .n03ce2 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-4xl) var(--spacing-md);
}

.ad679ad6 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.ad679ad6 .e1f {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-3xl);
  font-style: italic;
}

.ad679ad6 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.ad679ad6 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.ad679ad6 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
  list-style-position: outside;
}

.ad679ad6 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.ad679ad6 .d3814 {
  height: 1px;
  background-color: var(--color-border-light);
  margin: var(--spacing-3xl) 0;
}

.ad679ad6 .h9408238 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.ad679ad6 .h9408238 h2 {
  margin-top: 0;
}

.ad679ad6 .h9408238 p {
  margin-bottom: var(--spacing-sm);
}

.ad679ad6 .h9408238 strong {
  display: block;
  margin-top: var(--spacing-md);
  margin-bottom: var(--spacing-xs);
}

@media (min-width: 768px) {
  .ad679ad6 .n03ce2 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ad679ad6 .n03ce2 {
    padding: var(--spacing-4xl) 0;
  }
}

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

.m797579 {
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.d7611caf {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

.gb456c7f {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ibee95 {
  width: 80px;
  height: 80px;
  margin: 0 auto var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-success-light);
  border-radius: var(--radius-full);
  color: var(--color-success);
  animation: scaleIn 0.6s ease-out;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.ibee95 svg {
  width: 48px;
  height: 48px;
  stroke-width: 1.5;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.d2158b {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 500;
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
}

.fb8aa57b {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

.jfb103f {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
}

.p36f3b26 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

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

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

.f77:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 640px) {
  .d7611caf {
    padding: var(--spacing-xl) var(--spacing-md);
  }

  .ibee95 {
    width: 100px;
    height: 100px;
    margin-bottom: var(--spacing-xl);
  }

  .ibee95 svg {
    width: 56px;
    height: 56px;
  }
}

@media (min-width: 768px) {
  .d7611caf {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

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

  .ibee95 {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-2xl);
  }

  .ibee95 svg {
    width: 64px;
    height: 64px;
  }

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

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

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

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

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

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

  .gb456c7f {
    padding: var(--spacing-3xl) 0;
  }

  .ibee95 {
    width: 140px;
    height: 140px;
    margin-bottom: var(--spacing-3xl);
  }

  .ibee95 svg {
    width: 72px;
    height: 72px;
  }

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .gb456c7f,
  .ibee95 {
    animation: none;
  }

  .f77:hover {
    transform: none;
  }

  .f77:active {
    transform: none;
  }
}

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

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

.ic12 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.hf73b1b3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

.ia90 {
  margin-bottom: var(--spacing-3xl);
  display: flex;
  justify-content: center;
  align-items: center;
}

.dee {
  position: relative;
  display: inline-block;
}

.h59e {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 15vw, 12rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.05em;
  position: relative;
  z-index: 2;
  display: block;
  animation: floatError 3s ease-in-out infinite;
}

.o621c5c0 {
  position: absolute;
  width: clamp(150px, 30vw, 400px);
  height: clamp(150px, 30vw, 400px);
  background: var(--color-primary-light);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0.15;
  animation: pulseDecoration 4s ease-in-out infinite;
}

@keyframes floatError {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes pulseDecoration {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
  }
}

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

.e8ed h1 {
  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.02em;
}

.nca3d {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
  line-height: 1.5;
}

.ae9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.p36f3b26 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  text-align: center;
  letter-spacing: 0.3px;
}

.f77 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.f77:active {
  transform: translateY(0px);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 480px) {
  .hf73b1b3 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

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

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

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

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

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

  .p36f3b26 {
    padding: var(--spacing-lg) var(--spacing-2xl);
    font-size: clamp(0.95rem, 1vw, 1.15rem);
  }
}

@media (min-width: 1024px) {
  .hf73b1b3 {
    padding: var(--spacing-4xl) var(--spacing-md);
    min-height: 100vh;
  }

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

  .h59e {
    font-size: clamp(6rem, 18vw, 12rem);
  }

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

  .e8ed h1 {
    font-size: clamp(2rem, 5vw, 2.75rem);
    margin-bottom: var(--spacing-lg);
  }

  .nca3d {
    font-size: clamp(1.1rem, 2.5vw, 1.4rem);
    margin-bottom: var(--spacing-xl);
  }

  .ae9 {
    font-size: clamp(0.95rem, 1.2vw, 1.15rem);
    margin-bottom: var(--spacing-3xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .h59e {
    animation: none;
  }

  .o621c5c0 {
    animation: none;
  }

  .p36f3b26 {
    transition: none;
  }

  .f77:hover {
    transform: none;
  }

  .f77:active {
    transform: none;
  }
}

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

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

.e8946 {
  text-align: center;
}

.hf78 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.me1 {
  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: 700px;
  margin: 0 auto;
}

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

.g88794 {
  width: 100%;
}

.i61 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 4rem);
}

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

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

.dd4 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: -0.3px;
}

.hbe {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.c6cf9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

.ee450,
.g1400aa {
  width: 100%;
  padding: clamp(0.75rem, 1.5vw, 1rem);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.ee450::placeholder,
.g1400aa::placeholder {
  color: var(--color-text-muted);
}

.ee450:focus,
.g1400aa:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.g1400aa {
  min-height: 150px;
  resize: vertical;
}

.b40 {
  width: 100%;
  padding: clamp(0.9rem, 2vw, 1.1rem) clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.dd1bf4 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: 0;
}

.e96e2a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

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

.k9fd74 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: -0.3px;
}

.ob91e9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

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

.n73e74 {
  flex-shrink: 0;
  width: clamp(2.5rem, 4vw, 3rem);
  height: clamp(2.5rem, 4vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.j7093 {
  flex: 1;
  min-width: 0;
}

.d3327 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.od0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.d2445 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

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

.gafbe {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-2xl);
}

.g3e54 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.c549ef {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.b65f8 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

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

.fb13 {
  background-color: var(--color-accent-light);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.l0e8717b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 500;
}

.c03 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  transition: color var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

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

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

  .p6f96 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .had {
    flex: 1 1 45%;
  }

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

@media (min-width: 1024px) {
  .had {
    flex: 1 1 50%;
    max-width: 550px;
  }

  .o9d37c {
    flex: 1 1 50%;
    max-width: 550px;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.e52,.g4fca3{width:34px;}
.e52[aria-expanded="true"]{display:none;}
.k6e.h5526892{z-index:999;}
.k6e{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.k6e{max-width:100%;}}
.bef454{justify-content:flex-end;}
