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

:root {
  --color-bg-primary: #0a0515;
  --color-bg-secondary: #140a25;
  --color-bg-tertiary: #1e0f35;
  --color-bg-card: #140a25;

  --color-text-primary: #fce7f3;
  --color-text-secondary: #f9a8d4;
  --color-text-muted: #f472b6;

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

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

  --color-border: #3d2563;
  --color-border-light: #2d1a47;

  --font-primary: 'Commissioner', sans-serif;
  --font-heading: 'Fraunces', serif;

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

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

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

  --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 {
  scroll-behavior: smooth;
}

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

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

h1 {
  font-size: 3.5rem;
  font-weight: 700;
}

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

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

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

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

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

p {
  margin: 0;
  color: var(--color-text-secondary);
}

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

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

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

input, textarea, select {
  font-family: var(--font-primary);
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
  transition: all 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);
}

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

.fda0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all var(--transition-fast);
  border: 2px solid transparent;
}

.a9530c {
  background: var(--color-primary);
  color: white;
  box-shadow: var(--shadow-md);
}

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

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

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

.p19e5:hover {
  background: var(--color-primary);
  color: white;
}

.d8f3bf {
  background: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.d8f3bf:hover {
  background: rgba(236, 72, 153, 0.1);
}

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

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

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

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

.bdc3be {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  background: rgba(236, 72, 153, 0.2);
  color: var(--color-primary-light);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

.b2b366 {
  display: grid;
  gap: var(--spacing-2xl);
}

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

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

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

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

.hda {
  flex-direction: column;
}

.o8795cd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
}

.odd {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md);
}

.pf23423f {
  text-align: center;
}

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

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

.le0 { margin-top: var(--spacing-xs); }
.ofc { margin-top: var(--spacing-sm); }
.db301 { margin-top: var(--spacing-md); }
.f5cac86 { margin-top: var(--spacing-lg); }
.o0935f { margin-top: var(--spacing-xl); }
.n98e5f3 { margin-top: var(--spacing-2xl); }

.h2cee { margin-bottom: var(--spacing-xs); }
.abd { margin-bottom: var(--spacing-sm); }
.lc1398 { margin-bottom: var(--spacing-md); }
.g36e { margin-bottom: var(--spacing-lg); }
.ec7 { margin-bottom: var(--spacing-xl); }
.gc6ffb { margin-bottom: var(--spacing-2xl); }

.m41a20b { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.m63b { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.e4dd { padding: var(--spacing-2xl); }

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

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

.c28 {
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-2xl) 0;
}

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

@media (max-width: 768px) {
  .id2cd4,
  .k95,
  .b9d {
    grid-template-columns: 1fr;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .mdb {
    padding: var(--spacing-lg);
  }
}
.d9a4ad {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  padding: clamp(0.75rem, 2vw, 1rem) 0;
  position: relative;
  z-index: 100;
  overflow: hidden;
}

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

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

.fd5f:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

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

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

.pf1[aria-expanded="true"] span:nth-child(1) {
  transform: rotate(45deg) translateY(10px);
}

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

.pf1[aria-expanded="true"] span:nth-child(3) {
  transform: rotate(-45deg) translateY(-10px);
}

.l69c6 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  background: var(--color-bg-secondary);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.3s ease;
  z-index: 99;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.l69c6.d8a40dc8 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

.h8cf9c8 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1rem 0;
  flex: 1;
}

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

.k0b4b:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding-left: 2rem;
}

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

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

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

  .kd45c5 {
    display: inline-block;
  }

  .pf1 {
    display: none;
  }

  .l69c6 {
    display: none;
  }
}

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

  .i6c1bc8 {
    font-size: 1.125rem;
  }
}

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

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

.geda6030 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  z-index: 1;
}

.e97492 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 5, 21, 0.75);
  z-index: 2;
}

.f85c .l92b {
  position: relative;
  z-index: 3;
}

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

.m3ee388 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 1rem, 4rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.2;
  margin: 0;
}

.a0355f {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 400;
  margin: 0;
  max-width: 600px;
}

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

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

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

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

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

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

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

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

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

.lc6e0 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  letter-spacing: -0.01em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.mc713bef {
  flex: 1 1 50%;
  min-height: 300px;
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%);
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
  border-radius: var(--radius-lg);
}

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

  .j89d4,
  .mc713bef {
    flex: 1 1 100%;
  }

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

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

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

.ffb90 {
  text-align: center;
}

.gd4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  font-weight: 700;
  letter-spacing: -0.01em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.g63 {
  flex: 1 1 200px;
  min-width: 180px;
  max-width: 280px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

.ebf86a {
  display: inline-block;
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

.c1dea6 {
  text-align: center;
}

.a104dc {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  font-weight: 700;
  letter-spacing: -0.01em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.c5e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  letter-spacing: -0.01em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.j96600 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  width: fit-content;
}

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

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

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

  .e5823,
  .ld6a24 {
    flex: 1 1 100%;
  }
}

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

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

.e8867fef {
  flex: 1 1 150px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  min-width: 140px;
}

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

.pd34451e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-accent);
  font-weight: 700;
  margin: 0;
}

.abad279 {
  height: 40px;
  width: 1px;
  background: var(--color-border);
}

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

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

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

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

.n65 {
  text-align: center;
}

.f4e5cb {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  font-weight: 700;
  letter-spacing: -0.01em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.kb7a {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  transition: all var(--transition-base);
}

.kb7a:hover {
  transform: translateX(4px);
  box-shadow: 0 4px 12px rgba(236, 72, 153, 0.1);
}

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

.e1f8f9 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  margin: 0;
  font-weight: 600;
}

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

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

.ff7c {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500;
}

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

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

.b07bcbf .i3504e3 {
  display: inline-block;
}

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

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

.bf2920ea {
  text-align: center;
}

.m454 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  font-weight: 700;
  letter-spacing: -0.01em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ab5 {
  flex: 1 1 250px;
  max-width: 320px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.5rem);
  align-items: center;
  text-align: center;
  transition: all var(--transition-base);
}

.ab5:hover {
  transform: translateY(-4px);
  background: var(--color-bg-secondary);
}

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

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

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

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

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

.fa2b110e {
  text-align: center;
}

.pb3ce {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  font-weight: 700;
  letter-spacing: -0.01em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.l6f9b {
  background: rgba(236, 72, 153, 0.08);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

.cea3 {
  background: rgba(236, 72, 153, 0.12);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

.p53020cc {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

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

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

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

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

.jae {
  text-align: center;
}

.d3116b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  font-weight: 700;
  letter-spacing: -0.01em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.o15080 {
  flex: 1 1 200px;
  max-width: 250px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.5rem);
  align-items: center;
  text-align: center;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

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

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

.lf0 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

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

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

.p53cc263 {
  text-align: center;
}

.f121 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  font-weight: 700;
  letter-spacing: -0.01em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.ka57.kd46a {
  display: none;
}

.h5da {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
}

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

.daf0da09,
.h33118b4 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.95rem);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  font-weight: 600;
  border: none;
  white-space: nowrap;
}

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

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

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

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

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

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

  .bd0b344 .k313d6,
  .bd0b344 .i3504e3 {
    width: 100%;
  }
}

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

  .o2d328 {
    flex-direction: column;
  }

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

  .g4ef184 {
    flex-direction: column;
  }

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

  .cefc7 {
    flex-direction: column;
  }

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

  .c5f56 {
    flex-direction: column;
  }

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

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

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

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

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

.bb0d,
.f3fb7a,
.h38f,
.de5b922 {
  display: block;
}

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

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

.bb0d p {
  max-width: 45ch;
  color: var(--color-text-secondary);
}

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

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

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

.h38f {
  display: block;
}

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

.id02d {
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  border-top: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ae06 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-text-muted);
  margin: 0;
}

.l514f02a {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
  margin: 0;
  font-style: italic;
}

@media (min-width: 768px) {
  .h3ea22 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2rem, 5vw, 3rem);
    grid-auto-flow: dense;
  }

  .bb0d {
    grid-column: 1;
    grid-row: 1;
  }

  .f3fb7a {
    grid-column: 2;
    grid-row: 1;
  }

  .h38f {
    grid-column: 1;
    grid-row: 2;
  }

  .de5b922 {
    grid-column: 2;
    grid-row: 2;
  }

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

@media (min-width: 1024px) {
  .h3ea22 {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: initial;
  }

  .bb0d {
    grid-column: 1 / 2;
    grid-row: 1;
  }

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

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

  .de5b922 {
    grid-column: 4 / 5;
    grid-row: 1;
  }

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

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

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

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

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

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

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

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

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

.a3b8435 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 45%;
  min-width: 250px;
}

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

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

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

.d1b5 {
  flex: 1 1 45%;
  min-width: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dcd790 {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(236, 72, 153, 0.15);
}

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

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

.p42 {
  text-align: center;
}

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

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

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

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

.pb50:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 50px rgba(236, 72, 153, 0.2);
  border-color: var(--color-accent);
}

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

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

.pb50:hover .o458 {
  transform: scale(1.05);
}

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

.e591ecc6 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  min-height: 2.6em;
}

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

.jca3edee {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: clamp(0.75rem, 0.9vw + 0.4rem, 0.875rem);
  color: var(--color-text-muted);
  padding-top: 0.5rem;
  border-top: 1px solid var(--color-border-light);
}

.g2a39080,
.mc06a11,
.p9e55f22 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.g2a39080 i,
.mc06a11 i,
.p9e55f22 i {
  color: var(--color-accent);
  font-size: 0.9em;
}

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

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

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

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

.na171cd {
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.1), rgba(244, 114, 182, 0.05));
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  position: relative;
}

.ab2 {
  font-size: 3rem;
  color: var(--color-accent);
  opacity: 0.3;
  margin-bottom: 0.5rem;
  line-height: 1;
}

.f78b32 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.7;
  margin-bottom: 1rem;
}

.l4a5 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  font-style: normal;
}

.m5543 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

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

  .a3b8435,
  .d1b5 {
    flex: 1 1 100%;
  }

  .dcd790 {
    max-height: 300px;
  }

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

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

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

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

@media (min-width: 1200px) {
  .d52cae5 {
    gap: 2rem;
  }

  .pb50 {
    flex: 1 1 calc(25% - 1.5rem);
    max-width: 320px;
  }
}

.ed5d219 {
  width: 100%;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  overflow: hidden;
}

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

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

.n42df74 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  flex-wrap: wrap;
}

.n42df74 a {
  color: var(--color-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a36 {
  color: var(--color-text-muted);
  margin: 0 0.25rem;
}

.n42df74 span:last-child {
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .g4d66 {
    flex-direction: column;
  }
  
  .oacb1a,
  .a5a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.pf73 {
  flex-shrink: 0;
}

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

.k3effe {
  flex: 1;
}

.m5e94 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.h1326 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.25rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.f6cd {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  margin-bottom: 0.75rem;
}

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

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

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

.i46 {
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 6vw, 5rem);
  max-width: 1000px;
  margin: 0 auto;
}

.a25 {
  width: 100%;
}

.a51b {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.d1530 {
  background: rgba(236, 72, 153, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  margin: clamp(1rem, 2vw, 1.5rem) 0;
  border-radius: var(--radius-md);
}

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

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

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

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

.b7f77812 {
  flex: 1;
}

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

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

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

.db8408 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 200px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.m8b {
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

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

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

@media (max-width: 768px) {
  .oe775829 {
    flex-direction: column;
  }
  
  .d051,
  .jf44 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .db8408 {
    flex: 1 1 100%;
  }
}

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

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

.p308b5d3:before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.5rem;
}

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

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

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

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

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

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

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

.m77f8 i {
  color: var(--color-accent);
  font-size: 1.5rem;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.m5d3:hover .d437d8 {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

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

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

html, body {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .a12f,
  .f0cfb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.f8e78 {
  flex-shrink: 0;
}

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

.l691fb93 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i3a {
  list-style: none;
  margin-top: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.e7f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
  position: relative;
  line-height: 1.6;
}

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

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

  .e74608b,
  .fc0f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.e0e05fd {
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  padding-bottom: clamp(1.5rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

.e0e05fd:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.jcda4 {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-accent);
  margin-bottom: 0.5rem;
  font-family: var(--font-heading);
}

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

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

  .lafd1,
  .o2dc0d4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.a9c159 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
}

.a9c159:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.gc93ae3 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-full);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  font-weight: bold;
  font-family: var(--font-heading);
  margin-top: 0.25rem;
}

.ae56c98a {
  flex: 1;
}

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

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

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

  .da196b4a,
  .g6b9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.e4729a71 {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
  transition: all var(--transition-base);
}

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

.f735ef5 {
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-accent);
  margin-bottom: 0.5rem;
  font-family: var(--font-heading);
}

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

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

  .l2f08,
  .o8932b1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.p8a992 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-accent);
  margin-bottom: 0.75rem;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b9ad918:hover .f77f05 img {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

  .e3b {
    flex-direction: column;
  }
}

* {
  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;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.eb7757 {
  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: 1rem;
}

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

.f37505 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

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

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

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

.a909 {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  align-items: center;
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
}

.oe7aa1 {
  flex-shrink: 0;
}

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

.l360b61 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d6f {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2rem;
}

.a354b {
  padding: 1.5rem;
  background: var(--color-bg-tertiary);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
}

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

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

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

.j85807 .ob14f {
  flex-direction: row-reverse;
}

.b2fba {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}

.ga8c1380 {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

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

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

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

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

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

.mcd strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

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

.if1e .ob14f {
  flex-direction: row;
}

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

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

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

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

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

.bcd3247 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

.bed5279 {
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 250px;
  max-width: 100%;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.bed5279:hover .jdc5e img {
  transform: scale(1.05);
}

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

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

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

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

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

@media (max-width: 1023px) {
  .la974546,
  .b27a,
  .ob14f {
    flex-direction: column;
  }

  .c25784,
  .g5d8dfe,
  .j4959b,
  .a25290f,
  .m4b,
  .lae {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .j85807 .ob14f {
    flex-direction: column;
  }

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

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

  .acba59 {
    flex-direction: column;
  }

  .f37505 {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }

  .d6f {
    gap: 1rem;
  }

  .a354b {
    padding: 1rem;
  }

  .ga8c1380 {
    gap: 0.75rem;
  }

  .h71b {
    width: 36px;
    height: 36px;
    font-size: 1.1rem;
  }
}

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

  .iedf2 {
    font-size: 0.75rem;
    gap: 0.25rem;
  }

  .f37505 {
    gap: 0.75rem;
  }

  .l48a0 {
    text-align: left;
  }

  .fe29ef {
    text-align: left;
  }

  .e641d {
    text-align: left;
  }

  .i68efc0c {
    text-align: left;
  }
}

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

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

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

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

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

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

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

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

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

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

.g965e7a2 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  max-width: 800px;
}

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

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

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

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

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

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

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

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

.ad999 {
  flex-shrink: 0;
}

.ad999 img {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

.g477 {
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

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

.a76a55 {
  flex: 1 1 100%;
}

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

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

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

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

.bbdb60a {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

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

.bbdb60a h3 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

.d45a2 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  width: 48px;
  height: 48px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-weight: 700;
  font-size: 1.25rem;
  flex-shrink: 0;
}

.if7cb5 {
  flex: 1 1 auto;
}

.if7cb5 h4 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

.g7d95 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.g7d95 i {
  color: var(--color-accent);
  margin-top: 0.25rem;
  flex-shrink: 0;
}

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

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

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

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

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

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

.fc67b {
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
}

.ff2d,
.bf9c3,
.cea4ae8 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

.fd4 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  line-height: 1.3;
  text-align: center;
}

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

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

.dcc {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 250px;
  max-width: 350px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

.a2015d {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

.c96 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  font-style: italic;
  border-left: 4px solid var(--color-accent);
  padding-left: clamp(1.5rem, 2vw, 2rem);
}

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

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

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

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

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

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

.n4a5:last-of-type {
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

.b63 {
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  font-weight: 700;
}

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

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

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

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

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

.l54630 {
  max-width: 800px;
  margin: 0 auto;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-warning-light);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.l54630 i {
  font-size: 1.5rem;
  color: var(--color-warning-light);
}

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

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

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

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

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

.ee9 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  line-height: 1.3;
}

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

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

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

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

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

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

.f41aa1a3:hover .e8ce5bc7 img {
  transform: scale(1.05);
}

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

.e71052c {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
}

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

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

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

@media (max-width: 1023px) {
  .h28b1,
  .kaf1d133,
  .a36aa7e8 {
    flex-direction: column;
  }

  .h156e6,
  .j4c12414,
  .a169,
  .n4a50e,
  .a405f338,
  .g3a5ed8a {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .a169 {
    order: 0;
  }

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

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

  .a46b {
    flex-direction: column;
  }

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

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

@media (max-width: 768px) {
  .acb {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }

  .g33be {
    font-size: 0.8125rem;
  }

  .a88f3b5 {
    gap: 0.75rem;
  }

  .he79 {
    font-size: 0.8125rem;
  }

  .e19a229b {
    padding: clamp(1rem, 2vw, 1.5rem);
  }

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

  .m51e95af {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }

  .jdad4 {
    gap: 0.75rem;
  }

  .bbdb60a {
    padding: 1rem;
  }

  .l2c37,
  .cbed2,
  .cce {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }

  .m571 {
    gap: 0.75rem;
  }

  .d45a2 {
    min-width: 40px;
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }

  .fc67b {
    padding: 1rem;
  }

  .ideb4 {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }

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

  .f86a9 {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }

  .c96 {
    border-left: 3px solid var(--color-accent);
    padding-left: 1rem;
  }

  .o152 {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }

  .o9a {
    padding: 1.5rem;
  }

  .ob6c {
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  }

  .l54630 {
    padding: 1.25rem;
  }

  .j91736 {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }

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

  .o3541 {
    flex-direction: column;
  }

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

  .e8ce5bc7 {
    height: 180px;
  }

  .fe4 {
    padding: 1rem;
  }
}

@media (max-width: 480px) {
  .ff88b {
    font-size: 1.5rem;
  }

  .g965e7a2 {
    font-size: 1rem;
  }

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

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

  .b7ab93 {
    font-size: 1.25rem;
  }

  .g498cb8 {
    font-size: 1.25rem;
  }

  .d45a2 {
    min-width: 36px;
    width: 36px;
    height: 36px;
    font-size: 0.95rem;
  }

  .fd4 {
    font-size: 1.25rem;
  }

  .c96 {
    font-size: 1.1rem;
  }

  .gb3 {
    font-size: 1.25rem;
  }

  .pecca {
    width: 100%;
  }

  .ee9 {
    font-size: 1.25rem;
  }
}

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

html, body {
  font-family: 'Commissioner', sans-serif;
}

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

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

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

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

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

.ec5b74 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  text-align: center;
}

.ed129380 {
  font-size: clamp(2rem, 6vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  letter-spacing: -0.02em;
  line-height: 1.1;
}

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

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

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

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

.n3549 {
  text-align: center;
}

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

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

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

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

.nc9d6 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

.j54 {
  text-align: center;
}

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

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

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

.jab837 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

.j4e32 {
  text-align: center;
}

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

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

.nc1 {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: clamp(1rem, 3vw, 2rem) auto 0;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}

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

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

.a10f {
  text-align: center;
}

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

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

.ofa {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border-left: 3px solid var(--color-secondary);
}

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .jab837 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  }

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

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

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

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

  .nc1 {
    margin: 0;
    width: 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

@media (max-width: 640px) {
  .ec5b74 {
    padding: 0;
  }

  .jab837 {
    flex: 1 1 100%;
  }

  .ofa {
    flex: 1 1 100%;
  }

  .d9f {
    flex-direction: column;
  }

  .j77,
  .e2ee6c35 {
    flex: 1 1 100%;
  }
}

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

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

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

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

  .d4af5fd6 {
    flex: 1 1 45%;
    min-height: 300px;
    max-height: 450px;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-lg);
  }

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

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

  .cf47a727 {
    color: var(--color-accent);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  .h3d0ebd {
    color: var(--color-text-primary);
    font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
    font-weight: 700;
    font-family: var(--font-heading);
    line-height: 1.2;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .n61ca889 {
    color: var(--color-accent);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

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

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

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

  .k7027a52 {
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1 1 calc(50% - 0.75rem);
    min-height: auto;
    border: 1px solid var(--color-border-light);
  }

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

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

  .h2ec6d1 {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    font-weight: 600;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  .b5a7 {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .g33e17 {
    color: var(--color-accent);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

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

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

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

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

  .i0554e {
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 1px solid var(--color-border-light);
    transition: all var(--transition-base);
    flex: 1 1 100%;
  }

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

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

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

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

  .cfcff {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    font-weight: 600;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

  .gf5a {
    color: var(--color-accent);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

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

  .ff4 {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 800px;
    margin: 0 auto;
  }

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

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

  .gc585 {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    font-weight: 600;
    line-height: 1.6;
    font-style: italic;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .m110 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    max-width: 600px;
    margin: 0 auto;
  }

  @media (min-width: 768px) {
    .m110 {
      grid-template-columns: 1fr 1fr;
      gap: 1.5rem;
    }
  }

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

  .bfe10d i {
    color: var(--color-accent);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    flex-shrink: 0;
    margin-top: 0.25rem;
  }

  .bfe10d span {
    line-height: 1.5;
  }

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

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

  .aca57cf {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .j36 {
    color: var(--color-accent);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

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

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

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

  .d9a1 {
    text-decoration: none;
    color: inherit;
  }

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

  @media (min-width: 768px) {
    .l6ad {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: 1.5rem;
    }
  }

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

  .h0896fc {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    font-weight: 600;
    word-wrap: break-word;
    overflow-wrap: break-word;
    flex: 1;
  }

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

  .n666 {
    color: var(--color-accent);
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

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

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

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

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

  .a4f7c6 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
  }

  @media (min-width: 768px) {
    .a4f7c6 {
      flex-direction: row;
      gap: 1.25rem;
    }
  }

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

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

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

  .d0dac {
    background: var(--color-bg-card);
    color: var(--color-text-primary);
    border: 1px solid var(--color-border);
  }

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

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

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

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

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

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

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

.l37d {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.1;
}

.m409945 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
  max-width: 600px;
}

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

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

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

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

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

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

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

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

.pc7 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.f5a {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
}

.k3a92c3 {
  font-family: var(--font-primary);
  font-size: 0.85rem;
  color: var(--color-text-muted);
  font-style: italic;
  margin-top: auto;
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
}

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

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

.ge4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

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

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

.f90:active {
  transform: scale(0.98);
}

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

  .f81e9b {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .l98f {
    flex-direction: column;
  }

  .a2c50 {
    height: 260px;
  }

  .g04ba {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

  .od5c6 {
    max-width: 1100px;
  }

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

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

  .a2c50 {
    height: 280px;
  }

  .id4b0b {
    padding: var(--spacing-xl);
  }

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

  .lfe {
    max-width: 800px;
  }
}

@media (min-width: 1280px) {
  .n8da2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

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

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

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

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

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

.oe038 {
  max-width: 1200px;
  margin: 0 auto;
}

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

.f60 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.f60:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--color-primary-light);
}

.e5576830 {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 3.5rem;
}

.m68 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.fd9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
  flex-grow: 1;
}

.f1230e2 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
}

.f1230e2 li {
  background-color: var(--color-primary-light);
  color: var(--color-text-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-family: var(--font-primary);
  font-size: 0.8rem;
  font-weight: 500;
}

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

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

.c77f1505 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

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

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

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

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

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

  .m221a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

  .e5159 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

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

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

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

  .f60:hover {
    transform: translateY(-4px);
  }

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

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

.kbe4 .l92b {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.kbe4 .j6f3a801 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.kbe4 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.3;
}

.kbe4 .iadcd5 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

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

.kbe4 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.kbe4 ul {
  list-style-position: inside;
  margin-bottom: var(--spacing-md);
  padding-left: var(--spacing-md);
}

.kbe4 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

.kbe4 .k45884 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-xl);
  margin-top: var(--spacing-3xl);
}

.kbe4 .k45884 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.kbe4 .k45884 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.kbe4 .k45884 strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

@media (min-width: 768px) {
  .kbe4 .j6f3a801 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .kbe4 .k45884 {
    padding: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .kbe4 .j6f3a801 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

html {
  scroll-behavior: smooth;
}

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

.k22 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n51d46b {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.l92b {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.j92918 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.a45a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

.a45a svg {
  color: var(--color-success);
  width: 100px;
  height: 100px;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.j92918 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.5px;
  animation: fadeInUp 0.6s ease-out 0.2s both;
}

.j92918 .aed80 {
  font-size: clamp(1rem, 2vw, 1.3rem);
  color: var(--color-primary);
  font-weight: 600;
  animation: fadeInUp 0.6s ease-out 0.3s both;
  margin: var(--spacing-sm) 0;
}

.j92918 .ha4 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  animation: fadeInUp 0.6s ease-out 0.4s both;
  margin: var(--spacing-md) 0;
}

.j92918 .lf60 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  animation: fadeInUp 0.6s ease-out 0.5s both;
  margin: var(--spacing-md) 0;
}

.fda0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  margin-top: var(--spacing-lg);
  animation: fadeInUp 0.6s ease-out 0.6s both;
}

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

.a9530c:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.a9530c:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.a9530c:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

@media (min-width: 480px) {
  .n51d46b {
    padding: var(--spacing-xl) var(--spacing-md);
  }

  .a45a svg {
    width: 120px;
    height: 120px;
  }

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

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

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

  .a45a svg {
    width: 140px;
    height: 140px;
  }

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

  .fda0 {
    padding: var(--spacing-md) var(--spacing-3xl);
    font-size: 1.1rem;
  }
}

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

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

  .a45a svg {
    width: 160px;
    height: 160px;
  }

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

  .fda0 {
    padding: var(--spacing-md) var(--spacing-3xl);
  }

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

@media (prefers-reduced-motion: reduce) {
  .a45a svg,
  .j92918 h1,
  .j92918 .aed80,
  .j92918 .ha4,
  .j92918 .lf60,
  .fda0 {
    animation: none;
  }

  .fda0 {
    transition: background-color var(--transition-fast), color var(--transition-fast);
  }

  .fda0:hover {
    transform: none;
  }
}

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

.ha64d165 {
  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;
  overflow: hidden;
}

.j57ed {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  position: relative;
}

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

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

.id8 {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-2xl);
}

.g936d {
  position: relative;
  margin-bottom: var(--spacing-lg);
}

.iada39ad {
  font-family: var(--font-heading);
  font-size: clamp(6rem, 20vw, 14rem);
  font-weight: 700;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
  line-height: 1;
  display: block;
  margin: 0;
}

.k48 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  animation: slideUp 0.8s ease-out;
}

.fd1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin: 0;
}

.bcbf9 {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0;
  margin-top: var(--spacing-xs);
}

.o67895ba {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0;
  padding: 0 var(--spacing-md);
}

.c39 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  padding: 0 var(--spacing-md);
  font-style: italic;
}

.d5fdffb {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-xl);
}

.fda0 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  min-width: 250px;
  letter-spacing: 0.02em;
}

.a9530c {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

.p988 {
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-weight: 500;
}

.gb4d37 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  opacity: 0.15;
}

.k18c {
  position: absolute;
  border-radius: var(--radius-full);
  background-color: var(--color-primary);
}

.hcec8 {
  width: clamp(100px, 25vw, 300px);
  height: clamp(100px, 25vw, 300px);
  top: -10%;
  left: -5%;
  animation: float 6s ease-in-out infinite;
}

.k06cbd {
  width: clamp(80px, 20vw, 250px);
  height: clamp(80px, 20vw, 250px);
  top: 50%;
  right: -8%;
  animation: float 8s ease-in-out infinite reverse;
}

.ee270d {
  width: clamp(60px, 15vw, 200px);
  height: clamp(60px, 15vw, 200px);
  bottom: -5%;
  left: 10%;
  animation: float 7s ease-in-out infinite;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px) translateX(0px);
  }
  50% {
    transform: translateY(-30px) translateX(15px);
  }
}

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

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

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

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

  .fda0 {
    min-width: 280px;
  }
}

@media (min-width: 768px) {
  .j57ed {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

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

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

  .o67895ba {
    padding: 0 var(--spacing-3xl);
  }

  .c39 {
    padding: 0 var(--spacing-3xl);
  }

  .fda0 {
    min-width: 300px;
  }

  .hcec8 {
    width: clamp(150px, 20vw, 350px);
    height: clamp(150px, 20vw, 350px);
  }

  .k06cbd {
    width: clamp(120px, 18vw, 300px);
    height: clamp(120px, 18vw, 300px);
  }

  .ee270d {
    width: clamp(100px, 15vw, 250px);
    height: clamp(100px, 15vw, 250px);
  }
}

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

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

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

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

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

  .fda0 {
    min-width: 320px;
  }

  .hcec8 {
    width: 400px;
    height: 400px;
  }

  .k06cbd {
    width: 350px;
    height: 350px;
  }

  .ee270d {
    width: 300px;
    height: 300px;
  }
}

@media (min-width: 1440px) {
  .j57ed {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

.oa2a {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.f0ba77f3 {
  text-align: center;
}

.ec5a {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.h5ef {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

.p97d {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.af0cf86 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

.ec853 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.o62de70 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.h3434 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

.l0ea8d,
.ieb {
  font-family: var(--font-primary);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

.l0ea8d:focus,
.ieb:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.ieb {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

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

.g73 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.5px;
}

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

.g73:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.i27 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.n42 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.i0309313 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 2rem;
  overflow: hidden;
}

.eb25d {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.7rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xl);
  font-weight: 700;
}

.bb90156 {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  align-items: flex-start;
}

.i902a {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 1.2rem;
}

.c3b96927 {
  flex: 1;
}

.aee073 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 0.25rem 0;
}

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

.g5f0a3 {
  height: 1px;
  background-color: var(--color-border);
  margin: var(--spacing-lg) 0;
}

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

.d67 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: var(--spacing-sm);
}

.bd7f1f9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 0.25rem 0;
}

.a543c374 {
  background: linear-gradient(135deg, var(--color-primary-light), var(--color-bg-card));
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: 2rem;
  margin-top: var(--spacing-xl);
  text-align: center;
  overflow: hidden;
}

.ja3 {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
}

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

.n1819 {
  display: inline-block;
  font-family: var(--font-primary);
  padding: 0.875rem 2rem;
  background-color: var(--color-primary);
  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: all var(--transition-base);
  letter-spacing: 0.5px;
}

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

@media (min-width: 768px) {
  .oa2a {
    padding: 4rem 1rem;
  }

  .p97d {
    padding: 4rem 1rem;
  }

  .af0cf86 {
    gap: 4rem;
    align-items: stretch;
  }

  .c9997 {
    flex: 1 1 45%;
  }

  .gf5cda {
    flex: 1 1 45%;
  }

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

@media (min-width: 1024px) {
  .oa2a {
    padding: 5rem 1rem;
  }

  .p97d {
    padding: 5rem 1rem;
  }

  .af0cf86 {
    gap: 5rem;
  }

  .i0309313 {
    padding: 2.5rem;
  }
}

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

  .c9997 {
    order: 1;
  }

  .gf5cda {
    order: 2;
  }
}
.pf1,.ca7a3{
  width: 34px;
}

.nad90c{
  justify-content: flex-end;
}

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.l69c6{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .l69c6{
    max-width: 100%;
  }
}

.l69c6.d8a40dc8{
  z-index: 999;
}

.pf1[aria-expanded="true"]{
  display: none;
}