@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=DM+Sans: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: #f5f3ff;

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

  --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: #6b21a8;

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

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

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

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

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;

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

html,
body {
  margin: 0;
  padding: 0;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: var(--line-height-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  overflow-x: hidden;
}

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

h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  letter-spacing: -0.02em;
}

h2 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  letter-spacing: -0.01em;
}

h3 {
  font-size: clamp(1.5rem, 3vw, 2rem);
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin: 0;
  color: var(--color-text-primary);
  font-weight: 400;
}

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

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

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

button {
  cursor: pointer;
  border: none;
  background: transparent;
  padding: 0;
}

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

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

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

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

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

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }
}

button[class*='btn'] {
  font-family: var(--font-heading);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  white-space: nowrap;
  user-select: none;
}

.p586ccd3 {
  background: var(--color-primary);
  color: var(--color-text-light);
  box-shadow: var(--shadow-md);
}

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

.p586ccd3:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.ad3a {
  background: var(--color-secondary);
  color: var(--color-text-light);
  box-shadow: var(--shadow-md);
}

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

.ad3a:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

.jee8300:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

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

.ccb9c {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

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

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

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

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

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

.k2a3c a:hover {
  color: var(--color-text-light);
}

@media (max-width: 768px) {
  .iebf {
    padding: var(--spacing-2xl) 0;
  }
}

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

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

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

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

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

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

@media (max-width: 640px) {
  .p9193bba,
  .mae5,
  .a55e8e {
    grid-template-columns: 1fr;
  }
}

.jc803 {
  display: flex;
}

.k0dcf {
  display: flex;
  align-items: center;
  justify-content: center;
}

.i5de {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ncadd {
  flex-direction: column;
}

.ie2c79 {
  gap: var(--spacing-xs);
}

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

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

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

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

.bf0163 {
  font-size: 0.75rem;
}

.lb677 {
  font-size: 0.875rem;
}

.c65b229 {
  font-size: 1rem;
}

.nf4c {
  font-size: 1.125rem;
}

.ge37 {
  font-size: 1.25rem;
}

.g09c9 {
  text-align: center;
}

.c8253 {
  text-align: left;
}

.b87 {
  text-align: right;
}

.ef2a4846 {
  font-weight: 400;
}

.i9efcdb {
  font-weight: 500;
}

.g62c6 {
  font-weight: 600;
}

.e44bae {
  font-weight: 700;
}

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

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

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

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

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

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

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

.i0b {
  line-height: var(--line-height-tight);
}

.id57a {
  line-height: var(--line-height-normal);
}

.h1a {
  line-height: var(--line-height-relaxed);
}

.a2d826 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ibd87 {
  opacity: 0.5;
}

.nc1 {
  opacity: 0.75;
}

.ede6656 {
  opacity: 1;
}

.f5c239 {
  cursor: pointer;
}

.mb30e6 {
  cursor: default;
}

.g6e7b2f {
  transition: all var(--transition-base);
}

.h4e {
  transition: all var(--transition-fast);
}

.me9e1 {
  transition: all var(--transition-slow);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.mb52 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

.k5c {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  flex-shrink: 0;
}

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

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

.k5c:hover .m02 {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

.e8b {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(0.5rem, 2vw, 2rem);
  flex-grow: 1;
  margin-left: clamp(1rem, 4vw, 3rem);
}

.m562567 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

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

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

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

.daab3b62.ha2f9 span:nth-child(2) {
  opacity: 0;
}

.daab3b62.ha2f9 span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

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

.i221e3.ha2f9 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

.j3ea:hover {
  color: var(--color-accent);
  padding-left: 0.5rem;
}

.c93f005c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background: var(--color-accent);
  padding: clamp(0.875rem, 2vw, 1rem) clamp(1.25rem, 3vw, 1.75rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  margin: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 4vw, 2rem);
  margin-top: auto;
  text-align: center;
  display: block;
}

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

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

  .k959bee5 {
    display: block;
  }

  .daab3b62 {
    display: none;
  }

  .i221e3 {
    display: none;
  }

  .i66 {
    padding: clamp(1rem, 2vw, 1.75rem) clamp(2rem, 5vw, 3rem);
  }
}

@media (min-width: 1024px) {
  .i66 {
    padding: clamp(1.25rem, 2vw, 2rem) clamp(2.5rem, 6vw, 4rem);
    gap: clamp(2rem, 3vw, 3rem);
  }

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

  .m562567 {
    font-size: 1rem;
  }

  .k959bee5 {
    font-size: 1rem;
    padding: 0.875rem 1.75rem;
  }
}

    

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

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

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

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

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

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

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

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

.b2bfebdc {
  width: 100px;
  height: 4px;
  background: var(--color-accent);
  border-radius: 2px;
}

.k072629 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  font-weight: 800;
  color: var(--color-text-primary);
  line-height: 1.1;
  letter-spacing: -0.02em;
}

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

.i599aa42 {
  width: 100%;
  max-height: 500px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

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

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

.jee8300 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

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

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

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

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

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

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

.e3c {
  flex: 1 1 45%;
  min-height: 300px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

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

.k92 {
  flex: 1 1 55%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.a9d3cad {
  display: inline-flex;
  align-items: center;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  gap: 0.5rem;
  width: fit-content;
  transition: all 0.3s ease;
}

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

.a9d3cad::after {
  content: '';
  font-size: 1.2em;
}

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

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

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

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

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

.ddc456 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}

.me8380a4 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-muted);
  text-align: center;
}

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

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

.a651 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: #ffffff;
}

.j507dd0b .a651 {
  color: #fca5a5;
}

.b3178 .a651 {
  color: #86efac;
}

.d5a9066 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ee2 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: #f1f5f9;
  line-height: 1.6;
}

.f064509 {
  flex-shrink: 0;
  font-weight: 700;
  font-size: 1.25rem;
  margin-top: 2px;
}

.j507dd0b .f064509 {
  color: #fca5a5;
}

.b3178 .f064509 {
  color: #86efac;
}

.ic1718 {
  flex: 1;
}

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

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

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

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

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

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

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

.l4e6 {
  flex: 1 1 50%;
  min-height: 300px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

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

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

  .p4980b1 {
    flex: 1 1 100%;
  }

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

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

.n0ff3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.l8bb0 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 5vw, 3.5rem);
  border-radius: 12px;
  text-align: center;
  max-width: 600px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.adcb {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

.g874 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}

.m808e6 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
}

.p316 {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.25rem 1.5rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  text-decoration: none;
  color: #ffffff;
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  font-weight: 500;
  transition: all 0.3s ease;
  border-left: 3px solid transparent;
}

.p316:hover {
  background: rgba(255, 255, 255, 0.1);
  border-left-color: var(--color-accent);
  transform: translateX(8px);
}

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

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

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

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

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

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

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

.a6e4 {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.a6e4:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

.i87d25e {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background: #f5f3ff;
}

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

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

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

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

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

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

.ic539::after {
  content: '';
  font-size: 1.2em;
}

.h49 {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

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

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

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

.i14305aa.j428 {
  display: none;
}

.bfc78 {
  color: #f1f5f9;
  margin: 0;
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.5;
  max-width: 500px;
}

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

.ecf21a {
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.9vw, 1rem);
  transition: all 0.3s ease;
}

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

.f5848 {
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1.25rem, 2vw, 1.75rem);
  background: transparent;
  color: #f1f5f9;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.9vw, 1rem);
  transition: all 0.3s ease;
}

.f5848:hover {
  border-color: #f1f5f9;
  background: rgba(255, 255, 255, 0.05);
}

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

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

  .j929a {
    width: 100%;
  }

  .ecf21a,
  .f5848 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

  .jee8300 {
    width: 100%;
  }

  .ecf21a,
  .f5848 {
    width: 100%;
  }
}

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

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

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

.cd9e5 {
  display: block;
  max-width: 600px;
}

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

.cd9e5 p {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d4ce4a9 {
  display: block;
}

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

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

.e805a3f li {
  display: block;
}

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

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

.g634a31 {
  display: block;
}

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

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

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

.e2adfcc {
  display: block;
}

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

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

.c998703 li {
  display: block;
}

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

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

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

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

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

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

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

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

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

  .cd9e5 {
    grid-column: 1 / 2;
  }

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

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

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

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

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

.h308f4 {
  width: 100%;
}

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

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

.nf3b8cc {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-xl);
  padding: clamp(2rem, 5vw, 3.5rem);
  max-width: 800px;
  box-shadow: var(--shadow-md);
  text-align: center;
}

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

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

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

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

.d4d77d i {
  color: var(--color-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

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

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

.p4297 {
  text-align: center;
}

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

.ea604e9a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.pffc60d6 {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base) ease;
  flex: 1 1 clamp(280px, 100%, 380px);
  min-height: 100%;
}

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

.n5cd7 {
  width: 100%;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

.m16 {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;
  transition: transform var(--transition-base) ease;
}

.pffc60d6:hover .m16 {
  transform: scale(1.05);
}

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

.o90347 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.nc8 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-normal);
  flex: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.g70595 i,
.aef4a i,
.na53 i {
  color: var(--color-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

.p427 {
  color: var(--color-accent);
  background: transparent;
  border: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base) ease;
  align-self: flex-start;
  padding: 0;
  margin: 0;
  display: inline-block;
}

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

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

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

.b4049 {
  text-align: center;
}

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

.e22 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.aa25 {
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.25rem;
}

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

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

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

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

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

.h6c {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.08);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-xl);
  padding: clamp(2rem, 4vw, 3.5rem);
  max-width: 850px;
  backdrop-filter: blur(10px);
}

.k343 {
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: clamp(2.5rem, 6vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(3rem, 8vw, 5rem);
}

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

.gc4208 {
  color: #ffffff;
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h1fb957 {
  color: #e8e8ff;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .k343 {
    align-self: center;
  }

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

  .n4167ef4 {
    flex-direction: column;
  }
}

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

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

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

  .pffc60d6 {
    flex: 1 1 calc(33.333% - 1.667rem);
    max-width: 380px;
  }

  .h6c {
    flex-direction: row;
    text-align: left;
  }
}

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

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

.c78 {
  display: block;
  width: 100%;
}

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

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

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

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

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

.nb1e74f {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
  border-bottom: 1px solid #e9d5ff;
}

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

.m2f a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

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

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

.n36519f5 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

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

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

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

  .i66ddb,
  .n8fc {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

.pfacd a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

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

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

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

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

.f87f723 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  line-height: 1.3;
  font-weight: 700;
  margin-top: 0.5rem;
}

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

.b4dcb {
  background: var(--color-bg-primary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  margin: clamp(1.5rem, 3vw, 2rem) 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.k92f4 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  line-height: 1.6;
  font-style: italic;
  margin: 0;
}

.h331ca97 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-style: normal;
}

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

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

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

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

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

.j8a9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  line-height: 1.6;
  padding-left: 1.75rem;
  position: relative;
}

.j8a9::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 8px;
  height: 8px;
  background: var(--color-accent);
  border-radius: 50%;
}

.g5e5b698 {
  margin: clamp(2rem, 4vw, 3rem) 0;
}

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

.cb3c5f9c {
  color: #e9d5ff;
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: 1.6;
  margin: 0;
}

.cb3c5f9c strong {
  color: #f3e8ff;
  font-weight: 700;
}

.j59375 {
  background: var(--color-bg-primary);
  border: 2px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  margin: clamp(1.5rem, 3vw, 2rem) 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.mf14e7e7 {
  color: var(--color-accent);
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  font-weight: 700;
  margin: 0;
}

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

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

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

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

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

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

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

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

  .j3412,
  .l027cf8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .j91536 {
    gap: 0.75rem;
  }
}

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

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

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

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

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

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

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

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

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

.d5983:hover .k1f355a {
  transform: scale(1.05);
}

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

.j998104 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  line-height: 1.4;
  font-weight: 700;
  margin: 0;
}

.j998104 a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

.f5b {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

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

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

.bd3 {
  width: 100%;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

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

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

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

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

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

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

.k27e08 span:last-child {
  color: var(--color-text-primary);
}

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

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

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

.m5bf5618 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  max-width: 90%;
}

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

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

.ma5cb i {
  color: var(--color-primary);
  font-size: 1.1em;
}

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

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

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

.f61507a5 {
  flex: 1 1 70%;
  max-width: 70%;
}

.n3b {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

.f7f89b {
  font-size: clamp(0.9375rem, 1.1vw + 0.5rem, 1.1875rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pe44b {
  background: var(--color-bg-primary);
  border-left: 4px solid var(--color-primary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-sm);
}

.j107 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.n680 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 1.5vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

.i521ea89 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.n5c {
  flex: 0 0 auto;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  font-weight: 700;
}

.gaf {
  flex: 1 1 auto;
}

.cad4dae {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

.j3861 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.cf867cf {
  background: var(--color-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
}

.oc76 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-normal);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.o124ea4 {
  flex: 1 1 25%;
  max-width: 25%;
}

.e0627bbc {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
  position: sticky;
  top: clamp(1rem, 2vw, 2rem);
}

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

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

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

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

.de2b0 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.h11ca14f {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c85 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  max-width: 80%;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

.abe09 {
  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;
  margin-top: 0.5rem;
}

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

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

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

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

  .e0627bbc {
    position: static;
  }

  .of5f35c1,
  .l6f,
  .la14,
  .d9ee {
    flex-direction: column;
  }

  .jebb4,
  .c59dedc,
  .pa27f,
  .c549caf8,
  .p8e7c,
  .i892,
  .paa,
  .e32075 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l6f,
  .d9ee {
    flex-direction: column;
  }

  .i892,
  .e32075 {
    order: 0;
  }

  .g8add2 {
    flex-direction: column;
  }

  .k3056,
  .c65c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

  .n5c {
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 640px) {
  .k27e08 {
    font-size: clamp(0.75rem, 1vw + 0.5rem, 0.8125rem);
  }

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

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

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

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  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;
}

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

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

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

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

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

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

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

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

.md1,
.m5c11,
.mdaeb {
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

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

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

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

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

  .h36,
  .h77367 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.k734 {
  flex: 0 0 auto;
  width: 280px;
}

.n26 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  position: sticky;
  top: 2rem;
}

.g56b58 {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: var(--radius-lg);
  object-fit: cover;
  margin-bottom: 1rem;
  display: block;
}

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

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

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

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

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

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

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

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

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

.fcaa {
  margin-bottom: clamp(3rem, 6vw, 4rem);
  padding: clamp(2rem, 4vw, 3rem) 0;
  border-top: 1px solid rgba(126, 34, 206, 0.1);
}

.fcaa:first-of-type {
  border-top: none;
  padding-top: 0;
}

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

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

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

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

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

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

.aa51a2e2 {
  background: rgba(126, 34, 206, 0.08);
  border-left: 4px solid var(--color-accent);
  padding: 1rem 1.25rem;
  border-radius: var(--radius-md);
  margin: 1.5rem 0;
  font-size: clamp(0.9375rem, 1vw + 0.625rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

  .k734 {
    width: 100%;
  }

  .n26 {
    position: static;
  }

  .k6bdb8 {
    flex-direction: column;
  }

  .o9a691,
  .a369 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.l0a3 {
  margin: clamp(2.5rem, 5vw, 4rem) 0;
  padding: clamp(2rem, 4vw, 3rem) 0;
}

.a8a95043 {
  border-left: 5px solid var(--color-accent);
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(1.1rem, 2vw + 0.625rem, 1.375rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.8;
  font-weight: 500;
}

.a8a95043 p {
  margin: 0;
}

.o82 {
  margin: clamp(2.5rem, 5vw, 4rem) 0;
  padding: clamp(2rem, 4vw, 3rem) 0;
}

.ca0d562 {
  background: rgba(168, 85, 247, 0.05);
  border: 1px solid rgba(126, 34, 206, 0.2);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
}

.n0a458cd {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  font-weight: 600;
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw + 0.625rem, 1.0625rem);
}

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

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

.ib4f9b3 {
  margin-top: clamp(3rem, 6vw, 4rem);
  padding: clamp(2rem, 4vw, 3rem) 0;
  border-top: 2px solid rgba(126, 34, 206, 0.1);
}

.ha57 {
  max-width: 100%;
}

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

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

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

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

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

.daa66 {
  font-size: clamp(1.75rem, 5vw + 1rem, 2.75rem);
  color: var(--color-text-light);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
  line-height: 1.2;
}

.daa66 {
  color: #ffffff;
}

.cc59 {
  font-size: clamp(0.9375rem, 1vw + 0.625rem, 1.125rem);
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.6;
}

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

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

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

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

.mc01b {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.f03ba1:hover .mc01b {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

  .nccad3 {
    padding: clamp(1.5rem, 4vw, 3rem) 0;
  }

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

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

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

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

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

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

.mdc208 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-base, 0.3s ease);
}

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

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

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

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

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

.df6292 {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.375rem 0.75rem;
  border-radius: 9999px;
  font-weight: 600;
}

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

.p642936,
.n5859 {
  color: var(--color-text-secondary);
}

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

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

.b1f20 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 350px;
}

.j021 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  display: block;
}

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

  .mc9f,
  .b1f20 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b1f20 {
    min-height: 250px;
  }

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

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

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

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

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

.a178926 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

.l703 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  margin: 0;
}

.l703 a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base, 0.3s ease);
}

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

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

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

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

.o51ca52 {
  background: var(--color-bg-primary);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

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

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

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

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

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

.fb5 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

.fb5 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1.25rem);
  display: block;
}

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

.caa {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  font-weight: 700;
  color: var(--color-accent);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.0625rem);
}

.caa i {
  font-size: 1.25rem;
}

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

.fdb {
  background: var(--color-bg-primary);
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
  overflow: hidden;
}

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

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

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

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

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

.p44e68e {
  background: var(--color-bg-tertiary);
  color: var(--color-text-on-accent);
  padding: 1.25rem;
  border-radius: 0.5rem;
  margin: 1.5rem 0;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p44e68e strong {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--color-text-on-accent);
}

.jb0 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

.jb0 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1.25rem);
  display: block;
}

.p598d {
  background: var(--color-bg-primary);
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
  overflow: hidden;
}

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

.i827d {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  order: -1;
}

.i827d {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1.25rem);
  display: block;
}

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

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

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

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

.e6a1 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  padding-left: 1.75rem;
  position: relative;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e6a1::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 1rem;
  height: 1rem;
  background: var(--color-accent);
  border-radius: 50%;
}

.o1f9 {
  background: var(--color-bg-primary);
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
  overflow: hidden;
}

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

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

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

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

.n71 {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  padding: 1.5rem;
  margin: 1.5rem 0;
  border-radius: 0.25rem;
  font-style: italic;
}

.j066f {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.1875rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pa0 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  font-style: normal;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f89 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

.f89 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1.25rem);
  display: block;
}

.f133f84e {
  background: var(--color-bg-primary);
  margin-top: clamp(2.5rem, 5vw, 4rem);
  overflow: hidden;
}

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

.j88 {
  font-size: clamp(1.35rem, 3.5vw + 0.5rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.k6a {
  background: var(--color-bg-secondary);
  border: 2px solid var(--color-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  text-align: center;
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

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

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

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

.b7e8 {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: all var(--transition-base, 0.3s ease);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.b7e8:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  border-color: var(--color-accent);
}

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

.jb16a {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--transition-base, 0.3s ease);
}

.b7e8:hover .jb16a {
  transform: scale(1.05);
}

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

.k245 {
  font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k245 a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base, 0.3s ease);
}

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

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

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

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

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

  .h1e8 {
    flex: 1 1 100%;
    position: static;
    max-width: 100%;
  }

  .o119,
  .a4ae,
  .jfe9e48,
  .m546914c {
    flex-direction: column;
  }

  .e525,
  .fb5,
  .h241,
  .jb0,
  .g83783,
  .i827d,
  .g5ee,
  .f89 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .i827d {
    order: 0;
  }

  .e0d,
  .jb0,
  .i827d,
  .f89 {
    min-height: 250px;
  }

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

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

@media (min-width: 769px) and (max-width: 1023px) {
  .cf8cc8e5 {
    flex-wrap: wrap;
  }

  .b7e8 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 280px;
  }
}

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

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

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

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

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

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

.jee8300 {
  display: inline-block;
  padding: 0.75rem 1.75rem;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  text-align: center;
  font-weight: 600;
}

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

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

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

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

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

.g73d {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-secondary);
  padding: 0.5rem 1.25rem;
  border-radius: 24px;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.9rem);
  font-weight: 600;
  border: 1px solid var(--color-border);
}

.f6c9e {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  line-height: 1.2;
  max-width: 800px;
}

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

.ac95 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 20px 40px rgba(126, 34, 206, 0.1);
}

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

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

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

.da1 {
  display: inline-block;
  color: var(--color-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

.bfe {
  flex: 1 1 45%;
  min-width: 280px;
}

.j2c4 {
  flex: 1 1 45%;
  min-height: 280px;
  max-height: 450px;
  border-radius: 10px;
  overflow: hidden;
}

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

.d4064a8e {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

.d4064a8e strong {
  color: var(--color-primary);
  font-weight: 700;
}

.aab {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.0625rem);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

.aab p {
  margin-bottom: 1rem;
}

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

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

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

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

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

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

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

.k3a888 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 260px;
  max-width: 350px;
  padding: clamp(1.75rem, 3vw, 2.25rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

.k3a888:hover {
  border-color: var(--color-primary);
  box-shadow: 0 12px 32px rgba(126, 34, 206, 0.12);
  transform: translateY(-4px);
}

.gb6f61 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-primary);
  height: 60px;
  display: flex;
  align-items: center;
}

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

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

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

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

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

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

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

.a08a1e {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
  margin-top: clamp(2rem, 3vw, 3rem);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.h1aa {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-primary);
  border-radius: 8px;
  transition: all var(--transition-base);
}

.h1aa:hover {
  box-shadow: 0 8px 24px rgba(126, 34, 206, 0.08);
}

.l359 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

.c04f3 {
  flex: 1 1 45%;
  min-height: 280px;
  max-height: 450px;
  border-radius: 10px;
  overflow: hidden;
  order: -1;
}

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

.dd08539 {
  flex: 1 1 45%;
  min-width: 280px;
}

.pd44 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  margin-bottom: 1.25rem;
  line-height: 1.2;
}

.b65 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.0625rem);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

.b65 p {
  margin-bottom: 1rem;
}

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

.c12 {
  color: var(--color-primary);
  font-weight: 700;
}

.c22d82 {
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%);
  border-top: 1px solid var(--color-border);
}

.h8b {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 900px;
}

.n99ac5 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
}

.pca {
  font-size: 1.5rem;
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

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

.c780a p {
  margin-bottom: 0.75rem;
}

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

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

  .j2c4,
  .c04f3 {
    flex: 1 1 100%;
  }

  .bfe,
  .dd08539 {
    flex: 1 1 100%;
  }

  .c04f3 {
    order: 0;
  }

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

  .h1aa {
    flex-direction: column;
  }

  .l359 {
    width: 45px;
    height: 45px;
    font-size: 1.125rem;
  }

  .p91d27ab {
    align-items: center;
  }

  .f6c9e,
  .i23c1a,
  .j30,
  .i4a3902 {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .h1aa {
    padding: 1.25rem 1rem;
  }

  .k3a888 {
    padding: 1.5rem;
  }
}

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

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

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

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

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

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

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

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

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

.p93 {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 500px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

  .dc1ccd1 {
    flex: 1 1 100%;
    text-align: center;
  }

  .p93 {
    flex: 1 1 100%;
    min-height: 250px;
    max-height: 400px;
  }
}

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

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

.id7 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

.k86 {
  flex: 1 1 calc(33.333% - clamp(2rem, 4vw, 3rem));
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

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

.p91 {
  flex: 1 1 calc(50% - clamp(2rem, 4vw, 3rem));
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

.gbb012c5 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

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

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

.dbdd365 {
  flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

.pb05b6a3 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.eb595006 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .f20c9,
  .l64c1 {
    width: 100%;
  }
}

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

.ob8daf {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.d4f8 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  max-width: 700px;
}

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

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

.j30ee1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
}

.j30ee1:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
}

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

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

.j30ee1:hover .a8f54c78 img {
  transform: scale(1.05);
}

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

.cafdba6 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}

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

.j6a {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

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

.o86e03 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

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

.p6ba83 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

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

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

.gf861:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .ob8daf {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

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

  .a8f54c78 {
    height: 280px;
  }

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

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

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

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

  .m4849 {
    padding: 0 var(--spacing-xl);
    grid-template-columns: repeat(2, 1fr);
  }

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

  .j30ee1:nth-child(odd) {
    grid-template-columns: 1fr 1fr;
  }

  .j30ee1:nth-child(even) {
    grid-template-columns: 1fr 1fr;
  }

  .j30ee1:nth-child(even) .a8f54c78 {
    order: 2;
  }

  .j30ee1:nth-child(even) .ia01b {
    order: 1;
  }

  .a8f54c78 {
    height: 100%;
    min-height: 350px;
  }

  .ia01b {
    padding: var(--spacing-xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

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

  .m4060bd0 {
    max-width: 800px;
  }
}

@media (min-width: 1440px) {
  .m4849 {
    grid-template-columns: repeat(2, 1fr);
    max-width: 1300px;
  }

  .a8f54c78 {
    min-height: 400px;
  }
}

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

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

.h6e9e {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.a107e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.obfb5a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

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

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

.h32275 {
  max-width: 850px;
  margin: 0 auto;
}

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

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

.a2d3e9:hover {
  box-shadow: var(--shadow-sm);
  border-color: var(--color-border);
}

.f34 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-md);
  transition: background-color var(--transition-base);
  text-align: left;
}

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

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

.m97 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-normal);
  flex: 1;
  padding-top: 2px;
}

.g7f {
  display: block;
  font-family: var(--font-primary);
  font-size: 0.8rem;
  color: var(--color-text-muted);
  margin-top: 4px;
  font-weight: 400;
}

.fbd030 {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--color-primary);
  transition: transform var(--transition-base);
  padding-top: 2px;
}

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

.f3b8424c {
  background-color: var(--color-bg-primary);
  border-top: 1px solid var(--color-border-light);
  padding: var(--spacing-lg) var(--spacing-md);
  animation: slideDown var(--transition-base) ease-out;
}

.f3b8424c p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

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

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

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

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

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

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

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

.e2ccb6 {
  text-align: center;
  margin-bottom: var(--spacing-2xl);
}

.oe9a6 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.p0dfd {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.p58a2978 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-sm);
  border: none;
  cursor: pointer;
}

.p58a2978:hover {
  background-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

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

.g1a {
  text-align: center;
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

.a2aa507 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  color: var(--color-text-muted);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-normal);
}

.ia852 {
  display: inline-block;
  background-color: transparent;
  color: var(--color-primary);
  padding: var(--spacing-sm) var(--spacing-lg);
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base), color var(--transition-base);
}

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

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

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

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

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

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

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

.k122901 .oc35d {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.k122901 .bbe51 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.k122901 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
}

.k122901 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  line-height: var(--line-height-tight);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
}

.k122901 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-top: var(--spacing-lg);
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
}

.k122901 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.k122901 ul {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-lg);
  list-style-position: outside;
}

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

.k122901 .c8c2044 {
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-2xl);
}

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

.k122901 .h8389f {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
  border-radius: var(--radius-md);
}

.k122901 .h8389f h2 {
  margin-top: 0;
}

.k122901 .h8389f p {
  margin-bottom: var(--spacing-sm);
}

.k122901 .h8389f strong {
  color: var(--color-primary);
  font-weight: 600;
}

@media (min-width: 768px) {
  .k122901 .bbe51 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

.f73c {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.h98cc07f {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

.b3cf9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-md);
}

.jb94 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.jb94 svg {
  color: var(--color-success);
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
  animation: fadeInUp 0.7s ease-out 0.1s both;
}

.f658f1 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  margin: 0;
  animation: fadeInUp 0.7s ease-out 0.2s both;
}

.ebfdb {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 600px;
  animation: fadeInUp 0.7s ease-out 0.3s both;
}

.nb964051 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 600px;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  animation: fadeInUp 0.7s ease-out 0.4s both;
}

.jee8300 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: var(--transition-base);
  margin-top: var(--spacing-md);
  animation: fadeInUp 0.7s ease-out 0.5s both;
}

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

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

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

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 480px) {
  .h98cc07f {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

  .jee8300 {
    padding: var(--spacing-sm) var(--spacing-2xl);
  }
}

@media (min-width: 768px) {
  .h98cc07f {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }

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

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

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

  .jee8300 {
    padding: var(--spacing-md) var(--spacing-3xl);
    font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  }
}

@media (min-width: 1024px) {
  .h98cc07f {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

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

* {
  box-sizing: border-box;
}

.hf057b {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

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

.oc35d {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.i76 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-lg);
}

.eed29f6 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

.d2b0 {
  font-family: var(--font-heading);
  font-size: clamp(3rem, 12vw, 7rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.05em;
  line-height: 1;
  animation: float 3s ease-in-out infinite;
}

.l1ed {
  width: clamp(100px, 20vw, 160px);
  height: clamp(100px, 20vw, 160px);
  color: var(--color-primary);
  opacity: 0.8;
  animation: bounce 2s ease-in-out infinite;
}

.l1ed svg {
  width: 100%;
  height: 100%;
}

.d577286 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
  letter-spacing: -0.02em;
}

.l4c560 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: var(--spacing-sm) 0 0 0;
  font-weight: 500;
  line-height: var(--line-height-normal);
}

.bd7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-lg) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ac36f {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin: var(--spacing-xl) 0;
  text-align: left;
}

.p0d8 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
}

.afb980 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.afb980 li {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  padding-left: var(--spacing-lg);
  position: relative;
}

.afb980 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: var(--color-primary);
  border-radius: var(--radius-full);
}

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

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

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

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

.m2dab {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  margin-top: var(--spacing-lg);
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.05);
    opacity: 1;
  }
}

@media (min-width: 640px) {
  .oc35d {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 768px) {
  .hf057b {
    padding: var(--spacing-xl) 0;
  }

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

  .ac36f {
    margin: var(--spacing-2xl) 0;
  }

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

@media (min-width: 1024px) {
  .oc35d {
    padding: 0 var(--spacing-2xl);
  }

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

  .eed29f6 {
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-2xl);
  }

  .bd7 {
    margin: var(--spacing-2xl) 0;
  }
}

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

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

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

.pf84746b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.gb39 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
}

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

.a96 {
  width: 100%;
}

.o7ce {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 4rem);
}

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

@media (min-width: 768px) {
  .md5cf {
    flex: 1 1 400px;
  }
}

.l7a56b1e {
  background-color: var(--color-bg-card);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
}

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

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

.hfd3d5 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.cad7 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  font-weight: 500;
  color: var(--color-text-primary);
  display: block;
}

.c656,
.k4099 {
  font-family: var(--font-primary);
  width: 100%;
  padding: clamp(0.75rem, 2vw, 1rem);
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: var(--line-height-normal);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
  box-sizing: border-box;
}

.c656::placeholder,
.k4099::placeholder {
  color: var(--color-text-muted);
}

.c656:focus,
.k4099:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.k4099 {
  min-height: clamp(100px, 20vh, 180px);
  resize: vertical;
}

.n87 {
  font-family: var(--font-primary);
  width: 100%;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  box-sizing: border-box;
}

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

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

.j1b4e9 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  text-align: center;
}

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

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

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

@media (min-width: 768px) {
  .bd719aaa {
    flex: 1 1 400px;
  }
}

.ace {
  background-color: var(--color-bg-card);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
}

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

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

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

.i7b24 {
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
}

.b22a02cf {
  flex: 1;
  min-width: 0;
}

.nf0 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.25rem 0;
}

.d2f38b4f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  word-break: break-word;
}

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

.d15dac {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.ba70 {
  height: 1px;
  background-color: var(--color-border-light);
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

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

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

.jf1e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.j8dc7d3 {
  font-family: var(--font-primary);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.75rem, 1.5vw, 0.875rem) clamp(1.25rem, 2vw, 1.5rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  width: fit-content;
}

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

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

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

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

.n30 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

.o701b {
  font-family: var(--font-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

  .md5cf,
  .bd719aaa {
    flex: 1 1 100%;
  }
}

@media (min-width: 1024px) {
  .a72c0 {
    padding: clamp(5rem, 10vw, 7rem) 0;
  }

  .g2c88ed {
    padding: clamp(5rem, 10vw, 7rem) 0;
  }

  .ie6 {
    padding: clamp(5rem, 10vw, 7rem) 0;
  }
}
.daab3b62,.g423{
  width: 34px;
}

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

.i221e3{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .i221e3{
    max-width: 100%;
  }
}

.i221e3.ha2f9{
  z-index: 999;
}

.n7e01e7b{
  padding-top: 50px;
}

.daab3b62[aria-expanded="true"]{
  display: none;
}