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

:root {
  --color-bg-primary: #09090b;
  --color-bg-secondary: #18181b;
  --color-bg-tertiary: #27272a;
  --color-bg-card: #18181b;

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

  --color-primary: #eab308;
  --color-primary-hover: #ca8a04;
  --color-primary-light: #f4d86d;
  --color-primary-dark: #b8860b;
  --color-secondary: #facc15;
  --color-secondary-light: #fde047;
  --color-secondary-dark: #eab308;

  --color-success: #22c55e;
  --color-success-light: #4ade80;
  --color-success-dark: #16a34a;

  --color-warning: #f97316;
  --color-warning-light: #fb923c;
  --color-warning-dark: #ea580c;

  --color-danger: #ef4444;
  --color-danger-light: #f87171;
  --color-danger-dark: #dc2626;

  --color-border: #3f3f46;
  --color-border-light: #27272a;
  --color-border-accent: #52525b;

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

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

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

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;

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

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

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: var(--line-height-normal);
  font-weight: 400;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.e85:hover {
  background: rgba(234, 179, 8, 0.1);
  border-color: var(--color-primary-hover);
  color: var(--color-primary-hover);
}

.m038d4a {
  background: transparent;
  color: var(--color-text-primary);
  padding: var(--spacing-sm) var(--spacing-lg);
}

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

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

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

.h224 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-md);
}

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

.i93934cf {
  background: rgba(234, 179, 8, 0.15);
  color: var(--color-primary);
  border: 1px solid rgba(234, 179, 8, 0.3);
}

.fa7 {
  background: rgba(250, 204, 21, 0.15);
  color: var(--color-secondary);
  border: 1px solid rgba(250, 204, 21, 0.3);
}

.m3af1 {
  background: rgba(34, 197, 94, 0.15);
  color: var(--color-success);
  border: 1px solid rgba(34, 197, 94, 0.3);
}

.n831 {
  background: rgba(249, 115, 22, 0.15);
  color: var(--color-warning);
  border: 1px solid rgba(249, 115, 22, 0.3);
}

.o97b744 {
  background: rgba(239, 68, 68, 0.15);
  color: var(--color-danger);
  border: 1px solid rgba(239, 68, 68, 0.3);
}

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

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

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

.cf82 {
  padding: var(--spacing-4xl) var(--spacing-lg);
}

.l95d8f9 {
  padding: var(--spacing-3xl) var(--spacing-lg);
}

.f6efa156 {
  padding: var(--spacing-4xl) var(--spacing-lg);
}

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

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

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

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

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

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

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

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

.k0d59 {
  text-align: center;
}

.d85 {
  text-align: right;
}

.h572b {
  text-align: left;
}

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

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

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

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

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

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

.m0d49 {
  font-weight: 700;
}

.b05 {
  font-weight: 600;
}

.m186 {
  font-weight: 500;
}

.l37339 {
  font-weight: 400;
}

.f4f54b {
  font-size: 0.875rem;
}

.ka0df1b {
  font-size: 1rem;
}

.p71 {
  font-size: 1.125rem;
}

.lea1be8 {
  font-size: 1.25rem;
}

.i78b43 {
  font-size: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i2c7f4b8 {
  opacity: 0.5;
}

.k81 {
  opacity: 0.75;
}

.l5c469 {
  opacity: 1;
}

.b8748ef {
  cursor: pointer;
}

.g27d6e {
  cursor: default;
}

.k752531d {
  overflow: hidden;
}

.k37588f {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ldaa0a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.pdb13dc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  .cf82 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .f6efa156 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

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

  .ic74a2c {
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: 0.95rem;
  }

  .c7db9 {
    flex-direction: column;
    align-items: flex-start;
  }
}
.pf8e74 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
}

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

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

.c5e8:hover {
  opacity: 0.8;
}

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

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

.maefc1 {
  display: none;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  justify-content: center;
  margin: 0 2rem;
}

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

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

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

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

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

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

.p1f142 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 28px;
  height: 24px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  flex-shrink: 0;
}

.p1f142 span {
  width: 100%;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 1px;
  transition: all var(--transition-base);
  transform-origin: center;
}

.p1f142.g18 span:nth-child(1) {
  transform: rotate(45deg) translate(10px, 10px);
}

.p1f142.g18 span:nth-child(2) {
  opacity: 0;
}

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

.k189853 {
  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: 70px;
  overflow-y: auto;
}

.k189853.g18 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.cd9d21 {
  display: flex;
  justify-content: flex-end;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: var(--color-bg-primary);
  z-index: 101;
}

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

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

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

.ke4949 {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base), color var(--transition-base);
}

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

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

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

@media (min-width: 768px) {
  .p1f142 {
    display: none;
  }

  .k189853 {
    display: none;
  }

  .maefc1 {
    display: flex;
  }

  .p17b9 {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  .f1d9 {
    padding: 1.25rem clamp(1.5rem, 5vw, 3rem);
    gap: 2rem;
  }

  .m4f23 {
    font-size: 1.5rem;
  }

  .maefc1 {
    gap: 2.5rem;
  }

  .n5fb3d {
    font-size: 1rem;
  }

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

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

  .ff3e4c {
    width: 36px;
    height: 36px;
  }

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

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

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

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

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

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

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

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

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

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

@media (min-width: 640px) {
  .de04 {
    flex-direction: row;
    justify-content: center;
  }
}

.ic74a2c {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

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

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

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

.f559db5 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1rem, 3vw, 1.5rem);
  align-items: center;
}

.dca269e1 {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.dca269e1 img {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  display: block;
}

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

@media (min-width: 768px) {
  .b56b {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
  }
}

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

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

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

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

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

.jdfda7ca {
  flex: 1 1 50%;
}

.g84765c {
  flex: 1 1 50%;
}

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

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

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

.j25f0 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-radius: var(--radius-sm);
  transition: all var(--transition-base);
}

.j25f0:hover {
  color: var(--color-accent-hover);
  background: rgba(234, 179, 8, 0.1);
}

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

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

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

.pceb {
  flex: 1 1 50%;
}

.g5a6efa4 {
  flex: 1 1 50%;
}

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

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

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

.e80 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-sm);
  transition: all var(--transition-base);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.e80:hover {
  background: rgba(234, 179, 8, 0.1);
  color: var(--color-accent-hover);
}

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

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

.g7833a04 {
  text-align: center;
}

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

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

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

.o33c {
  padding: clamp(1.5rem, 3vw, 2rem) 0;
}

.h702f78 {
  height: 1px;
  background: var(--color-border-light);
  width: 100%;
}

.af685048 {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  font-weight: 600;
}

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

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

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

.n9cae2 {
  text-align: center;
}

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

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

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

@media (min-width: 768px) {
  .mf63bb5 {
    flex-direction: row;
    justify-content: center;
  }
}

.i32 {
  width: clamp(80px, 10vw, 120px);
  height: clamp(80px, 10vw, 120px);
  border-radius: 50%;
  background: var(--color-accent);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
}

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

.b0b2 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-on-accent);
  margin: 0.25rem 0 0 0;
}

.c279 {
  width: clamp(1rem, 3vw, 2rem);
  height: 2px;
  background: var(--color-accent);
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .c279 {
    width: 2px;
    height: clamp(1rem, 3vw, 2rem);
  }
}

.fa6bc,
.b63 {
  background: var(--color-accent-dark);
}

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

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

.ge5c763 {
  text-align: center;
}

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

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

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

.c2bb6860 {
  flex: 1 1 250px;
  max-width: 300px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  text-align: center;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.o31 {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-accent);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.d0b88 {
  text-align: center;
}

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

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

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

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

.mb44 {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

.mb44:hover {
  transform: scale(1.03);
  box-shadow: var(--shadow-lg);
}

.mb44 img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  display: block;
}

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

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

.i1ad0 {
  text-align: center;
}

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

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

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

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

.e81 {
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.h6808343 {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-accent);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
}

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

.kf3 {
  padding: clamp(0.75rem, 1.5vw, 1rem) 0;
  border-bottom: 1px solid var(--color-border-light);
}

.kf3:last-child {
  border-bottom: none;
}

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

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

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

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

.h57a9422 {
  padding: clamp(2rem, 5vw, 3rem);
  border: 3px solid var(--color-accent);
  border-radius: var(--radius-lg);
  text-align: center;
  max-width: 600px;
}

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

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

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

@media (min-width: 640px) {
  .f4d {
    flex-direction: row;
    justify-content: center;
  }
}

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

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

.a5a {
  text-align: center;
}

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

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

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

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

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

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

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

.g993973:hover .le8b9 img {
  transform: scale(1.05);
}

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

.d54b5e {
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  font-weight: 600;
  line-height: var(--line-height-tight);
}

.edc8 {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  flex-grow: 1;
}

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

.o5656:hover {
  background: rgba(234, 179, 8, 0.1);
  color: var(--color-accent-hover);
}

.lef {
  text-align: center;
  padding-top: clamp(1rem, 2vw, 1.5rem);
}

.p28 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  padding: 0.75rem 1.5rem;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

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

.m0386e8d.d93a {
  display: none;
}

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

.o79fd0 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

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

.ff1b618,
.he1 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  transition: all var(--transition-base);
  border: none;
  white-space: nowrap;
}

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

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

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

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

@media (max-width: 640px) {
  .m0386e8d {
    flex-direction: column;
    align-items: stretch;
  }

  .eb7313 {
    width: 100%;
  }

  .ld3b9f {
    width: 100%;
  }

  .ff1b618,
  .he1 {
    flex: 1 1 auto;
  }
}

@media (max-width: 767px) {
  .f559db5 {
    grid-template-columns: 1fr;
  }

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

  .dd0d712 {
    flex-direction: column;
  }

  .fc837 {
    flex-direction: column;
  }

  .bd85f7 {
    flex-direction: column;
  }

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

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

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

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

.ja0 {
  max-width: 560px;
}

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

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

.j5ff4 {
  display: block;
}

.j5ff4 h3,
.pe8 h3,
.he8ece9 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 600;
  letter-spacing: -0.5px;
}

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

.e361d1 li,
.k239 li {
  display: block;
}

.f5ef9 {
  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) ease;
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.pe8 {
  display: block;
}

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

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

.he8ece9 {
  display: block;
}

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

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

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

@media (min-width: 768px) {
  .od36eb {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2rem, 4vw, 3rem);
    align-items: flex-start;
  }

  .ja0 {
    flex: 1 1 100%;
    max-width: none;
    padding-bottom: clamp(1rem, 2vw, 1.5rem);
    border-bottom: 1px solid var(--color-border-light);
  }

  .j5ff4 {
    flex: 1 1 auto;
    min-width: 180px;
  }

  .pe8 {
    flex: 1 1 auto;
    min-width: 220px;
  }

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

  .oa3f70 {
    flex: 1 1 100%;
    padding-top: clamp(1.5rem, 3vw, 2rem);
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }
}

@media (min-width: 1024px) {
  .od36eb {
    gap: clamp(3rem, 5vw, 4rem);
  }

  .j5ff4,
  .pe8,
  .he8ece9 {
    flex: 0 1 auto;
  }
}
    

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

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

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

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

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

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

.c45 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-accent);
  font-weight: 600;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

.mdef55cc {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base) ease;
  padding: 0;
}

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

.ef644f14 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  width: 100%;
}

.c990f0d {
  flex: 0 0 30%;
  min-width: 180px;
  max-width: 280px;
  height: auto;
  min-height: 200px;
}

.o6c0 {
  width: 100%;
  height: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}

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

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

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

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

.i0a {
  font-size: clamp(0.75rem, 0.9vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.a7ad9 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

.ic1da192 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.b27 {
  font-size: clamp(2rem, 8vw, 4rem);
  color: var(--color-accent);
  line-height: 1;
  font-family: var(--font-heading);
}

.i946b58 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.3rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.hc32 {
  font-size: clamp(2rem, 8vw, 4rem);
  color: var(--color-accent);
  line-height: 1;
  font-family: var(--font-heading);
  text-align: right;
}

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

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

  .b7c441 {
    flex: 1 1 100%;
  }

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

  .mdef55cc {
    flex-direction: column;
    gap: 0;
  }

  .ef644f14 {
    flex-direction: column;
    gap: 0;
  }

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

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

@media (min-width: 768px) and (max-width: 1023px) {
  .c990f0d {
    flex: 0 0 35%;
    min-width: 200px;
  }

  .f9220ab {
    flex: 1 1 65%;
  }
}

@media (min-width: 1024px) {
  .o0f {
    flex-direction: row;
  }

  .c990f0d {
    flex: 0 0 30%;
  }

  .f9220ab {
    flex: 1 1 70%;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

.b2ccf {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  line-height: 1.5;
}

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

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

.c1c965 i {
  color: var(--color-accent);
  font-size: 1.1em;
}

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

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

.o5f9d {
  flex: 0 0 280px;
  position: sticky;
  top: 2rem;
}

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

.cbb793c {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
  aspect-ratio: 1;
}

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

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

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

.m92799 {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
}

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

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

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

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

.g34 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

.if6 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.25rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
}

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

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

.hb6 p {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.ha4d9 {
  flex: 1 1 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

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

.p6ecfe {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  font-style: italic;
}

.k0954c {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding-top: clamp(1.5rem, 2vw, 2rem);
  border-top: 1px solid var(--color-border);
}

.hc2c1 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.25rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
}

.peb64e17 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

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

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

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

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

.h1e {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

.db3d {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 300px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}

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

.i503e2 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: 8px;
}

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

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

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

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

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

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

  .p1eafbf {
    flex: 1 1 100%;
  }

  .gcd6a {
    flex-direction: column;
  }

  .hb6,
  .ha4d9 {
    flex: 1 1 100%;
  }
}

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

  .de3bb83 {
    font-size: clamp(1.5rem, 4vw, 2.25rem);
  }

  .b2ccf {
    font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  }

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

  .m4dc {
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    gap: 0.5rem;
  }

  .d52c5 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

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

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

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

@media (max-width: 480px) {
  .d08f2cd {
    padding: 0 clamp(0.75rem, 2vw, 1rem);
  }

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

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

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

  .c1c965 {
    font-size: 0.8125rem;
  }

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

.mcde {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 65ch;
}

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

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

.h3f3767 i {
  color: var(--color-accent);
  font-size: 1.125rem;
}

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

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

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

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

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

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

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

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

  .lc187,
  .ob51 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

  .ead4fc,
  .i466280 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.oa65 li {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  padding-left: 1.75rem;
  position: relative;
  line-height: var(--line-height-relaxed);
}

.oa65 li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: 700;
}

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

  .lc42e4,
  .a4772022 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.m535 {
  border-left: 6px solid var(--color-accent);
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
  padding-right: clamp(1.5rem, 3vw, 2.5rem);
  padding-top: clamp(1rem, 2vw, 1.5rem);
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
}

.j34c {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.875rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-family: var(--font-heading);
  font-weight: 600;
}

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

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

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

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

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

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

.cf612 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.m0a297 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  font-weight: 700;
}

.d133d1a {
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

  .m7d5e0,
  .d633d88a {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

.ae93974b {
  background: rgba(239, 68, 68, 0.1);
  border-left: 4px solid var(--color-danger);
  padding: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
}

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

.o1df i {
  color: var(--color-danger);
  margin-right: 0.5rem;
}

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

  .mce860,
  .l178 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.pc1654 {
  flex-shrink: 0;
}

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

.j9393 {
  flex: 1;
}

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

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

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

.h1fbdc {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

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

.l821dc {
  max-width: 900px;
}

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

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

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

.h38db559 {
  max-width: 900px;
}

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

.ka6d7ff {
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed);
}

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

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

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

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

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

.lc0d0c85 {
  flex: 1 1 calc(33.333% - 1.75rem);
  min-width: 280px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

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

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

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

.o4b11cc7 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

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

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

.db0 {
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

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

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

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

  .i1d8,
  .n4d248d,
  .odb85,
  .l23c7c,
  .p111caae,
  .e45b59,
  .iaf86 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ca7b {
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
}

.o1e0f {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 65ch;
  line-height: 1.5;
}

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

.b9f,
.m5c0,
.fa4d0 {
  display: inline-block;
  padding: 0.5rem 0.75rem;
  background: var(--color-bg-secondary);
  border-radius: 0.375rem;
  color: var(--color-text-secondary);
}

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

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

.n35fb4 {
  flex: 0 0 280px;
  position: sticky;
  top: 2rem;
  height: fit-content;
}

.n8d9b8cb {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.75rem;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

.h5fe72e5 {
  font-size: 0.875rem;
  color: var(--color-text-muted);
  text-align: center;
}

.a7db02 {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  text-align: center;
}

.l145bf2 {
  flex: 1;
  min-width: 0;
}

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

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

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

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

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

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

.be284e {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

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

.babf6 {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
  border: 1px solid var(--color-border-light);
}

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

.c15929 {
  margin: 0;
  padding: 0;
}

.i9f0e7 {
  font-size: clamp(1.0625rem, 2vw, 1.3125rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.6;
}

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

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

.e34ee {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.3;
}

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

.ma9eaf0 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  border: 1px solid var(--color-border-light);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ma9eaf0:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(234, 179, 8, 0.15);
}

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

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

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

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

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

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

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

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

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

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

.nafb {
  font-size: clamp(0.875rem, 1.5vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

@media (max-width: 1024px) {
  .n35fb4 {
    flex: 0 0 240px;
  }

  .n14d9 {
    flex-direction: column;
  }

  .h7128,
  .c87 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .n35fb4 {
    flex: 1 1 100%;
    position: relative;
    top: auto;
  }

  .l145bf2 {
    flex: 1 1 100%;
  }

  .ma9eaf0 {
    flex: 1 1 100%;
  }

  .ca7b {
    font-size: clamp(1.5rem, 5vw, 2.25rem);
  }

  .c4c {
    font-size: 0.8125rem;
  }

  .be284e {
    font-size: clamp(0.9375rem, 1.5vw, 1rem);
  }

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

  .n8d9b8cb {
    flex-direction: row;
    align-items: flex-start;
    gap: 1.5rem;
  }

  .oac13763 {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
  }

  .p192111,
  .h5fe72e5,
  .a7db02 {
    text-align: left;
  }
}

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

  .a7b891 {
    gap: 0.5rem;
  }

  .b9f,
  .m5c0,
  .fa4d0 {
    padding: 0.375rem 0.625rem;
    font-size: 0.75rem;
  }

  .n8d9b8cb {
    flex-direction: column;
  }

  .p192111,
  .h5fe72e5,
  .a7db02 {
    text-align: center;
  }

  .oac13763 {
    width: 100px;
    height: 100px;
    margin: 0 auto;
  }

  .n14d9 {
    gap: 1rem;
  }

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

  .i9f0e7 {
    font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  }
}

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

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

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

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

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

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

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

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

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

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

.h163b {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 85%;
  line-height: 1.6;
}

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

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

.i641e3 i,
.o2af i,
.de37244 i {
  color: var(--color-accent);
  font-size: 1rem;
}

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

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

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

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

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

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

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

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

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

.nb0daa2 {
  flex: 0 0 auto;
  width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  position: sticky;
  top: 2rem;
  box-shadow: var(--shadow-md);
}

.i1c6096 {
  margin-bottom: 1rem;
}

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

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

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

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

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

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

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

.dc5e43a,
.l45,
.k84,
.c381ca {
  overflow: hidden;
}

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

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

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

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

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

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

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

.p8316 {
  font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.7;
  margin: 0;
}

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

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

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

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

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

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

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

.jeff37a1 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

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

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

.n99 i {
  display: block;
}

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

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

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

.paa {
  max-width: 85%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.m7b13e {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 3rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  margin-top: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

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

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

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

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

.g1af {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
  margin-bottom: clamp(3rem, 6vw, 4rem);
}

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

.i372d {
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

.b04:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: var(--color-accent);
}

.nb4d {
  width: 100%;
  height: 250px;
  overflow: hidden;
}

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

.b04:hover .nb4d img {
  transform: scale(1.05);
}

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

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

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

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

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

@media (max-width: 1023px) {
  .ie36,
  .ec31331,
  .b372 {
    flex-direction: column;
  }

  .cb33,
  .c837219,
  .mbe9d,
  .m47f {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .a1f3649a {
    flex-direction: column;
  }

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

  .b04 {
    flex: 1 1 calc(50% - 1rem);
    min-width: 250px;
  }

  .nb4d {
    height: 200px;
  }

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

@media (max-width: 767px) {
  .l24,
  .ka2e5,
  .h031,
  .dc5e43a,
  .l45,
  .k84,
  .c381ca,
  .d3d9e,
  .mb6f37bc,
  .jd2f {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .k3c {
    font-size: 0.8125rem;
  }

  .h163b {
    max-width: 100%;
  }

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

  .kd40 {
    margin-bottom: 0.75rem;
  }

  .cfcab3 {
    margin: 1rem 0;
  }

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

  .nb4d {
    height: 180px;
  }

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

  .a1f3649a {
    gap: 1rem;
  }

  .g1af {
    margin-bottom: 2rem;
  }
}

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

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

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

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

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

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

.g46be3 {
  text-align: center;
}

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

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

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

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

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

.o83 {
  text-align: center;
}

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

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

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

.n754 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

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

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

.ac6d04 {
  text-align: center;
  margin-bottom: 1rem;
}

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

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

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

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

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

.lbe1e7 {
  flex: 1 1 45%;
  min-width: 280px;
  width: 100%;
  height: auto;
  max-height: 400px;
  border-radius: 10px;
  object-fit: cover;
}

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

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

.l5276 {
  text-align: center;
  margin-bottom: 1rem;
}

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

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

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

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

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

.g0ba {
  font-size: 2rem;
  color: var(--color-accent);
  margin-bottom: 0.75rem;
}

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

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

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

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

.caec2 {
  text-align: center;
  margin-bottom: 1rem;
}

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

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

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

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

.f3b {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 1.25rem;
  background: var(--color-bg-secondary);
  border-radius: 6px;
  border-left: 4px solid var(--color-accent);
}

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

.a1d99 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

  .i2449,
  .lbe1e7 {
    flex: 1 1 100%;
  }

  .hdd5a07 {
    flex: 1 1 100%;
  }

  .f3b {
    flex-direction: column;
  }

  .oe287f58 {
    margin-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hdd5a07 {
    flex: 1 1 calc(50% - 1.25rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .dc89238 {
    flex-direction: row;
    align-items: center;
    gap: clamp(3rem, 6vw, 5rem);
  }
}

.c49cf46 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

@media (min-width: 1024px) {
  .c49cf46 {
    flex: 1 1 50%;
  }
}

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

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

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

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

@media (min-width: 1024px) {
  .bb382 {
    flex: 1 1 50%;
    min-height: 400px;
  }
}

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

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

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

.h6417 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  align-items: center;
}

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

.if3 {
  width: 60px;
  height: 3px;
  background: var(--color-accent);
  border-radius: var(--radius-md);
}

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

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

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

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

.bfed {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

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

@media (min-width: 768px) {
  .oabcbd1 {
    flex-direction: row;
    gap: clamp(2rem, 3vw, 2.5rem);
  }
}

.of7c {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

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

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

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

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

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

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

.hf307 {
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .mcd8f8b {
    flex-direction: row;
    gap: clamp(2rem, 3vw, 2.5rem);
  }
}

.lb32a12 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-2xl);
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.o9aefe48 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.75rem);
  line-height: 1.3;
  font-weight: 600;
}

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

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

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

.i1b1c {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

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

@media (min-width: 768px) {
  .dc2e0b34 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: clamp(1.5rem, 2vw, 2rem);
    justify-content: center;
  }
}

.m367 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  align-items: center;
  text-align: center;
  padding: var(--spacing-lg);
}

@media (min-width: 768px) {
  .m367 {
    flex: 1 1 calc(50% - 1rem);
    max-width: 280px;
  }
}

.jd440597 {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  color: var(--color-accent);
  font-size: 1.75rem;
}

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

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

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

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

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

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

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

.m444 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

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

.i674 {
  color: var(--color-accent);
  font-weight: 600;
  transition: var(--transition-base);
}

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

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

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

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

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

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

@media (min-width: 768px) {
  .d60 {
    flex-direction: row;
    gap: var(--spacing-lg);
  }
}

.d42f50f {
  padding: clamp(0.75rem, 1vw + 0.5rem, 1rem) clamp(1.5rem, 2vw + 1rem, 2.5rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
  display: inline-block;
  text-align: center;
  flex: 1 1 auto;
}

@media (min-width: 768px) {
  .d42f50f {
    flex: 0 1 auto;
  }
}

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

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

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

.la9d:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent-hover);
  color: var(--color-accent-hover);
}

@media (max-width: 767px) {
  .ffb,
  .fa4,
  .f47,
  .j91b4a88,
  .fd9d626,
  .e6b1c86,
  .a833 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .of7c,
  .lb32a12 {
    padding: var(--spacing-lg);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ffb,
  .fa4,
  .f47,
  .j91b4a88,
  .fd9d626,
  .e6b1c86,
  .a833 {
    padding: clamp(3rem, 6vw, 5rem) 0;
  }
}

@media (min-width: 1024px) {
  .ffb,
  .fa4,
  .f47,
  .j91b4a88,
  .fd9d626,
  .e6b1c86,
  .a833 {
    padding: clamp(4rem, 8vw, 6rem) 0;
  }
}

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

.b46e7 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.i2b6a {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

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

.o56f48 {
  padding: var(--spacing-2xl) var(--spacing-md);
  max-width: 900px;
  margin: 0 auto;
  overflow: hidden;
}

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

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

.n0c0c1:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-border);
}

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

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

.e1f80a {
  flex: 1;
  text-align: left;
}

.k296ac {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-left: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.5rem;
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

.n0c0c1.g18 .k296ac {
  transform: rotate(45deg);
}

.jcde {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  background-color: var(--color-bg-card);
}

.n0c0c1.g18 .jcde {
  max-height: 500px;
}

.jcde p {
  padding: var(--spacing-lg);
  margin: 0;
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-relaxed);
}

.mc41 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.lc64cd9 {
  max-width: 700px;
  margin: 0 auto;
}

.e9b203 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.de454 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-normal);
}

.b64eb {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-md);
}

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

.d9d26c {
  display: none;
  margin: 0;
  padding: 0;
}

.d9d26c img {
  width: 100%;
  height: auto;
  display: block;
}

@media (min-width: 768px) {
  .b46e7 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .o56f48 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .j87855f {
    padding: var(--spacing-xl);
    font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  }

  .jcde p {
    padding: var(--spacing-xl);
    font-size: clamp(0.95rem, 1vw + 0.5rem, 1.0625rem);
  }

  .mc41 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .b46e7 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .o56f48 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

  .jcde p {
    padding: var(--spacing-xl) var(--spacing-2xl);
  }

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

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

.idb {
  position: relative;
  overflow: hidden;
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-2xl) var(--spacing-md);
}

.b73 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.idb::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 1;
}

.p0b2 {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 600px;
}

.c9b {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: #ffffff;
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.o4a58 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: #f0f0f0;
  margin: 0;
  line-height: var(--line-height-normal);
}

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

.l0e79dc8 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

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

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

.kb10 {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
}

.a7f4ff {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.fa17259 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.lf7 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  width: fit-content;
}

.lf7:hover {
  background-color: var(--color-primary-hover);
  transform: translateX(4px);
}

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

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

.he6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.pe7 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.n1a399b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .idb {
    min-height: 400px;
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .f16c7 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .l0e79dc8 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .p88da {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .idb {
    min-height: 450px;
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .l0e79dc8 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

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

  .c9b {
    font-size: 3.5rem;
  }

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

@media (min-width: 1440px) {
  .l0e79dc8 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.l156b main {
  width: 100%;
}

.l156b .d08f2cd {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.l156b .k858dca {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.l156b h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.l156b h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.l156b p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.l156b .n5aad577 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

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

.l156b ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: var(--spacing-md);
}

.l156b li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

.l156b li:before {
  content: "▸";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

.l156b .m341be7 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.l156b .m341be7 h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.l156b .m341be7 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .l156b .k858dca {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .l156b .d08f2cd {
    padding: 0 var(--spacing-lg);
  }

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

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

.if9 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.oe21 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.d08f2cd {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.k858dca {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.acc561 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.b98fd353 {
  color: var(--color-success);
  margin-bottom: var(--spacing-md);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.b98fd353 svg {
  width: 100px;
  height: 100px;
  display: block;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

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-md);
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

.h7fbc {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  animation: fadeInUp 0.8s ease-out 0.3s both;
}

.p13a5 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
  animation: fadeInUp 0.8s ease-out 0.4s both;
}

.p13a5.acf410b {
  color: var(--color-text-muted);
  font-size: clamp(0.9rem, 1vw, 1rem);
  margin-bottom: var(--spacing-xl);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ic74a2c {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid;
  transition: all var(--transition-base);
  cursor: pointer;
  text-align: center;
  animation: fadeInUp 0.8s ease-out 0.5s both;
}

.gae {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-text-on-accent);
}

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

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

@media (min-width: 640px) {
  .oe21 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .b98fd353 svg {
    width: 120px;
    height: 120px;
  }

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

@media (min-width: 1024px) {
  .oe21 {
    padding: var(--spacing-4xl) var(--spacing-xl);
    min-height: 100vh;
  }

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

  .b98fd353 svg {
    width: 140px;
    height: 140px;
  }

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

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

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

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

.b28452 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

.d08f2cd {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.l8a169 {
  position: relative;
  margin-bottom: var(--spacing-3xl);
  animation: float-gentle 6s ease-in-out infinite;
}

.a8278 {
  width: 120px;
  height: 180px;
  margin: 0 auto var(--spacing-xl);
  filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.1));
}

.b0894 {
  width: 100%;
  height: 100%;
}

.gfe {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 6rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
  line-height: 1;
  letter-spacing: -0.02em;
  animation: scale-in 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ob586217 {
  height: 4px;
  max-width: 100px;
  margin: var(--spacing-lg) auto 0;
  background: linear-gradient(90deg, transparent, var(--color-primary), transparent);
  border-radius: var(--radius-full);
  opacity: 0.6;
}

.keb0b3 {
  animation: fade-in 1s ease-out 0.3s both;
}

.kbb {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  color: var(--color-text-primary);
  margin: var(--spacing-xl) 0 var(--spacing-md);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.e8b31 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-md);
  opacity: 0.95;
}

.def {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0 0 var(--spacing-2xl);
  font-style: italic;
}

.ic74a2c {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: inline-block;
  margin-bottom: var(--spacing-2xl);
}

.gae {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

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

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

.kf4ef3 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
  text-align: left;
}

.p99d {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-sm);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.a6d3 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.a6d3 li {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  padding: var(--spacing-xs) 0;
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: var(--line-height-normal);
}

.a6d3 li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

@keyframes float-gentle {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes scale-in {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 640px) {
  .b28452 {
    padding: var(--spacing-lg);
  }

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

  .a8278 {
    width: 140px;
    height: 210px;
  }

  .kf4ef3 {
    padding: var(--spacing-xl);
    text-align: center;
  }

  .a6d3 li {
    text-align: center;
    padding: var(--spacing-sm) 0;
    padding-left: 0;
  }

  .a6d3 li::before {
    display: none;
  }

  .a6d3 li::after {
    content: " •";
    margin: 0 var(--spacing-xs);
  }

  .a6d3 li:last-child::after {
    display: none;
  }
}

@media (min-width: 768px) {
  .b28452 {
    padding: var(--spacing-xl);
  }

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

  .a8278 {
    width: 160px;
    height: 240px;
  }

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

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

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

@media (min-width: 1024px) {
  .b28452 {
    padding: var(--spacing-2xl);
  }

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

  .a8278 {
    width: 180px;
    height: 270px;
  }

  .ic74a2c {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: 1.1rem;
  }

  .kf4ef3 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}

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

.c8f741 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.jeba2 {
  text-align: center;
}

.bf2b4c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.b67 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .c8f741 {
    padding: 4.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .c8f741 {
    padding: 6rem 2rem;
  }
}

.j75a9f0 {
  background-color: var(--color-bg-primary);
  padding: 2rem 1rem;
  overflow: hidden;
}

.n9aa94 {
  width: 100%;
}

.l280c188 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}

.bd9e6 {
  flex: 1 1 100%;
  min-width: 280px;
}

.p7b634 {
  flex: 1 1 100%;
  min-width: 280px;
}

.e7f {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.mc30 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.a9af34af {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.o95556a,
.be9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

.o95556a::placeholder,
.be9::placeholder {
  color: var(--color-text-muted);
}

.o95556a:focus,
.be9:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.be9 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

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

.jcba8 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

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

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

.e5550 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  font-weight: 600;
  padding: 1rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition-base);
  width: 100%;
}

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

.e5550:active {
  transform: scale(0.98);
}

.e5550:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.m094 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
}

.l37bc18 {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 2.5vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-xl);
  line-height: var(--line-height-tight);
}

.g6d87 {
  display: flex;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
  align-items: flex-start;
}

.b0282f {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

.g79a0e18 {
  flex: 1;
}

.na9ff {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

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

.ia2:hover {
  color: var(--color-primary);
}

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

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

.gf3 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.o520fe2e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
}

.n62 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-base);
  display: inline-block;
}

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

@media (min-width: 768px) {
  .j75a9f0 {
    padding: 3rem 2rem;
  }

  .l280c188 {
    gap: 4rem;
  }

  .bd9e6 {
    flex: 1 1 400px;
  }

  .p7b634 {
    flex: 1 1 400px;
  }
}

@media (min-width: 1024px) {
  .j75a9f0 {
    padding: 4.5rem 2rem;
  }

  .l280c188 {
    gap: 5rem;
  }
}

.f531 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
  text-align: center;
}

.j6a {
  max-width: 700px;
  margin: 0 auto;
}

.lcb {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.p96 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-xl);
}

.oe4b2 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  font-weight: 600;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: var(--transition-base);
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .f531 {
    padding: 4.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .f531 {
    padding: 6rem 2rem;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.p1f142,.gaf1d{width:34px;}
.p1f142[aria-expanded="true"]{display:none;}
.k189853.g18{z-index:999;}
.k189853{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.k189853{max-width:100%;}}
.maefc1{justify-content:flex-end;}