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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f5f3ff;
  --color-bg-tertiary: #150538;
  --color-bg-card: #ffffff;

  --color-text-primary: #2e1065;
  --color-text-secondary: #6b21a8;
  --color-text-muted: #7c55a3;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #e9d5ff;

  --color-primary: #7e22ce;
  --color-primary-hover: #6b21a8;
  --color-primary-light: #ede9fe;
  --color-primary-lighter: #f3e8ff;

  --color-secondary: #a855f7;
  --color-secondary-light: #f3e8ff;
  --color-secondary-lighter: #faf5ff;

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

  --color-border: #e9d5ff;
  --color-border-light: #f3e8ff;
  --color-border-dark: #d8b4fe;

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

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

  --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(126, 34, 206, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(126, 34, 206, 0.1), 0 2px 4px -1px rgba(126, 34, 206, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(126, 34, 206, 0.1), 0 4px 6px -2px rgba(126, 34, 206, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(126, 34, 206, 0.1), 0 10px 10px -5px rgba(126, 34, 206, 0.04);
  --shadow-2xl: 0 25px 50px -12px rgba(126, 34, 206, 0.25);

  --transition-fast: 150ms ease-in-out;
  --transition-base: 200ms ease-in-out;
  --transition-slow: 300ms ease-in-out;

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

h2 {
  font-size: 2.25rem;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 1.875rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

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

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

button {
  font-family: var(--font-primary);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  border-radius: var(--radius-md);
}

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

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

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

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

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

.o1e79b:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

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

.bb427:hover {
  background: var(--color-primary);
  box-shadow: var(--shadow-lg);
}

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

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

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

.e30e4c7:hover {
  background: #059669;
}

.ee4515 {
  background: var(--color-warning);
  color: #1f2937;
}

.ee4515:hover {
  background: #d97706;
}

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

.i097522:hover {
  background: #dc2626;
}

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

.l071:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--color-border);
}

.k0a75a2 {
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.e7a5f {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-text-primary);
}

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

.a760399 {
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

.cce1a {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
}

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

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

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

.bd7 {
  background: var(--color-warning-light);
  color: #b45309;
}

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

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

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

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

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

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

.k3dcb2 {
  display: flex;
}

.cf112d64 {
  flex-direction: column;
}

.efd08b3 {
  flex-wrap: wrap;
}

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

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

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

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

.j2d748 {
  justify-content: flex-start;
}

.e88d {
  justify-content: center;
}

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

.ba2861 {
  align-items: flex-start;
}

.nef {
  align-items: center;
}

.i3ca {
  align-items: flex-end;
}

.af259007 {
  border-radius: var(--radius-sm);
}

.o442f1 {
  border-radius: var(--radius-md);
}

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

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

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

.e111e4 {
  box-shadow: var(--shadow-sm);
}

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

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

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

.b0fcf {
  font-size: 0.75rem;
}

.faefc9e {
  font-size: 0.875rem;
}

.jd009a2 {
  font-size: 1rem;
}

.eff2 {
  font-size: 1.125rem;
}

.m3b6054 {
  font-size: 1.25rem;
}

.k55b2573 {
  font-size: 1.5rem;
}

.g9c54b {
  font-weight: 400;
}

.a1012 {
  font-weight: 500;
}

.me6 {
  font-weight: 600;
}

.cec57a9 {
  font-weight: 700;
}

.aa7 {
  text-align: center;
}

.e5adc {
  text-align: left;
}

.d15 {
  text-align: right;
}

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

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

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

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

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

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

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

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

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

.n2b1c0 {
  padding: var(--spacing-xs);
}

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

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

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

.c61b {
  padding: var(--spacing-xl);
}

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

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

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

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

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

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

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

.l0956 {
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

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

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

.pd0a62 {
  opacity: 0.5;
}

.paebe {
  opacity: 0.75;
}

.oab {
  cursor: pointer;
}

.e55ccbda {
  text-decoration: none;
}

.bd9cb0a {
  text-decoration: underline;
}

.maf10 {
  text-decoration: line-through;
}

@media (max-width: 1024px) {
  .n0be508e {
    grid-template-columns: repeat(2, 1fr);
  }

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }
}

@media (max-width: 768px) {
  .a301 {
    padding: 0 var(--spacing-md);
  }

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

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

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

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1rem;
  }

  .k651b {
    width: 100%;
  }

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

  input, textarea, select {
    font-size: 16px;
  }
}
.h684b4d {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  z-index: 100;
  width: 100%;
}

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

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

.f7a00ba:hover {
  transform: translateY(-2px);
}

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

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

.i5d8f4c {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  flex-grow: 1;
}

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

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

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

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

.d5fb9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
}

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

.d5fb9.i4b13 span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.d5fb9.i4b13 span:nth-child(2) {
  opacity: 0;
}

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

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

.b93.i4b13 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.j956 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  font-size: 1.5rem;
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}

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

.j0cd99 {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex-grow: 1;
  padding: clamp(1rem, 4vw, 2rem);
}

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

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

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

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

@media (min-width: 768px) {
  .le8ed {
    min-height: 80px;
  }

  .i5d8f4c {
    display: flex;
  }

  .c681d4c3 {
    display: inline-block;
  }

  .d5fb9 {
    display: none;
  }

  .b93 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .le8ed {
    min-height: 90px;
    gap: 2.5rem;
  }

  .ba4aa {
    font-size: 1.4rem;
  }

  .i5d8f4c {
    gap: 2.5rem;
  }

  .nab {
    font-size: 1rem;
  }

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

    .cb492fe {
  width: 100%;
}

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

.gf15c {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary) 50%, transparent 100%), url('data:image/svg+xml,<svg></svg>');
  background-size: cover;
  background-position: center right;
  background-attachment: fixed;
  padding: clamp(4rem, 8vw, 8rem) 0;
  overflow: hidden;
  position: relative;
  min-height: 600px;
  display: flex;
  align-items: center;
}

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

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

.m21bf {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h08 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.h4cb {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease;
}

.h4cb:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

.k0d {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}

.eb6b5364 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

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

  .m493dd {
    flex: 1 1 100%;
  }

  .k0d {
    flex: 1 1 100%;
    min-height: 300px;
  }

  .eb6b5364 {
    max-height: 350px;
  }

  .gf15c {
    min-height: auto;
    background-attachment: scroll;
  }

  .ic0d25 {
    flex-direction: column;
  }

  .c04a221,
  .h4cb {
    width: 100%;
    text-align: center;
  }
}

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

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

.b3bd {
  text-align: center;
}

.kcd7 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.d407 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.d407:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

.b3e {
  font-size: clamp(2rem, 5vw, 2.75rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  background: var(--color-bg-secondary);
  border-radius: 50%;
}

.lc87b8 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.ff2148 {
  display: flex;
  flex-direction: column;
  gap: clamp(4rem, 8vw, 6rem);
}

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

.keb1f {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

.fe333 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}

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

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

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

.c63 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  display: inline-block;
  transition: all 0.3s ease;
  width: fit-content;
}

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

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

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

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

  .p7aefc5 {
    flex: 1 1 100%;
    padding: clamp(1rem, 2vw, 1.5rem);
  }

  .fe333 {
    max-height: 350px;
  }
}

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

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

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

.kfc {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: #ffffff;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k70210b6 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.lc0 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

@media (max-width: 768px) {
  .o77 {
    flex-direction: column;
    gap: clamp(2rem, 4vw, 2.5rem);
  }

  .j0fad17,
  .i0de {
    flex: 1 1 100%;
  }
}

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

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

.kb9 {
  text-align: center;
}

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

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

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

.of6 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.of6:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
}

.h3e4a {
  width: 100%;
  height: auto;
  min-height: 200px;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.c246 {
  text-align: center;
}

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

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

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

.e7438 {
  flex: 1 1 50%;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.k939 {
  border-left: 4px solid var(--color-danger);
}

.m7d499 {
  border-left: 4px solid var(--color-success);
}

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

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

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

.p68e {
  flex-shrink: 0;
  font-weight: 700;
  font-size: clamp(1rem, 2vw, 1.25rem);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.i21a632 .p68e {
  color: var(--color-danger);
}

.cee2d .p68e {
  color: var(--color-success);
}

.f6c29 {
  flex: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.n6e0d {
  text-align: center;
}

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

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

.a63 {
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.fc5d4 {
  flex: 0 1 calc(25% - 1rem);
  min-width: 200px;
  padding: clamp(1.5rem, 2vw, 2rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  align-items: center;
}

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

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

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

.hbaaa7d3 {
  flex: 0 1 auto;
  height: 4px;
  width: clamp(2rem, 5vw, 3rem);
  background: var(--color-accent);
  margin: 0 -0.5rem;
}

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

  .hbaaa7d3 {
    width: 0;
    height: 0;
  }
}

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

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

  .hbaaa7d3 {
    width: 0;
    height: 0;
  }
}

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

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

.jcfb0a {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.kcb {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.85);
  max-width: 600px;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.n42f.ff32fa {
  display: none;
}

.a6e87b {
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  flex: 1 1 auto;
  min-width: 200px;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.l42,
.ac16186 {
  padding: 0.5rem clamp(1rem, 2vw, 1.25rem);
  border: none;
  border-radius: 4px;
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
  white-space: nowrap;
}

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

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

.ac16186 {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.ac16186:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 768px) {
  .n42f {
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1rem);
    padding: clamp(0.75rem, 1.5vw, 1rem);
  }

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

  .ec1 {
    flex: 1 1 100%;
    width: 100%;
    justify-content: center;
  }

  .l42,
  .ac16186 {
    flex: 1 1 calc(50% - 0.375rem);
    text-align: center;
  }
}

@media (max-width: 480px) {
  .l42,
  .ac16186 {
    flex: 1 1 100%;
  }
}

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

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

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

.g54 {
  display: block;
}

.g54 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 700;
  letter-spacing: -0.5px;
}

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

.a1b0 {
  display: block;
}

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

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

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

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

.h63 {
  display: block;
}

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

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

.be6b48 {
  display: block;
}

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

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

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

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

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

@media (min-width: 768px) {
  .p2c901 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.5rem, 5vw, 4rem);
    grid-template-areas:
      "about nav"
      "contact legal"
      "bottom bottom";
  }

  .g54 {
    grid-area: about;
  }

  .a1b0 {
    grid-area: nav;
  }

  .h63 {
    grid-area: contact;
  }

  .be6b48 {
    grid-area: legal;
  }

  .f09 {
    grid-area: bottom;
  }

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

@media (min-width: 1024px) {
  .p2c901 {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas:
      "about nav contact legal"
      "bottom bottom bottom bottom";
  }

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

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

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

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

.b477 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

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

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

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

.fc4795e2 {
  color: var(--color-primary);
  font-weight: 600;
}

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

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

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

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

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

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

.gc47d7 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.25rem);
  flex: 1 1 clamp(250px, 25vw, 320px);
  max-width: 320px;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

.g353a {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-sm);
}

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

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

.ke4d23 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1rem);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  border-top: 1px solid var(--color-border-light);
  padding-top: clamp(0.75rem, 2vw, 1rem);
}

.o709,
.aee84e,
.c3ea07 {
  color: var(--color-text-muted);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
}

.o709 i,
.aee84e i,
.c3ea07 i {
  color: var(--color-primary);
  font-size: 0.85em;
}

.j7148081 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all var(--transition-base);
  align-self: flex-start;
}

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

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

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

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

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

.h5a {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.h5a summary {
  color: var(--color-text-light);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all var(--transition-base);
}

.h5a summary:hover {
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-text-muted);
}

.h5a summary::after {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  background: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  flex-shrink: 0;
  margin-left: auto;
  transition: transform var(--transition-base);
}

.h5a[open] summary::after {
  transform: rotate(180deg);
}

.kc154 {
  color: var(--color-text-light-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.6;
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.kc154 p {
  margin: 0;
}

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

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

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

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

.ed7b {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 clamp(280px, 30vw, 360px);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
  transition: all var(--transition-base);
}

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

.paab2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 5vw, 4rem);
  height: clamp(3rem, 5vw, 4rem);
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  border-radius: var(--radius-md);
  color: var(--color-text-on-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
}

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

.a5ad5 {
  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;
  margin: 0;
}

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

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

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

  .d843d3c {
    flex-direction: column;
    align-items: center;
  }

  .ed7b {
    flex: 1 1 100%;
  }

  .b477 {
    flex-wrap: wrap;
  }
}

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

  .gc47d7 {
    flex: 1 1 clamp(250px, 45vw, 360px);
    max-width: 360px;
  }

  .d843d3c {
    gap: clamp(1.5rem, 2vw, 1.75rem);
  }

  .ed7b {
    flex: 1 1 clamp(280px, 45vw, 380px);
  }
}

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

  .gc47d7 {
    flex: 1 1 calc(25% - 1.5rem);
    max-width: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f50e8ec {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9rem);
}

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

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

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

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

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

.d8ec8e {
  flex: 0 0 auto;
  width: clamp(200px, 25vw, 280px);
  position: sticky;
  top: 2rem;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: var(--shadow-md);
}

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

.kcf {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
}

.ebf769bc {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 700;
  margin: 0;
  font-family: var(--font-heading);
}

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

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

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

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

.cfc4 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 4vw, 3.5rem);
}

.nf06d {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

.f1cb20 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

.ha46 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

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

.jb8fb99 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
}

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

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

.h9ff586 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

.pd994 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.l6b5fb5 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.p5189731 {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0 0 0.75rem 0;
}

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

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

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

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

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

.ce7 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.a457f {
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-secondary);
}

.n23ad {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

.fe44e3d {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
  color: inherit;
  height: 100%;
  padding: clamp(1.25rem, 2vw, 1.75rem);
}

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

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

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

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

.j456 {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: transform var(--transition-base);
}

.kdbf96:hover .j456 {
  transform: translateX(4px);
}

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

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

  .d2be,
  .a5f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k89bc7e9 {
    flex-direction: column;
  }

  .d8ec8e {
    width: 100%;
    position: static;
  }

  .ca2,
  .pbf,
  .p05530bc,
  .if22a {
    flex-direction: column;
  }

  .f1cb20,
  .j0a,
  .ha46,
  .j6a0dba,
  .pd994,
  .cd842,
  .p633,
  .ce7 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n50a {
    flex-direction: column;
    align-items: stretch;
  }

  .kdbf96 {
    min-width: unset;
    max-width: unset;
    flex: 1 1 100%;
  }
}

@media (max-width: 1024px) {
  .d8ec8e {
    width: 200px;
  }
}

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

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

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

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

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

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

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

  .k7d5 > span:last-child {
    color: var(--color-text-primary);
    font-weight: 500;
  }

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

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

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

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

  .kf8b465 {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
  }

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

  .of4bff i {
    color: var(--color-accent);
    width: 18px;
  }

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

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

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

    .h2e7ee5a,
    .f75221fb {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .kf8b465 {
      gap: 1rem;
    }
  }

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

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

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

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

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

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

  .n5e67879 {
    flex: 1 1 calc(33.333% - 1rem);
    min-width: 200px;
    background: var(--color-bg-primary);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    text-align: center;
    box-shadow: var(--shadow-sm);
  }

  .ja02 {
    color: var(--color-accent);
    font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
    font-family: var(--font-heading);
    font-weight: 700;
    margin-bottom: 0.5rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .d8d95b0 {
    flex: 0 1 280px;
  }

  .f3a {
    background: var(--color-bg-secondary);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    text-align: center;
    position: sticky;
    top: clamp(1rem, 4vw, 2rem);
  }

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

  .p77ce {
    font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
    font-family: var(--font-heading);
    font-weight: 700;
    margin: 0 0 0.25rem 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

  .p8a {
    flex: 1 1 auto;
  }

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

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

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

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

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

  .ibf785 {
    flex: 1 1 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

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

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

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

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

  .pe3be li {
    color: var(--color-text-secondary);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    line-height: 1.6;
    padding-left: 1.75rem;
    position: relative;
  }

  .pe3be li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 6px;
    height: 6px;
    background: var(--color-accent);
    border-radius: var(--radius-full);
  }

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

    .ibf785,
    .of71 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

  .p4d631a4 {
    flex: 1 1 calc(50% - 1rem);
    min-width: 180px;
    background: var(--color-bg-primary);
    padding: clamp(1.25rem, 2vw, 1.75rem);
    border-radius: var(--radius-md);
    text-align: center;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

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

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

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

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

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

  .c88755dc {
    background: var(--color-bg-tertiary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
    margin: clamp(1.5rem, 3vw, 2.5rem) 0;
  }

  .g7b0b67c {
    color: #ffffff;
    font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
    font-style: italic;
    line-height: 1.8;
    margin: 0;
    padding: 0;
    border: none;
    font-family: var(--font-heading);
    font-weight: 600;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .n54e {
    color: #ffffff;
    background: var(--color-accent);
    width: 48px;
    height: 48px;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
    font-weight: 700;
    flex-shrink: 0;
  }

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

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

  .jd8f159 {
    width: 100%;
    height: auto;
    border-radius: var(--radius-lg);
    display: block;
    margin: clamp(1.5rem, 3vw, 2rem) 0;
    box-shadow: var(--shadow-md);
  }

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

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

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

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

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

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

  .jb5 {
    width: 100%;
    margin: clamp(1.5rem, 3vw, 2rem) 0;
  }

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

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

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

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

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

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

  .fac27 {
    color: #ffffff;
    font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
    font-family: var(--font-heading);
    font-weight: 700;
    text-align: center;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  .f10327 {
    display: flex;
    flex-direction: column;
    gap: 0;
    text-decoration: none;
    height: 100%;
  }

  .ec0 {
    width: 100%;
    height: 200px;
    overflow: hidden;
    flex-shrink: 0;
  }

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

  .i268570d {
    color: var(--color-text-primary);
    font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
    font-family: var(--font-heading);
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    padding: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) 0.5rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

    .f3a {
      position: static;
    }

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

    .beb {
      flex-direction: column;
    }
  }

  @media (min-width: 1440px) {
    .a301 {
      padding: 0 2rem;
    }
  }

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

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

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

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

::-webkit-scrollbar-thumb:hover {
  background: var(--color-border);
}

html, body, h1, h2, h3, h4, h5, h6, p, span, div, section, article, aside, nav {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.id0f3 {
  width: 100%;
}

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

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

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

.p219192 a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

  .h529,
  .b5e3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.b5f {
  flex: 0 0 250px;
  position: sticky;
  top: 2rem;
}

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

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

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

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

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

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

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

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

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

.b5bb0 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

.i76c4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.8;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

.o780bb {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.8;
  margin: clamp(0.75rem, 1.5vw, 1.25rem) 0;
  padding-left: 1.5rem;
  list-style: disc;
}

.o780bb li {
  margin-bottom: 0.5rem;
}

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

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

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

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

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

.ha051e3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.8;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

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

.o7b04ca4 {
  color: var(--color-text-primary);
  font-size: clamp(1.15rem, 2.5vw, 1.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.mabd2 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.6;
  margin: 0;
  padding-top: 0.25rem;
}

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

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

  .m1e9dc,
  .bcd2ef1 {
    flex-direction: column;
  }

  .j21f709,
  .jb9,
  .c45ce1,
  .m934097 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.h84:hover .f1b2c4d img {
  transform: scale(1.05);
}

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

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

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

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

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

@media (max-width: 1024px) {
  .h84 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
  }
}

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

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

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

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

  .f19b,
  .j412 {
    font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ebaad {
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

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

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

.f7e6ee9 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-style: italic;
  margin: 0;
}

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

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

.j8427 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

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

.ib907 {
  flex: 1;
}

.e96fed {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

.b82e {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

.b82e a {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kfd417 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.d4cbff8 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: #e0e0e0;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.l62b04 {
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(1.5rem, 2vw, 2rem);
  border-left: 4px solid var(--color-secondary);
}

.l23 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: #ffffff;
  margin-bottom: 1rem;
}

.k1c4b2c3 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.icb {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: #e0e0e0;
  line-height: 1.7;
}

.icb strong {
  color: #ffffff;
  font-weight: 600;
}

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

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

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

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

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

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

.efbe {
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

.c5fff {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  margin-top: clamp(1rem, 2vw, 2rem);
}

.f9f10 {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-text-on-accent);
  margin-bottom: 0.75rem;
}

.l74d {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  margin-bottom: 1.5rem;
}

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

.ed53b30d:hover {
  background: #f0f0f0;
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

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

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

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

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

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

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

.ic2eb:hover .pb017a9f {
  transform: scale(1.05);
}

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

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

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

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

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

@media (max-width: 1023px) {
  .d495b92,
  .d7d58900,
  .c83d5,
  .n4cdc1,
  .je9 {
    flex-direction: column;
  }

  .j6e5fb7,
  .h9465f,
  .m6a4690b,
  .d3f84af0,
  .ic9f8,
  .i8fce8,
  .pb3,
  .cc8cc3,
  .b4a2fe,
  .m3d69037 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

  .o4f,
  .c27f,
  .eed24,
  .bdf396,
  .l759f,
  .nf25f,
  .nc9848 {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

  .l32 {
    font-size: 0.8125rem;
  }

  .a0bc31e5 {
    flex-direction: column;
  }

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

@media (max-width: 480px) {
  .d495b92 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .a301 {
    padding: 0 clamp(0.75rem, 2vw, 1rem);
  }

  .k9d0 {
    padding: 0.75rem 1rem;
  }

  .c5fff {
    padding: 1.5rem 1rem;
  }
}

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

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

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

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

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

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

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

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

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

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

.ja949140 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(126, 34, 206, 0.15);
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.e8a405b7 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  box-shadow: 0 2px 8px rgba(126, 34, 206, 0.08);
  transition: all 0.3s ease;
}

.e8a405b7:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(126, 34, 206, 0.12);
  border-color: var(--color-accent);
}

.f8075 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--color-bg-secondary);
  border-radius: 8px;
  color: var(--color-accent);
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

.oa64 {
  width: 100%;
  max-width: 850px;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(126, 34, 206, 0.1);
  display: block;
  margin: 0 auto;
}

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

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

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

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

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

.ie7 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
  text-align: center;
}

.o170 {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  font-weight: bold;
  margin-bottom: 1rem;
  font-family: 'Bitter', serif;
}

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

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

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

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

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

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

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

.ma27:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(126, 34, 206, 0.25);
}

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

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

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

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

.od13c {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.3rem);
  color: var(--color-text-primary);
}

.o99 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 900px;
}

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

  .c30439 {
    flex-direction: column;
    align-items: stretch;
  }

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

  .g4a {
    flex-direction: column;
  }

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

  .m652ba {
    flex-direction: column;
  }
}

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

  .l2db2df,
  .a1af07,
  .pfd62998,
  .eaa4 {
    font-size: 1.3rem;
  }

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

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

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

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

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

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

.pd3f3de {
  position: relative;
  width: 100%;
  max-height: 450px;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(126, 34, 206, 0.15);
}

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

.g229 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(21, 5, 56, 0.75) 0%, rgba(126, 34, 206, 0.65) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.l7b5a {
  text-align: center;
  color: var(--color-text-light);
}

.gf1a579c {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-light);
  margin: 0 0 clamp(0.5rem, 2vw, 1rem) 0;
}

.ba317 {
  font-size: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-light-secondary);
  margin: 0;
  font-weight: 400;
}

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

  .pd3f3de {
    max-height: 500px;
  }
}

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

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

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

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

.a306,
.g29534 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

.e250 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 200px;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 10px;
  border: 2px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  text-align: center;
  transition: all 0.3s ease;
}

.e250:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 20px rgba(126, 34, 206, 0.12);
  transform: translateY(-4px);
}

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

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

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

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

@media (min-width: 1024px) {
  .e250 {
    flex: 1 1 calc(25% - clamp(0.75rem, 1.5vw, 1rem));
  }
}

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

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

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

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

.g3400 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
}

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

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

.f69b {
  flex-shrink: 0;
  width: clamp(60px, 10vw, 80px);
  height: clamp(60px, 10vw, 80px);
  border-radius: 50%;
  background: var(--color-accent);
  color: var(--color-text-light);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
}

.p9f4bdbe {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  font-weight: 600;
}

.f9605 {
  font-size: clamp(0.9rem, 1.3vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

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

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

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

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

.cdf {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-light);
  margin: 0;
  font-weight: 700;
}

.g31 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-light-secondary);
  margin: 0;
  font-weight: 500;
}

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

.n6ffc2 {
  flex: 1 1 calc(100% / 2 - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 220px;
  background: rgba(255, 255, 255, 0.08);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

.n6ffc2:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: var(--color-accent-light);
  transform: translateY(-4px);
}

.k86 {
  font-size: clamp(2.25rem, 4vw, 3rem);
  color: var(--color-accent-light);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(60px, 8vw, 80px);
  height: clamp(60px, 8vw, 80px);
  background: rgba(126, 34, 206, 0.15);
  border-radius: 8px;
}

.nbb {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2.2vw, 1.5rem);
  color: var(--color-text-light);
  margin: 0;
  font-weight: 600;
}

.j9e38 {
  font-size: clamp(0.875rem, 1.2vw, 1.05rem);
  color: var(--color-text-light-secondary);
  line-height: 1.7;
  margin: 0;
}

@media (min-width: 1024px) {
  .n6ffc2 {
    flex: 1 1 calc(100% / 3 - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

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

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

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

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

.n39ca {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
}

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

.m274cb {
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: clamp(1.5rem, 3vw, 2rem);
  transition: all 0.3s ease;
}

.m274cb:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 20px rgba(126, 34, 206, 0.12);
  transform: translateY(-4px);
}

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

.jf4938 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  margin: 0;
  font-weight: 600;
}

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

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

.e0fb {
  font-size: clamp(0.9rem, 1.3vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.p952 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

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

.p34f {
  text-align: center;
  padding-top: clamp(1rem, 2vw, 1.5rem);
}

.md49 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-light);
  padding: clamp(0.75rem, 1.5vw, 1.1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  text-decoration: none;
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  transition: all 0.3s ease;
}

.md49:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(126, 34, 206, 0.25);
}

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

.n9bb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.g107b {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, rgba(237, 229, 246, 0.8) 100%);
  border: 2px solid var(--color-accent-light);
  border-radius: 12px;
  padding: clamp(2rem, 5vw, 3.5rem);
  max-width: 600px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.g23f657 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
}

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

.g19b56 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-light);
  padding: clamp(0.85rem, 1.5vw, 1.15rem) clamp(1.75rem, 3.5vw, 2.75rem);
  border-radius: 8px;
  text-decoration: none;
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  align-self: center;
}

.g19b56:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(126, 34, 206, 0.3);
}

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

  .n6ffc2 {
    flex: 1 1 100%;
  }

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

  .f69b {
    align-self: flex-start;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.oa6 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  text-align: left;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  transition: color var(--transition-fast);
}

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

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

.maac {
  flex: 1;
  line-height: 1.4;
}

.ka8265df {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--color-primary);
  transition: transform var(--transition-base);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

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

.cd51bb {
  padding: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cd51bb p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

  .cd51bb {
    padding: 0 var(--spacing-xl) var(--spacing-lg) var(--spacing-xl);
  }
}

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

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

.h848c9 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

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

.n8cd676 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  box-shadow: var(--shadow-md);
}

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

.n8cd676:focus-visible {
  outline: 2px solid var(--color-primary-dark);
  outline-offset: 2px;
}

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

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

.l5614 {
  max-width: 1200px;
  margin: 0 auto;
}

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

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

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

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

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

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

.l527977 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin: var(--spacing-lg) var(--spacing-md) var(--spacing-sm) var(--spacing-md);
  font-weight: 700;
  line-height: 1.3;
}

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

.b796fd {
  display: inline-block;
  margin: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  font-weight: 600;
  border-radius: var(--radius-sm);
  transition: background-color var(--transition-base), color var(--transition-base);
  border: 1px solid transparent;
}

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

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

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

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

  .iceb4 {
    flex-direction: column;
  }

  .j2258 {
    height: 220px;
  }
}

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

  .j2258 {
    height: 240px;
  }
}

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

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

.oae8b {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: center;
}

.bdffb {
  grid-column: 1;
}

.pdc2aaa8 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.a93aa1d {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
}

.h380 {
  grid-column: 1;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

.k48d60e {
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

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

.ie10cc3 {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  flex-shrink: 0;
}

.ie10cc3 svg {
  width: 28px;
  height: 28px;
  color: var(--color-primary);
}

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

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

.m3318c {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-top: auto;
}

.f6a {
  font-family: var(--font-primary);
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
}

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

.ka5 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: center;
}

.o7cce4e {
  grid-column: 1;
}

.p6e9bf {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.dba8 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  max-width: 600px;
}

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

.p6b583 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid transparent;
  text-align: center;
  display: inline-block;
}

.c320f0ef {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

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

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

@media (min-width: 640px) {
  .jbcb {
    grid-template-columns: repeat(2, 1fr);
  }

  .g410f {
    flex-direction: row;
  }

  .p6b583 {
    max-width: fit-content;
  }
}

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

  .oae8b {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

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

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

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

  .ka5 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

  .g410f {
    grid-column: 2;
  }
}

@media (min-width: 1024px) {
  .h3fe203 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .ie5 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

  .j80c2f {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

@media (min-width: 1200px) {
  .jbcb {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.m1eb747c .a301 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.m1eb747c .gfca01 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.m1eb747c h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.m1eb747c .ece {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

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

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

.m1eb747c ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
}

.m1eb747c ul li {
  margin-bottom: var(--spacing-sm);
}

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

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

.m1eb747c .p53838 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.m1eb747c .p53838 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.m1eb747c .p53838 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.m1eb747c .hc88c5 {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacing-md);
}

.m1eb747c .hc88c5 strong {
  color: var(--color-primary);
  margin-bottom: var(--spacing-xs);
}

.m1eb747c .hc88c5 span {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
}

@media (min-width: 768px) {
  .m1eb747c .gfca01 {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .m1eb747c .gfca01 {
    padding: var(--spacing-3xl) 0;
  }
}

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

.e91c3 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mf6a {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

@media (min-width: 1024px) {
  .mf6a {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.a301 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

@media (min-width: 768px) {
  .a301 {
    padding: 0 var(--spacing-lg);
  }
}

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

.e175 {
  text-align: center;
  animation: slideUp 0.6s ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.gbba {
  margin-bottom: var(--spacing-lg);
  display: flex;
  justify-content: center;
  animation: scaleIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.p510 {
  width: clamp(60px, 15vw, 120px);
  height: clamp(60px, 15vw, 120px);
}

.bc4 {
  stroke: var(--color-success);
  stroke-width: 2;
  animation: circleStroke 0.6s ease-in-out 0.3s forwards;
  opacity: 0;
}

@keyframes circleStroke {
  from {
    stroke-dasharray: 157;
    stroke-dashoffset: 157;
    opacity: 1;
  }
  to {
    stroke-dasharray: 157;
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

.n70b {
  stroke: var(--color-success);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: checkStroke 0.5s ease-in-out 0.7s forwards;
  opacity: 0;
}

@keyframes checkStroke {
  from {
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    opacity: 1;
  }
  to {
    stroke-dasharray: 48;
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

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

.n4dda {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
}

.d1cdbb9e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  opacity: 0.9;
}

.o17 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg) var(--spacing-md);
  margin-bottom: var(--spacing-2xl);
}

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

.c69 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

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

.o61b5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: var(--color-success-light);
  color: var(--color-success);
  border-radius: var(--radius-full);
  font-weight: 700;
  font-size: 0.85rem;
  flex-shrink: 0;
}

.k651b {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  letter-spacing: 0.3px;
}

.o1e79b {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

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

.j36ea4 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.3rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-top: var(--spacing-xl);
  line-height: 1.7;
}

.o961bc {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
  border-bottom: 1px solid transparent;
}

.o961bc:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary);
}

@media (max-width: 480px) {
  .mf6a {
    padding: var(--spacing-lg) var(--spacing-sm);
  }

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

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

  .o61b5 {
    width: 20px;
    height: 20px;
    font-size: 0.75rem;
  }
}

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

.mc9d70 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.d58a76 {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
}

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

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

.ce45c0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
}

.n2dafe39 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--spacing-md);
}

.f3c18 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f690cd4 {
  font-size: clamp(4rem, 15vw, 8rem);
  font-family: var(--font-heading);
  font-weight: 900;
  color: var(--color-primary);
  letter-spacing: -0.05em;
  position: relative;
  z-index: 2;
  line-height: 1;
}

.h032 {
  position: absolute;
  width: clamp(120px, 25vw, 240px);
  height: clamp(120px, 25vw, 240px);
  border: 3px solid var(--color-primary-light);
  border-radius: var(--radius-full);
  z-index: 1;
  animation: rotate-decoration 20s linear infinite;
}

@keyframes rotate-decoration {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.l0228fec {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  animation: fade-in-up 0.8s ease-out 0.2s both;
}

@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.i206c1c {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
}

.cbf02 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-weight: 400;
  margin-bottom: var(--spacing-md);
}

.d38d {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  font-family: var(--font-primary);
  margin-bottom: var(--spacing-sm);
}

.d38d:first-of-type {
  margin-top: var(--spacing-lg);
}

.ff7 {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
}

.k651b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  gap: var(--spacing-sm);
}

.o1e79b {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.o1e79b:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.beedfe {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-xl);
  text-align: left;
}

.ofe1583 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

.i64 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.i64 li {
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: 1.6;
  padding-left: var(--spacing-lg);
  position: relative;
}

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

@media (min-width: 480px) {
  .d58a76 {
    padding: var(--spacing-xl);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a4a621 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

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

.deeab {
  width: 100%;
}

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

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

@media (min-width: 768px) {
  .f0ba {
    flex: 1 1 calc(50% - 2rem);
    min-width: 350px;
  }
}

@media (min-width: 1024px) {
  .f0ba {
    flex: 1 1 calc(45% - 2rem);
  }
}

.n500c0 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  box-shadow: var(--shadow-sm);
}

.odc69 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.3;
}

.j2a9388 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.bfee {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.f88a0615 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.d2cf1a,
.o95057 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  line-height: 1.5;
}

.d2cf1a::placeholder,
.o95057::placeholder {
  color: var(--color-text-muted);
}

.d2cf1a:focus,
.o95057:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.d2cf1a:hover,
.o95057:hover {
  border-color: var(--color-border);
}

.d2cf1a:invalid:not(:placeholder-shown),
.o95057:invalid:not(:placeholder-shown) {
  border-color: var(--color-danger);
}

.o95057 {
  resize: vertical;
  min-height: 140px;
}

.h24ec {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.85rem);
  color: var(--color-danger);
  display: none;
  margin-top: 0.25rem;
}

.h24ec.d286df {
  display: block;
}

.p40b {
  padding: var(--spacing-md) 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

.i163a4 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.95vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.gfb {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

.l75 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  font-weight: 600;
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.l75:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.l75:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

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

@media (min-width: 768px) {
  .h04102d4 {
    flex: 1 1 calc(50% - 2rem);
    min-width: 350px;
  }
}

@media (min-width: 1024px) {
  .h04102d4 {
    flex: 1 1 calc(55% - 2rem);
  }
}

.i497 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

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

.g9d2b {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.da6f {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.f38867 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.cd30 {
  flex: 1;
}

.g33 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: 1.3;
}

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

.p07ba {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

.h2c45 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  box-shadow: var(--shadow-sm);
}

.e72 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.le94 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
}

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

.iadeaa2 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: all var(--transition-base);
  display: inline-block;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
}

.iadeaa2:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

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

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

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

.n206679 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto var(--spacing-lg);
}

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

.c0b5a9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  padding: 0.875rem 1.75rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 2px solid transparent;
}

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

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

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

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

@media (max-width: 767px) {
  .fbc {
    gap: var(--spacing-lg);
  }

  .f0ba,
  .h04102d4 {
    flex: 1 1 100%;
  }

  .n500c0,
  .h2c45 {
    padding: var(--spacing-lg);
  }

  .iad {
    flex-direction: column;
  }

  .c0b5a9 {
    width: 100%;
  }
}

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

  .j9b279 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .i5aae2 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }
}

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

  .j9b279 {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }

  .i5aae2 {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }

  .n500c0 {
    position: sticky;
    top: var(--spacing-lg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .d2cf1a:focus,
  .o95057:focus,
  .l75:hover,
  .l75:active,
  .gfb:hover,
  .p07ba:hover,
  .iadeaa2:hover,
  .c0b5a9:hover {
    transition: none;
    transform: none;
  }
}

@media (prefers-color-scheme: dark) {
  .d2cf1a:focus,
  .o95057:focus {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
  }
}
.d5fb9,.j956{
  width: 34px;
}

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

.b93{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .b93{
    max-width: 100%;
  }
}

.b93.i4b13{
  z-index: 999;
}

.d5fb9[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .i7cb {
    aspect-ratio: 6 / 9;
  }
  .g353a {
    aspect-ratio: 6 / 9;
  }
}