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

:root {
  --color-bg-primary: #0c1929;
  --color-bg-secondary: #162d50;
  --color-bg-tertiary: #1e3a5f;
  --color-bg-card: #152a48;

  --color-text-primary: #ffffff;
  --color-text-secondary: #bfdbfe;
  --color-text-muted: #93c5fd;

  --color-primary: #3b82f6;
  --color-primary-hover: #2563eb;
  --color-primary-light: #60a5fa;
  --color-secondary: #60a5fa;
  --color-secondary-light: #93c5fd;

  --color-success: #10b981;
  --color-success-light: #34d399;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #1e3a5f;
  --color-border-light: #162d50;

  --font-primary: 'Outfit', sans-serif;
  --font-heading: 'Manrope', sans-serif;

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

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

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

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

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

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

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

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

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

.e472a:active {
  transform: scale(0.98);
}

.m93f57 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

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

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

.i74:hover {
  background: rgba(59, 130, 246, 0.1);
  border-color: var(--color-primary-hover);
  color: var(--color-primary-hover);
}

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

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

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

input, textarea, select {
  width: 100%;
  padding: var(--spacing-md);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  font-size: 1rem;
  transition: all var(--transition-fast);
}

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

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

.l9878caa {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

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

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

.o1d {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

.k1f {
  background: rgba(59, 130, 246, 0.2);
  color: var(--color-primary-light);
}

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

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

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

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

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

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

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

.jccd {
  display: flex;
  gap: var(--spacing-lg);
}

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

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

.cbd7 {
  flex-direction: column;
}

.lffb {
  text-align: center;
}

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

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

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

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

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

.hfed {
  padding: var(--spacing-3xl) 0;
}

.bda80 {
  padding: var(--spacing-3xl) 0;
}

.f92ee6 { margin-top: var(--spacing-sm); }
.d5f939 { margin-top: var(--spacing-md); }
.l90548ed { margin-top: var(--spacing-lg); }
.pceaa { margin-top: var(--spacing-xl); }

.a25c7 { margin-bottom: var(--spacing-sm); }
.c4b2e { margin-bottom: var(--spacing-md); }
.ee8127fb { margin-bottom: var(--spacing-lg); }
.e1e { margin-bottom: var(--spacing-xl); }

.oe54 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.kc81 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.ib6 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }

.g5f5db { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.n3414 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.m4fc { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }

.ebe2b7 { gap: var(--spacing-sm); }
.eae1e6 { gap: var(--spacing-md); }
.m0864a5 { gap: var(--spacing-lg); }

.ec1725bd { border-radius: var(--radius-sm); }
.h5d03f { border-radius: var(--radius-md); }
.l75 { border-radius: var(--radius-lg); }
.ie13f { border-radius: var(--radius-xl); }

.e9ce { box-shadow: var(--shadow-sm); }
.ab1 { box-shadow: var(--shadow-md); }
.a8373e { box-shadow: var(--shadow-lg); }
.p092 { box-shadow: var(--shadow-xl); }

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .l9878caa {
    padding: 0 16px;
  }

  .e2c, .d93721, .e435a3e {
    grid-template-columns: 1fr;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  body {
    font-size: 0.9375rem;
  }

  .l9878caa {
    padding: 0 12px;
  }

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

  .jccd {
    flex-direction: column;
    gap: var(--spacing-md);
  }
}
.bb6 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 1000;
}

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

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

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

.lf6c {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  white-space: nowrap;
}

.ld8d0802:hover .lf6c {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

.k460 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1rem, 2vw, 2rem);
  flex: 1;
  justify-content: center;
}

.aa70419 {
  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);
  white-space: nowrap;
}

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

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

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

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

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

.f7ab {
  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: 999;
  padding-top: 70px;
  border-left: 1px solid var(--color-border-light);
}

.f7ab.pd538 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

.e7133c9:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: clamp(1.5rem, 4vw, 2.5rem);
}

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

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

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

  .k460 {
    display: flex;
  }

  .j70b84 {
    display: block;
  }

  .df8 {
    display: none;
  }

  .f7ab {
    display: none;
  }
}

@media (min-width: 1024px) {
  .p4366 {
    height: 80px;
  }

  .lf6c {
    font-size: 1.25rem;
  }

  .aa70419 {
    font-size: 1rem;
  }

  .j70b84 {
    font-size: 1rem;
  }
}

    

.l4a56e {
  font-family: 'Outfit', sans-serif;
}

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

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

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

.nfc1 {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  max-height: 500px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}

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

.pa75f7b1 {
  position: relative;
  z-index: 10;
  text-align: center;
  padding: clamp(1rem, 3vw, 2rem);
}

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

.l96046 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;
  line-height: 1.6;
}

.k3c3 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.g33, .efd2e {
  padding: clamp(0.75rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
}

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

.g33:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);
}

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

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

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

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

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

.d8239 {
  text-align: center;
}

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

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

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

.cfd5ee2 {
  flex: 1 1 200px;
  max-width: 250px;
  padding: clamp(1.25rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 10px;
  text-decoration: none;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.cfd5ee2:hover {
  background: var(--color-bg-tertiary);
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
}

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

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

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

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

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

.d0d19996 {
  text-align: center;
}

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

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

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

.b5048 {
  flex: 1 1 280px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

.b5048:hover {
  background: var(--color-bg-tertiary);
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(59, 130, 246, 0.15);
}

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

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

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

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

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

.k6dcdb20 {
  text-align: center;
}

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

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

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

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

.d8371:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.4);
}

.g6bfcee {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

.d8371:hover .g6bfcee img {
  transform: scale(1.05);
}

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

.pf0 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
}

.l9a47a22, .kbac {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  padding: 0.375rem 0.75rem;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 4px;
}

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

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

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

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

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

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

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

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

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

.l10 {
  text-align: center;
}

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

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

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

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

.a69 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
}

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

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

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

.m877e {
  text-align: center;
}

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

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

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

.de46bf {
  flex: 1 1 280px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
}

.p9d1e {
  font-size: clamp(3rem, 8vw, 4.5rem);
  font-weight: 800;
  color: var(--color-accent);
  line-height: 1;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

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

.m04 {
  text-align: center;
}

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

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

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

.c601525 {
  flex: 1 1 250px;
  max-width: 320px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: 10px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

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

.iebb1 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 800;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

.daeca {
  text-align: center;
}

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

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

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

.e8237 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease;
}

.e8237:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
}

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

.l8ddcc {
  font-size: clamp(0.75rem, 1vw + 0.4rem, 0.9375rem);
  color: var(--color-text-primary);
  font-weight: 500;
}

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

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

.aaaca {
  text-align: center;
}

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

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

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

.o84 {
  padding: clamp(1.25rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 10px;
  border: 1px solid var(--color-border-light);
}

.hb7 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1.25rem) 0;
}

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

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

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

.f9b {
  max-width: 700px;
  padding: clamp(2rem, 4vw, 3.5rem);
  background: var(--color-bg-tertiary);
  border: 2px solid var(--color-accent);
  border-radius: 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

.da22116 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.h9c94, .m16 {
  padding: clamp(0.75rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
}

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

.h9c94:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);
}

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

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

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

.f1597ad {
  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);
  border-top: 1px solid var(--color-border-light);
}

.f1597ad.a2fe80 {
  display: none;
}

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

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

.m837, .b8715608 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  border-radius: 6px;
  cursor: pointer;
  font-size: clamp(0.75rem, 1vw + 0.4rem, 0.9375rem);
  font-weight: 600;
  transition: all 0.3s ease;
  border: none;
}

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

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

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

.b8715608:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
}

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

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

  .d0ac2529 {
    width: 100%;
  }

  .m837, .b8715608 {
    flex: 1 1 calc(50% - 0.375rem);
    min-width: 120px;
  }
}

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

  .l267b,
  .ofd61fb0,
  .b44e7c,
  .h7e795,
  .f78aa5,
  .jd801,
  .k51994,
  .e46d31f,
  .la1 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .b5048,
  .d8371,
  .cfd5ee2,
  .c601525 {
    min-height: auto;
  }
}

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

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

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

.b6934a1,
.ceb9fb54,
.c00a3291,
.m91d {
  display: block;
}

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

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

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

.i61 li,
.m988 li {
  display: block;
}

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

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

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .n1d {
    grid-template-columns: 2fr 1.5fr 1.5fr 1.5fr;
    gap: clamp(3rem, 6vw, 4rem);
  }

  .b6934a1 {
    grid-column: auto;
  }

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

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

html, body {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

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

.be02e {
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
  border-radius: 12px;
  padding: clamp(2rem, 5vw, 3rem);
  max-width: 700px;
  width: 100%;
  box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15);
}

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

.l4a03 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent-light);
  margin-bottom: 1.5rem;
  font-weight: 500;
}

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

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

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

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

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

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

.k239637d {
  text-align: center;
}

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

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

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

.p53 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  overflow: hidden;
}

.p53[open] {
  box-shadow: 0 4px 16px rgba(59, 130, 246, 0.1);
}

.o77 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  background: var(--color-bg-card);
  border: none;
  width: 100%;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 500;
  transition: all 0.3s ease;
}

.o77:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent-light);
}

.j84e1d81 {
  text-align: left;
  flex: 1;
}

.o77 i {
  color: var(--color-accent);
  transition: transform 0.3s ease;
  margin-left: 1rem;
  flex-shrink: 0;
}

.p53[open] .o77 i {
  transform: rotate(180deg);
}

.dbb {
  padding: clamp(1rem, 2vw, 1.5rem);
  padding-top: 0;
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  line-height: 1.6;
}

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

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

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

.b7a {
  text-align: center;
}

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

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

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

.kd54e {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 300px;
  max-width: 600px;
}

.f56d,
.n22aa {
  flex: 1 1 calc(25% - 0.75rem);
  min-width: 250px;
  max-width: 350px;
}

.b8af {
  flex: 1 1 100%;
  max-width: 600px;
}

.kd54e,
.f56d,
.n22aa,
.b8af {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.kd54e:hover,
.f56d:hover,
.n22aa:hover,
.b8af:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(59, 130, 246, 0.15);
  border-color: var(--color-accent);
}

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

.j7198e img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.kd54e:hover .j7198e img,
.f56d:hover .j7198e img,
.n22aa:hover .j7198e img,
.b8af:hover .j7198e img {
  transform: scale(1.05);
}

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

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

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

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

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

.b15 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

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

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

@media (max-width: 1023px) {
  .kd54e {
    flex: 1 1 100%;
    max-width: none;
  }

  .f56d,
  .n22aa {
    flex: 1 1 calc(50% - 0.75rem);
    max-width: none;
  }

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

@media (max-width: 767px) {
  .be02e {
    padding: clamp(1.5rem, 4vw, 2rem);
  }

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

  .kd54e,
  .f56d,
  .n22aa,
  .b8af {
    flex: 1 1 100%;
    max-width: none;
  }

  .i523a {
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .dfcf,
  .p56 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

.m21 {
  display: grid;
  grid-template-columns: 150px 1fr 280px;
  gap: clamp(2rem, 3vw, 3rem);
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
}

@media (max-width: 1200px) {
  .m21 {
    grid-template-columns: 1fr;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

.ode9 {
  position: sticky;
  top: 2rem;
  height: fit-content;
}

.h5873 {
  flex: 1;
}

.ic98 {
  position: sticky;
  top: 2rem;
  height: fit-content;
}

.n3d4 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  border: 1px solid var(--color-border-light);
}

.eabf828a {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto clamp(1rem, 2vw, 1.5rem);
  display: block;
}

.d2fad80 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

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

.hdd77d {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9rem);
  color: var(--color-text-muted);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 500;
}

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

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

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

.p83 {
  flex: 1 1 65%;
  max-width: 65%;
}

.ld568fee {
  flex: 1 1 35%;
  max-width: 35%;
}

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

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

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

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

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

.de70838 li {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

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

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

  .p83,
  .ld568fee {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.pdb4dfd1,
.e876a,
.c2c {
  flex: 1 1 50%;
  max-width: 50%;
}

.ld0,
.gb7ad,
.pa1931 {
  flex: 1 1 50%;
  max-width: 50%;
}

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

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

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

@media (max-width: 768px) {
  .c70badcf,
  .i9c4d,
  .odc5af4 {
    flex-direction: column;
  }

  .pdb4dfd1,
  .e876a,
  .c2c,
  .ld0,
  .gb7ad,
  .pa1931 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.bc303 {
  flex: 1;
}

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

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

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

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

.o7990d {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
}

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

.g4b4 {
  flex: 0 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  max-width: 100%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border-light);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.l36 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-accent);
}

.cad69b {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

.l2730 {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  font-weight: 500;
  transition: all var(--transition-base);
}

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

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

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

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

.he7f {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: transform var(--transition-base);
}

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

.i1be7 {
  width: 100%;
  height: auto;
  max-height: 180px;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

.e5bc5 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

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

.c00f3d9 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
}

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

  .ode9,
  .ic98 {
    position: static;
    max-width: 100%;
  }

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

  .g1bcef {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .he7f {
    flex: 1 1 calc(33.333% - clamp(0.75rem, 1.5vw, 1.25rem));
    min-width: 200px;
  }
}

@media (max-width: 768px) {
  .n3d4 {
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
  }

  .g1bcef {
    flex-direction: column;
  }

  .he7f {
    flex: 1 1 100%;
  }

  .p3367639 {
    flex-direction: column;
    align-items: flex-start;
  }

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

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

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

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

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

.c13e148 {
  display: flex;
  flex-direction: row;
  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;
}

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

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

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

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

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

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

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

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

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

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

.b42 {
  width: 100%;
  max-height: 500px;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

.c1ba {
  display: flex;
  flex-direction: column;
  grid-template-columns: 150px 1fr 250px;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  align-items: start;
}

@media (max-width: 1200px) {
  .c1ba {
    grid-template-columns: 1fr;
    gap: clamp(2rem, 4vw, 3rem);
  }
}

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

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

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

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

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

.cb9d img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  object-fit: cover;
}

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

  .a0f,
  .cb9d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.ic0d {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  line-height: 1;
}

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

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

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

.i56bf58 {
  font-size: 1.5rem;
  color: #f97316;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k2d {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

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

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

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

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

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

.n726 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  font-weight: 500;
}

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

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

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

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

.d1d {
  background: var(--color-bg-tertiary);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

.cdfec {
  width: 100%;
  height: 150px;
  overflow: hidden;
}

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

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

.ib5b8 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.4;
}

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

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

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

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

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

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

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

.lfd3c612 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-primary);
  text-decoration: none;
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  transition: all 0.3s ease;
  border: 2px solid var(--color-accent);
}

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

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

  .bfd4,
  .n6af5 {
    position: static;
  }
}

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

  .c13e148 {
    font-size: 0.8125rem;
  }

  .p39 {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

  .fc70b2b {
    flex-direction: column;
  }

  .a0f,
  .cb9d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .j5ea {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }
}

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

  .b167 {
    font-size: 1.25rem;
  }

  .ae44 {
    font-size: 1.25rem;
  }

  .j94f14f3 {
    flex-direction: column;
  }

  .ic0d {
    font-size: 2rem;
  }
}

* {
  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: var(--line-height-normal);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.m341fd i {
  color: var(--color-accent);
  width: 1rem;
}

.ofb4dcf {
  width: 100%;
  margin-top: clamp(2rem, 4vw, 3rem);
}

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

.f155c6c {
  display: flex;
  flex-direction: column;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  position: relative;
}

@media (min-width: 1200px) {
  .f155c6c {
    grid-template-columns: 120px 1fr 280px;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: flex-start;
  }
}

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

@media (min-width: 1200px) {
  .p321b86 {
    display: block;
    position: sticky;
    top: clamp(2rem, 4vw, 3rem);
  }
}

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

.m311 {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  object-fit: cover;
  margin-bottom: 0.5rem;
}

.o24e5 {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  margin: 0.5rem 0;
}

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

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

.f7c47 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin: 0.25rem 0;
}

.d74721 {
  color: var(--color-text-secondary);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  line-height: var(--line-height-relaxed);
  margin-top: 0.75rem;
}

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

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

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

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

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

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

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

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

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

  .babc09,
  .gd981 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.b12 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: var(--line-height-relaxed);
}

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

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

  .kbe7,
  .a3b08ad {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.ka6d19b {
  background: var(--color-bg-card);
  padding: clamp(0.75rem, 1.5vw, 1.25rem);
  border-radius: var(--radius-md);
}

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

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

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

  .l2b,
  .j8d5e1b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.i8391785 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-warning);
  padding: clamp(1.25rem, 2.5vw, 2rem);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

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

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

  .i03,
  .l0f9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.f95c9 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.lb8 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.a197 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1.0625rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.25rem, 2.5vw, 2rem);
}

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

.n93f {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.f69 {
  display: none;
}

@media (min-width: 1200px) {
  .f69 {
    display: block;
    position: sticky;
    top: clamp(2rem, 4vw, 3rem);
  }
}

.bf4c66c8 {
  background: transparent;
  padding: 0;
}

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

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

.j3268 {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
}

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

.ecb5582 {
  width: 100%;
  height: 160px;
  object-fit: cover;
  display: block;
}

.o6b19 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  line-height: var(--line-height-tight);
  padding: clamp(0.75rem, 1.5vw, 1rem);
  padding-bottom: 0;
  margin: 0;
}

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

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

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

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

  .f69 {
    display: block;
    position: static;
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem) 0;
    margin-top: clamp(2rem, 4vw, 3rem);
  }

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

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

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

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h1f i {
  color: var(--color-accent);
  width: 18px;
  text-align: center;
}

.n25ec7f {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-top: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md, 8px);
  max-width: fit-content;
}

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

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

.c8869a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color 0.3s ease;
}

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

.gcf6b {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  margin: 0;
}

.gc313da {
  width: 100%;
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
  max-height: 500px;
}

.jfa98d {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  max-height: 500px;
}

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

.lc4744 {
  flex: 1 1 65%;
  min-width: 0;
}

.cbde87cf {
  flex: 0 0 25%;
  position: sticky;
  top: 2rem;
  height: fit-content;
}

.pc19b5fd {
  flex: 0 0 25%;
  position: sticky;
  top: 2rem;
  height: fit-content;
}

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

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

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

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

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

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

.b82a913 {
  flex: 0 0 40px;
  font-size: 1.5rem;
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.m8d43d {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

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

.laedb {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
}

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

.jafb6ad {
  flex: 0 0 40px;
  font-size: 1.5rem;
  color: var(--color-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.nf8 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

.ja49 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
}

.c92f {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: var(--radius-lg, 12px);
}

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

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

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

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

.eedc238 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
}

.jd2125 {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: var(--radius-lg, 12px);
}

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

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

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

.n435a2af {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
}

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

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

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

.c0c5de {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg, 12px);
  border: 1px solid var(--color-bg-secondary);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.c0c5de:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.15);
}

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

.jc3 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  text-align: center;
}

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

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

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

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

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

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

.j80 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
}

.df5c0ccf {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: var(--radius-lg, 12px);
}

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

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

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

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

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

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

.ec3 {
  flex: 0 0 40px;
  font-size: 1.5rem;
  color: var(--color-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.k85c4d {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

.c253a2df {
  text-align: center;
}

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

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

.p34a6d63 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  font-weight: 600;
  margin: 0;
}

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

.m6f45:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}

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

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

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

.c71f1 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--color-bg-secondary);
}

.j288bb {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg, 12px);
  border: 1px solid var(--color-bg-tertiary);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.j288bb:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.12);
}

.i838f7e1 {
  width: 100%;
  height: 160px;
  border-radius: var(--radius-md, 8px);
  overflow: hidden;
}

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

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

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

.o33ce8 {
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.3s ease;
  line-height: 1.4;
}

.o33ce8:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}

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

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

  .lc4744 {
    flex: 1 1 100%;
  }

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

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

  .f25bbd4a {
    flex-direction: column;
  }

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

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

  .e58b {
    flex-direction: column;
  }

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

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

  .f8aa {
    flex-direction: column;
  }

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

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

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

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

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

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

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

  .p4f3 {
    flex-direction: column;
  }

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

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

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

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

* {
  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 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: var(--font-heading);
  font-weight: 600;
}

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

a {
  transition: var(--transition-base);
}

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

.da945 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 6px;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: var(--transition-base);
}

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

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

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

.ge60ea74 .l9878caa {
  display: block;
}

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

.k99f2 {
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

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

.p8cd {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  max-width: 700px;
}

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

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

.lc6 .l9878caa {
  display: block;
}

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

.iaac10 {
  text-align: center;
}

.hb0250c {
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  display: block;
  margin-bottom: 1rem;
}

.nb6c5 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

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

.afa {
  flex: 1 1 50%;
  min-width: 0;
}

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

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

.n1d27053 {
  flex: 1 1 50%;
  min-height: 300px;
  max-height: 450px;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  display: block;
}

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

.l9b .l9878caa {
  display: block;
}

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

.a48b180 {
  text-align: center;
}

.h89 {
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  display: block;
  margin-bottom: 1rem;
}

.ecdae6 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

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

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

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

.ia2cbce {
  color: var(--color-secondary);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  line-height: 1;
}

.gaa62 {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-weight: 600;
  line-height: 1.3;
}

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

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

.d383c .l9878caa {
  display: block;
}

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

.pf2eae2 {
  text-align: center;
}

.oc6cd {
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  display: block;
  margin-bottom: 1rem;
}

.ddeb {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.o9e1 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1.0625rem);
  line-height: 1.7;
  text-align: center;
  max-width: 800px;
  margin: 0 auto 2rem;
}

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

.e5a7c {
  flex: 1 1 50%;
  min-width: 0;
}

.j5d {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  margin-bottom: 1.75rem;
  align-items: flex-start;
}

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

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

.ldb5 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

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

.d84fc {
  flex: 1 1 50%;
  min-height: 300px;
  max-height: 450px;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  display: block;
}

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

.fee408 .l9878caa {
  display: block;
}

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

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

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

.kddad {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-weight: 600;
  line-height: 1.3;
}

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

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

  .afa {
    flex: 1 1 100%;
  }

  .n1d27053 {
    flex: 1 1 100%;
    min-height: 250px;
    max-height: 350px;
  }

  .hee7 {
    flex-direction: column;
  }

  .e5a7c {
    flex: 1 1 100%;
  }

  .d84fc {
    flex: 1 1 100%;
    min-height: 250px;
    max-height: 350px;
  }

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

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

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

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

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

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

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

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

.i2c83 {
  width: 100%;
  max-width: 450px;
}

.fb0b3829 {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(59, 130, 246, 0.15);
}

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

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

.n8c0203 {
  font-size: clamp(1rem, 3vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.j9696 {
  font-size: clamp(0.875rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  font-style: italic;
}

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

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

.k1c7d {
  text-align: center;
}

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

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

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

.jb06 {
  flex: 1 1 clamp(250px, 25%, 300px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
  border: 1px solid var(--color-border);
  transition: all var(--transition-base);
}

.jb06:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.12);
}

.jbb3 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  display: inline-block;
}

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

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

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

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

.k6d {
  text-align: center;
}

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

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

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

.dbfac9d {
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  transition: all var(--transition-base);
}

.dbfac9d:hover {
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.1);
  transform: translateX(4px);
}

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

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

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

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

.hff {
  text-align: center;
}

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

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

.mfd {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
}

.ic35 {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1.5vw + 0.4rem, 1rem);
  border: 1px solid var(--color-accent);
  transition: all var(--transition-base);
  display: inline-block;
}

.ic35:hover {
  background: var(--color-accent);
  color: var(--color-text-primary);
  transform: scale(1.05);
}

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

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

.ece35bf {
  text-align: center;
}

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

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

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

.j4a6 {
  flex: 1 1 clamp(280px, 22%, 350px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  transition: all var(--transition-base);
}

.j4a6:hover {
  transform: translateY(-6px);
  border-color: var(--color-accent);
  box-shadow: 0 12px 32px rgba(59, 130, 246, 0.15);
}

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

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

.c5d3 {
  font-size: clamp(0.875rem, 1.5vw + 0.4rem, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
}

.c5d3:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
  transform: translateX(2px);
}

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

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

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

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

.k929a58c {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.75rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-primary);
  text-decoration: none;
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  font-weight: 600;
  font-size: clamp(0.875rem, 1.5vw + 0.4rem, 1.125rem);
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
}

.k929a58c:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.3);
}

@media (min-width: 768px) {
  .pd57d5 {
    flex-direction: row;
    align-items: center;
    text-align: left;
  }

  .i2c83 {
    flex: 1;
    max-width: 400px;
  }

  .o694 {
    flex: 1;
  }

  .jb06 {
    flex: 1 1 clamp(220px, 20%, 280px);
  }

  .j4a6 {
    flex: 1 1 clamp(300px, 30%, 380px);
  }
}

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

  .b90 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .o9bcdf3 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .g49e {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .na10726 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .l267 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .jb06 {
    flex: 1 1 clamp(240px, 22%, 300px);
  }

  .j4a6 {
    flex: 1 1 clamp(320px, 24%, 400px);
  }
}

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

  .i2c83 {
    max-width: 100%;
  }

  .jb06 {
    flex: 1 1 100%;
  }

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

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

.k4f944f {
  padding: var(--spacing-lg) var(--spacing-md);
  text-align: center;
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.nac1d {
  max-width: 720px;
  margin: 0 auto;
}

.cf864d3 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 6vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.lba808 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .k4f944f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .k4f944f {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.f6489b5 {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.k5da4b {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .f6489b5 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .k5da4b {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .f6489b5 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

.l65e {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.ecc021 {
  padding: var(--spacing-md);
  display: flex;
  flex-direction: column;
  flex: 1;
}

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

.d8f65d5d {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  letter-spacing: 0.5px;
}

.jbd {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 3vw + 0.25rem, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.a164 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .ecc021 {
    padding: var(--spacing-lg);
  }

  .aebc44 {
    height: 280px;
  }
}

.adaa4 {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.l86d6a {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.m120 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw + 0.5rem, 2.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.p34119b4 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.ide {
  display: inline-block;
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .adaa4 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .adaa4 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

.i4d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.a19d9 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.cb505cf6 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
}

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

@media (min-width: 768px) {
  .i4d {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .i4d {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.k7e {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.ee0768 {
  max-width: 1200px;
  margin: 0 auto;
}

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

@media (min-width: 768px) {
  .m65596f0 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .m65596f0 {
    grid-template-columns: 1fr 1fr 1fr;
  }

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

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

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

.p3ecd0 {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
}

.oe421861 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.ne76a {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.h88a {
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  border: none;
  border-radius: var(--radius-md);
  padding: var(--spacing-sm) var(--spacing-md);
  text-decoration: none;
  display: inline-block;
  transition: background-color var(--transition-base);
  cursor: pointer;
  text-align: center;
  width: 100%;
}

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

.h88a:active {
  transform: scale(0.98);
}

.cbc34 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.db7 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.g01a277a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
}

.fe258 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0 0 var(--spacing-lg) 0;
}

.k6ca85 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-accent);
  border: none;
  border-radius: var(--radius-md);
  padding: var(--spacing-md) var(--spacing-xl);
  text-decoration: none;
  display: inline-block;
  transition: background-color var(--transition-base);
  cursor: pointer;
}

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

.k6ca85:active {
  transform: scale(0.98);
}

@media (min-width: 768px) {
  .cbc34 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .cbc34 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

.oac07 .l9878caa {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.oac07 .gb4c7 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.oac07 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.oac07 .pe60c5 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  font-style: italic;
}

.oac07 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.oac07 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.oac07 ul {
  list-style: none;
  padding: 0;
  margin: var(--spacing-md) 0;
}

.oac07 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

.oac07 li:before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

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

.oac07 .fe4d1 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.oac07 .fe4d1 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

@media (min-width: 768px) {
  .oac07 .l9878caa {
    padding: 0 var(--spacing-lg);
  }

  .oac07 .gb4c7 {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .oac07 .l9878caa {
    padding: 0 var(--spacing-xl);
  }

  .oac07 .gb4c7 {
    padding: var(--spacing-3xl) 0;
  }
}

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

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

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

.o75e {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.lc0cef8 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.l9878caa {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.o9e64 {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.d510aa5 {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-full);
  color: var(--color-success);
  margin-bottom: var(--spacing-md);
  box-shadow: var(--shadow-md);
}

.d510aa5 svg {
  width: 100%;
  height: 100%;
  padding: var(--spacing-md);
  stroke: var(--color-success);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: var(--spacing-md) 0 0 0;
}

.f41 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-primary);
  line-height: var(--line-height-normal);
  margin: var(--spacing-sm) 0 0 0;
}

.aa542e {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.aa542e:first-of-type {
  margin-top: var(--spacing-md);
}

.da945 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: none;
  letter-spacing: 0;
  white-space: nowrap;
  margin-top: var(--spacing-lg);
}

.e472a {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.e472a:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-primary-light);
}

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

@media (min-width: 480px) {
  .lc0cef8 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  
  .d510aa5 {
    width: 120px;
    height: 120px;
  }
}

@media (min-width: 768px) {
  .lc0cef8 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  
  .l9878caa {
    padding: 0 var(--spacing-lg);
  }
  
  .d510aa5 {
    width: 140px;
    height: 140px;
  }
  
  h1 {
    margin-top: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .lc0cef8 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
  
  .l9878caa {
    padding: 0 var(--spacing-2xl);
  }
  
  .d510aa5 {
    width: 160px;
    height: 160px;
  }
}

@media (max-height: 600px) {
  .lc0cef8 {
    padding: var(--spacing-md);
  }
  
  .o9e64 {
    gap: var(--spacing-md);
  }
  
  .d510aa5 {
    width: 80px;
    height: 80px;
    margin-bottom: var(--spacing-sm);
  }
  
  h1 {
    margin-top: var(--spacing-sm);
    font-size: clamp(1.5rem, 4vw, 2rem);
  }
  
  .f41 {
    font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  }
  
  .aa542e {
    font-size: clamp(0.85rem, 0.8vw + 0.3rem, 0.95rem);
  }
  
  .da945 {
    padding: var(--spacing-sm) var(--spacing-md);
    margin-top: var(--spacing-md);
    font-size: clamp(0.85rem, 0.8vw + 0.3rem, 0.95rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .da945 {
    transition: none;
  }
  
  .e472a:hover {
    transform: none;
  }
  
  .e472a:active {
    transform: none;
  }
}

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

.h85a75ca {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.i2f {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.l9878caa {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.gb4c7 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

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

.k36 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--spacing-lg);
}

.l9986 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  z-index: 2;
  line-height: 1;
}

.dc14c4ef {
  position: absolute;
  width: clamp(200px, 50vw, 400px);
  height: clamp(200px, 50vw, 400px);
  background-color: var(--color-primary-light);
  border-radius: 50%;
  opacity: 0.1;
  z-index: 1;
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

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

.o8313 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-sm);
}

.m115 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  line-height: var(--line-height-normal);
}

.l7c0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.o2b5b82 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-md) var(--spacing-lg);
  margin: var(--spacing-lg) 0;
  text-align: left;
}

.oc072 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.n660785 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.n660785 li {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  padding-left: var(--spacing-md);
  position: relative;
}

.n660785 li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 600;
}

.da945 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
}

.e472a {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
  margin-top: var(--spacing-md);
}

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

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

@media (min-width: 640px) {
  .i2f {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .b01b330 {
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-lg);
  }

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

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

@media (min-width: 768px) {
  .i2f {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

  .o2b5b82 {
    text-align: center;
    padding: var(--spacing-xl) var(--spacing-2xl);
  }

  .n660785 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-lg);
  }

  .n660785 li {
    padding-left: var(--spacing-lg);
    flex: 0 1 calc(50% - var(--spacing-md));
  }
}

@media (min-width: 1024px) {
  .i2f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .n660785 li {
    flex: 0 1 auto;
  }
}

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

.j30 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.l1bd {
  text-align: center;
}

.b07d {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.k2b9 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.e3b2 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.l08261 {
  width: 100%;
}

.mb5bc10 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}

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

.l4b77 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.p456bd2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

.n5626f {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.n4a9,
.ce3c7df9 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base);
}

.n4a9::placeholder,
.ce3c7df9::placeholder {
  color: var(--color-text-muted);
}

.n4a9:focus,
.ce3c7df9:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.ce3c7df9 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.a93 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.m531c {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.125rem;
  cursor: pointer;
  accent-color: var(--color-primary);
}

.i3d0eb {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  cursor: pointer;
}

.lfbe1 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
  border-bottom: 1px solid transparent;
}

.lfbe1:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

.p9fa {
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

.p9fa:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.2);
}

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

.ee1 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.i19afa1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: var(--spacing-2xl);
}

.fcddc {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.bdbbaefc {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--color-bg-tertiary);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 1.25rem;
}

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

.l30639 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

.mce31fb8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.f978e05 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

.i0202 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.jd08 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast), border-bottom-color var(--transition-fast);
  border-bottom: 1px solid transparent;
}

.jd08:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

@media (min-width: 768px) {
  .j30 {
    padding: 4rem 0;
  }

  .e3b2 {
    padding: 4rem 0;
  }

  .mb5bc10 {
    gap: 4rem;
  }

  .bf11a0 {
    flex: 1 1 45%;
  }

  .n42 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .j30 {
    padding: 5rem 0;
  }

  .e3b2 {
    padding: 5rem 0;
  }

  .mb5bc10 {
    gap: 5rem;
  }

  .bf11a0 {
    flex: 1 1 50%;
  }

  .n42 {
    flex: 1 1 50%;
  }
}

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));}
.df8,.h1634b9f{width:34px;}
.df8[aria-expanded="true"]{display:none;}
.f7ab.pd538{z-index:999;}
.f7ab{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.f7ab{max-width:100%;}}
.k460{justify-content:flex-end;}