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

:root {
  --color-bg-primary: #0a0a0f;
  --color-bg-secondary: #15151e;
  --color-bg-tertiary: #20202d;
  --color-bg-card: #15151e;

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

  --color-primary: #db2777;
  --color-primary-hover: #be185d;
  --color-primary-light: #e94b95;
  --color-primary-lighter: #f078b0;

  --color-secondary: #ec4899;
  --color-secondary-light: #f472b6;
  --color-secondary-lighter: #f9a8d4;

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

  --color-border: #2d2d3d;
  --color-border-light: #3a3a4a;

  --font-primary: 'Inter', sans-serif;
  --font-heading: 'Sora', sans-serif;

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

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

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

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

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

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

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

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
}

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

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

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

h3 {
  font-size: 1.875rem;
  letter-spacing: -0.01em;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

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

a:hover {
  color: var(--color-secondary-light);
}

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

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

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

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

.g0fc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: -0.01em;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-decoration: none;
  white-space: nowrap;
}

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

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

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

.hd54d79c {
  background: var(--color-secondary);
  color: white;
}

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

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

.badb3:hover {
  background: rgba(236, 72, 153, 0.1);
  border-color: var(--color-secondary-light);
}

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

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

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

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

.o254eaa {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.oca346d {
  background: rgba(219, 39, 119, 0.15);
  color: var(--color-primary-light);
}

.bccc59 {
  background: rgba(236, 72, 153, 0.15);
  color: var(--color-secondary-light);
}

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

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

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

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

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

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

.jca329da {
  display: flex;
}

.l3c40 {
  flex-direction: column;
}

.lcc01 {
  align-items: center;
  justify-content: center;
}

.d33 {
  align-items: center;
  justify-content: space-between;
}

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

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

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

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

.i861 {
  text-align: center;
}

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

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

.h8d { margin-top: var(--spacing-sm); }
.b933 { margin-top: var(--spacing-md); }
.a3440 { margin-top: var(--spacing-lg); }
.o71 { margin-top: var(--spacing-xl); }
.b707 { margin-top: var(--spacing-2xl); }

.ad15d5 { margin-bottom: var(--spacing-sm); }
.p0e7ab { margin-bottom: var(--spacing-md); }
.i98cf { margin-bottom: var(--spacing-lg); }
.cbbb9 { margin-bottom: var(--spacing-xl); }
.l37978a { margin-bottom: var(--spacing-2xl); }

.l6e0d80f { margin-top: var(--spacing-sm); margin-bottom: var(--spacing-sm); }
.c3c5ba4 { margin-top: var(--spacing-md); margin-bottom: var(--spacing-md); }
.e71bdb { margin-top: var(--spacing-lg); margin-bottom: var(--spacing-lg); }
.gca63 { margin-top: var(--spacing-xl); margin-bottom: var(--spacing-xl); }
.j240 { margin-top: var(--spacing-2xl); margin-bottom: var(--spacing-2xl); }

.h1a68457 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.l9695 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.ge11 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.d71e1fd { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }

.e28 { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.a6bac { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.m638b10 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.gab { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }
.m9c { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl); }

.kd32 {
  padding: var(--spacing-5xl) 0;
}

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

.f669b {
  padding: var(--spacing-5xl) 0;
}

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

.bc2a0fda {
  width: 60px;
  height: 4px;
  background: var(--color-primary);
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-lg);
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

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

  .g0fc {
    width: 100%;
  }

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

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

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1rem;
  }

  body {
    font-size: 0.95rem;
  }

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

  .kd32 {
    padding: var(--spacing-2xl) 0;
  }
}
.j74c {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  z-index: 100;
  overflow: hidden;
}

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

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

.je1c:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

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

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

.kea4ddcf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 5px;
  flex-shrink: 0;
}

.p49c {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 24px;
  height: 18px;
}

.p49c::before,
.p49c::after,
.p49c {
  content: '';
  display: block;
  height: 2px;
  background: var(--color-text-primary);
  transition: var(--transition-base);
  border-radius: 1px;
}

.p49c {
  position: relative;
  margin: 0;
  padding: 0;
  height: 2px;
  background: var(--color-text-primary);
}

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

.m85.ddfd1 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .cdcf44c {
    height: 5rem;
  }

  .ka4cd {
    display: flex;
  }

  .decdb0c {
    display: block;
  }

  .kea4ddcf {
    display: none;
  }

  .m85 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .cdcf44c {
    height: 5.5rem;
  }

  .df106c30 {
    font-size: 1.25rem;
  }

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

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

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

.g0fc {
  display: inline-block;
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  font-size: 0.9375rem;
  text-align: center;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

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

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

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

.acb4e4f {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 600;
  line-height: 1.3;
}

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

.ce60afed {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  padding-top: 0.5rem;
}

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

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

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

  .ab5e05,
  .acc2ce0 {
    flex: 1 1 100%;
  }

  .acc2ce0 {
    min-height: 250px;
  }

  .ce60afed {
    flex-direction: column;
  }

  .g0fc {
    width: 100%;
  }
}

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

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

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

.ncc2:hover {
  background: var(--color-bg-card);
  transform: translateX(4px);
}

.j6f94 {
  flex-shrink: 0;
  width: clamp(3rem, 8vw, 4rem);
  height: clamp(3rem, 8vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
}

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

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

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

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

  .j6f94 {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
  }
}

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

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

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

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

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

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

.n018 {
  flex: 0 1 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
}

.e0cc7 {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 900;
  color: var(--color-accent);
  line-height: 1;
  margin: 0;
}

.k562 {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  border-radius: var(--radius-full);
  font-size: 1.5rem;
}

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

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

.d23e8 {
  width: clamp(1.5rem, 3vw, 2.5rem);
  height: 2px;
  background: var(--color-accent);
  display: none;
}

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

  .d23e8 {
    display: none;
  }
}

@media (min-width: 769px) {
  .c2ba6 {
    gap: 0;
  }

  .d23e8 {
    display: block;
  }

  .n018:not(:last-child) .d23e8 {
    order: 1;
  }
}

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

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

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

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

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

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

.o8557 {
  flex: 1 1 280px;
  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);
  transition: all var(--transition-base);
}

.o8557:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.b84ec431 {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: 1.25rem;
}

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

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

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

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

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

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

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

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

.jbb {
  flex: 1 1 200px;
  max-width: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.75rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-accent);
}

.nca76848 {
  font-size: clamp(2.25rem, 6vw, 3.5rem);
  font-weight: 900;
  color: var(--color-accent);
  line-height: 1;
  margin: 0;
}

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

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

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

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

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

.d0e6 {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-bottom: 1px solid var(--color-border-light);
}

.e59ec {
  padding: clamp(1rem, 2vw, 1.5rem) 0;
  background: transparent;
  border: none;
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: all var(--transition-base);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

.e59ec::after {
  content: "+";
  color: var(--color-accent);
  font-weight: bold;
  margin-left: 1rem;
  flex-shrink: 0;
}

.e59ec.ddfd1::after {
  content: "−";
}

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

.n3a0.ddfd1 {
  display: block;
}

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

.k8de9e1 {
  flex: 1 1 40%;
  min-height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .dba981,
  .k8de9e1 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

.e76:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
}

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

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

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

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

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

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

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

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

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

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

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

.ccd94a {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 800;
  color: var(--color-text-primary);
  margin: 0;
  max-width: 600px;
}

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

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

.od8ade.kf47f {
  display: none;
}

.l2b190a {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.95rem);
  flex: 1 1 auto;
  min-width: 250px;
  text-align: center;
}

.ha33875b {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}

.m67b,
.pf445412 {
  padding: 0.625rem 1.25rem;
  border-radius: var(--radius-md);
  font-weight: 600;
  cursor: pointer;
  border: none;
  font-size: 0.875rem;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

.pf445412:hover {
  border-color: var(--color-text-secondary);
  color: var(--color-text-primary);
}

@media (max-width: 640px) {
  .od8ade {
    padding: 1rem;
    gap: 0.75rem;
  }

  .l2b190a {
    min-width: 100%;
    order: 1;
  }

  .ha33875b {
    order: 2;
    width: 100%;
    gap: 0.5rem;
  }

  .m67b,
  .pf445412 {
    flex: 1 1 48%;
    padding: 0.5rem 1rem;
  }
}

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

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

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

.hab46b6 {
  max-width: 600px;
}

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

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

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

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

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

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

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

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

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

.n14 {
  margin-top: 0.5rem;
}

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

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

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

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

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

  .le768 {
    grid-column: 2 / 3;
  }

  .e101b187 {
    grid-column: 3 / 4;
  }

  .hfece4 {
    grid-column: 4 / 5;
  }

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

.d5bd93 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Inter', sans-serif;
}

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

.e45 {
  background: linear-gradient(135deg, rgba(21, 21, 30, 0.95) 0%, rgba(32, 32, 45, 0.95) 100%), url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><defs><pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(219,39,119,0.05)" stroke-width="1"/></pattern></defs><rect width="1200" height="600" fill="rgba(10,10,15,0.9)"/><rect width="1200" height="600" fill="url(%23grid)"/></svg>');
  background-attachment: fixed;
  padding: clamp(4rem, 12vw, 8rem) 0;
  overflow: hidden;
  position: relative;
}

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

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

.je079f {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.02em;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pbb9c1 {
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.e9c56 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.01em;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b4a969d0 {
  font-size: clamp(0.875rem, 1.5vw + 0.3rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.k8a {
  flex: 1 1 clamp(280px, 100%, 380px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border: 1px solid rgba(219, 39, 119, 0.15);
  border-radius: 8px;
  padding: clamp(1.25rem, 3vw, 2rem);
  overflow: hidden;
  transition: all 0.3s ease;
}

.k8a:hover {
  transform: translateY(-6px);
  border-color: rgba(219, 39, 119, 0.35);
  box-shadow: 0 12px 24px rgba(219, 39, 119, 0.15);
}

.n4170 {
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
  aspect-ratio: 16 / 9;
}

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

.ka75d8fa {
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.kf13bb9,
.pb78,
.p4dc {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
}

.kf13bb9 i,
.pb78 i,
.p4dc i {
  font-size: clamp(0.75rem, 1vw, 0.95rem);
  color: var(--color-accent);
}

.o639 {
  display: inline-block;
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
}

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

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

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

.oc2 {
  text-align: center;
}

.k7c {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.01em;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.g97f {
  flex: 1 1 clamp(260px, 100%, 340px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 8px;
  border: 1px solid rgba(219, 39, 119, 0.15);
  transition: all 0.3s ease;
}

.g97f:hover {
  border-color: rgba(219, 39, 119, 0.35);
  transform: translateY(-4px);
}

.i6b {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 8vw, 4rem);
  height: clamp(3rem, 8vw, 4rem);
  background: rgba(219, 39, 119, 0.1);
  border-radius: 6px;
}

.a775d {
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .e45 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .i1a2 {
    padding: clamp(4rem, 8vw, 6rem) 0;
  }

  .n709 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

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

  .l13b1 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

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

@media (min-width: 1024px) {
  .e45 {
    padding: clamp(6rem, 12vw, 8rem) 0;
  }

  .i1a2 {
    padding: clamp(5rem, 10vw, 7rem) 0;
  }

  .k8a {
    flex: 1 1 calc(33.333% - 1.25rem);
  }

  .g97f {
    flex: 1 1 calc(33.333% - 1.25rem);
  }
}

@media (min-width: 1200px) {
  .k8a {
    flex: 1 1 calc(25% - 1.25rem);
    max-width: 350px;
  }
}

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

.o50 {
  text-align: center;
}

.jc9 {
  display: inline-block;
  background: rgba(219, 39, 119, 0.15);
  color: var(--color-secondary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  font-weight: 600;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

.of08ec {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin-bottom: 2rem;
}

.ca5 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}

.k677bff {
  color: var(--color-text-muted);
  font-weight: 500;
}

.a954e {
  color: var(--color-text-secondary);
  font-weight: 600;
}

.kded {
  width: 100%;
  max-height: 500px;
  border-radius: var(--radius-xl);
  overflow: hidden;
}

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

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

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

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

.l6abc962 {
  flex-shrink: 0;
}

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

.f8de {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: center;
}

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

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

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

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

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

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

  .gf14 {
    width: 70px;
    height: 70px;
  }
}

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

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

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

.ca840d58 {
  flex: 1 1 35%;
  position: sticky;
  top: 2rem;
}

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

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

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

.i4a1e {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin: 1rem 0;
}

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

.ha2b948 {
  background: rgba(219, 39, 119, 0.1);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

.k34d5 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin-bottom: 0.75rem;
}

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

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

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

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

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

.o046c1cf {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  margin: 0;
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
  border-bottom: 1px solid var(--color-border);
}

.j06 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.e27f61 {
  width: 100%;
  height: 150px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

.c126 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  line-height: 1.4;
  margin: 0;
}

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

.ccf38 {
  color: var(--color-secondary);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  font-weight: 600;
  transition: color var(--transition-base);
  align-self: flex-start;
}

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

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

  .b87 {
    flex: 1 1 100%;
  }

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

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

  .kded {
    max-height: 350px;
  }

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

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

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

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

  .j06 {
    gap: 0.75rem;
    padding: 0.75rem;
  }
}

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

  .d8e4 {
    font-size: 1.5rem;
  }

  .ced6 {
    font-size: 0.95rem;
  }

  .n82c25 {
    font-size: 1.25rem;
  }

  .ifa9b0c {
    font-size: 0.875rem;
  }

  .ha2b948 {
    padding: 1rem;
  }

  .k34d5 {
    font-size: 1rem;
  }

  .gf14 {
    width: 60px;
    height: 60px;
  }

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

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

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

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

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

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

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

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

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

.i0047e {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  width: fit-content;
}

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

.g703 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  max-width: 800px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.a24e {
  width: 100%;
  max-height: 450px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

.e0a34 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: center;
}

.e5284deb {
  width: 60px;
  height: 60px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-accent);
}

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

.b1395 {
  color: var(--color-text-muted);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.bc68 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

.c211 {
  flex: 1 1 35%;
  max-width: 35%;
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
}

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

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

.gb0e52 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 3vw + 0.25rem, 1.75rem);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

.dbb span {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

.bc16::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.25rem;
}

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

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

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

.afd5 {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

.jf9 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1.125rem);
  font-weight: 600;
  margin: 0;
  padding: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

  .n6fa57 {
    flex-direction: column;
  }

  .e6eb1b8,
  .h5ccf {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .i0ff55 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1rem, 3vw, 1.5rem);
  }

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

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

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

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

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

  .afd5 {
    flex: 1 1 100%;
  }

  .i0a81488 {
    gap: 1rem;
  }

  .ad1d {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }

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

  .e6eb1b8,
  .h5ccf {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .j9e759 {
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  }

  .gb42992e {
    font-size: clamp(1.25rem, 3vw + 0.25rem, 1.75rem);
  }

  .i0a81488 {
    gap: 0.75rem;
  }

  .ad1d {
    width: 36px;
    height: 36px;
    font-size: 1rem;
  }

  .h8a3 {
    gap: 0.75rem;
    font-size: 0.75rem;
  }
}

* {
  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: 'Inter', sans-serif;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

.p848ae a {
  color: var(--color-secondary);
  transition: color 0.3s ease;
}

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

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

.c1a8 {
  display: flex;
  justify-content: center;
}

.n2e08 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-secondary);
  padding: 0.5rem 1rem;
  border-radius: 999px;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  border: 1px solid var(--color-border);
}

.bf4eabc {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  text-align: center;
  font-family: 'Sora', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

.c1e8a540 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

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

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

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

.j763 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.p34608f5 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

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

.k2ca59 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 3vw, 1.5rem);
  align-items: flex-start;
  max-width: 600px;
}

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

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

.n048 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.i23021f3 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

.g64aa {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
}

.p87efe0 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

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

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

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

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

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

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

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

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

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

.k39 {
  color: var(--color-text-primary);
  font-size: clamp(1.3rem, 3vw + 0.5rem, 1.8rem);
  font-family: 'Sora', sans-serif;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 1rem;
}

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

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

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

.d4e220 {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

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

.b01d74 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}

.cf36 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.25rem;
  font-family: 'Sora', sans-serif;
}

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

.p8ae {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: 700;
  font-family: 'Sora', sans-serif;
}

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

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

.ga26582d {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 700;
  font-family: 'Sora', sans-serif;
  margin-bottom: 0.75rem;
}

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

.h8bc58 {
  width: 100%;
  display: flex;
  justify-content: center;
}

.kf6e37 {
  flex: 1 1 35%;
  min-width: 250px;
}

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

.hc2ad {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 700;
  font-family: 'Sora', sans-serif;
}

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

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

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

.d8f56e0 {
  padding: 1rem clamp(0.75rem, 2vw, 1rem) 0;
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 700;
  font-family: 'Sora', sans-serif;
  line-height: 1.4;
}

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

.k9edd74e:hover {
  color: var(--color-secondary);
}

.m54e93 {
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0 clamp(0.75rem, 2vw, 1rem) clamp(0.75rem, 2vw, 1rem);
}

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

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

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

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

.ifdf82b9 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.1rem);
  font-weight: 700;
  font-family: 'Sora', sans-serif;
}

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

@media (max-width: 1024px) {
  .m951d6 {
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3rem);
  }

  .ae69 {
    flex: 1 1 100%;
  }

  .kf6e37 {
    flex: 1 1 100%;
  }

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

@media (max-width: 768px) {
  .p848ae {
    font-size: 0.75rem;
  }

  .j11c77 {
    flex-direction: column;
  }

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

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

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

  .c6432 {
    width: 60px;
    height: 60px;
  }

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

  .p380 {
    margin-top: 0;
  }

  .b01d74 {
    gap: 1rem;
  }

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

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

  .hc86 {
    padding: 1rem;
    gap: 1rem;
  }

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

a {
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

.k142 {
  display: inline-block;
  align-self: center;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1.25rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid var(--color-border);
}

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

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

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

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

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

.jc1b4e2 {
  margin-top: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  max-height: 500px;
}

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

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

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

.n7824 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-border);
}

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

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

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

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

.b412218c {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cd0 strong {
  color: var(--color-accent);
  font-weight: 600;
}

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

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

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

.n48c3f57 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

.n2d {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background: var(--color-accent);
  color: var(--color-bg-primary);
  border-radius: 50%;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.25rem;
  flex-shrink: 0;
}

.ea1eb0 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  line-height: 1.6;
  margin: 0;
  padding-top: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d62 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
}

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

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

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

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

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

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

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

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

.h95c6c {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-primary);
  padding: 0.75rem 1.75rem;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

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

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

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

.i8cf9e {
  flex: 1 1 40%;
  max-width: 40%;
}

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

.g9dac {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

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

.h1ae391d {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all 0.3s ease;
}

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

.kabbf {
  width: 120px;
  height: 120px;
  object-fit: cover;
  flex-shrink: 0;
}

.m1f5d {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.n847 {
  margin: 0;
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  line-height: 1.3;
}

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

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

.e64c {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.5;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

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

  .ee2d7e8 {
    flex: 1 1 100%;
    max-width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }

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

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

  .k765a,
  .f14,
  .gc71,
  .bc1aa,
  .bc3f5250,
  .a546eb,
  .o1fffa,
  .e177d8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h2b57d {
    gap: 1rem;
  }

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

  .n7824 {
    width: 64px;
    height: 64px;
  }

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

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

  .ee2d7e8 {
    flex-direction: column;
  }

  .h1ae391d {
    flex: 1 1 100%;
    flex-direction: column;
  }

  .kabbf {
    width: 100%;
    height: 200px;
  }

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

  .hd5fba8 {
    margin-top: 0;
  }

  .ke7b2 {
    text-align: left;
  }

  .a2ea8b {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .gbc37c9 {
    font-size: 0.8125rem;
    gap: 0.5rem;
  }

  .h35b25c {
    font-size: 0.75rem;
  }

  .n0b2 {
    padding: clamp(1.5rem, 4vw, 2rem) 0;
  }

  .nf77 {
    gap: 1rem;
  }

  .ea1eb0 {
    gap: 0.75rem;
  }

  .n2d {
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
  }

  .p21 {
    padding: 1rem;
    margin-bottom: 0.75rem;
  }
}

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

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

.b33 {
  background: var(--color-bg-primary);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.6;
}

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

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

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

.fce {
  text-align: center;
}

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

.id38 {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.375rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  font-weight: 500;
}

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

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

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

.od3 {
  text-align: center;
}

.p869f184 {
  display: inline-block;
  font-size: 0.8125rem;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

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

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

.n004a strong {
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

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

.nc67 {
  text-align: center;
}

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

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

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

.o34ecc4 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 250px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 10px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

.i6528ae6 {
  font-size: 2rem;
  color: var(--color-primary);
}

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

.o476 {
  font-size: 0.9375rem;
  color: var(--color-text-muted);
  line-height: 1.6;
}

.a012 {
  width: 100%;
  max-width: 850px;
  height: auto;
  margin: 2rem auto 0;
  border-radius: 10px;
  display: block;
  object-fit: cover;
}

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

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

.c17896 {
  text-align: center;
}

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

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

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

.nbdd {
  flex: 1 1 calc(33.333% - 1.333rem);
  min-width: 200px;
  text-align: center;
  padding: clamp(1.25rem, 2vw, 1.75rem);
}

.i9ef02 {
  font-size: 2.5rem;
  color: var(--color-secondary);
  margin-bottom: 1rem;
}

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

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

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

.n270b8 {
  text-align: center;
}

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

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

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

.d25 {
  flex: 1 1 calc(25% - 1.875rem);
  min-width: 140px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 10px;
  border: 1px solid var(--color-border);
  text-align: center;
}

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

.ga61 {
  font-size: 0.875rem;
  color: var(--color-text-muted);
  font-weight: 500;
  line-height: 1.4;
}

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

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

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

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

.i677 {
  font-size: 1.25rem;
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 2px;
}

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

.e78b3 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

  .nbdd {
    flex: 1 1 100%;
  }

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

  .nd03f,
  .kc2e,
  .a53bf62,
  .ee2f8dd,
  .aa967990,
  .efff72f {
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

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

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

.j9c139 h1,
.j9c139 h2,
.j9c139 h3 {
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.h56d18 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  line-height: 1.6;
  max-width: 650px;
}

.o0fbc {
  flex: 1;
  overflow: hidden;
  border-radius: var(--radius-lg);
  min-height: 300px;
  background: var(--color-bg-secondary);
}

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

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

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

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

.o9e0e87 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 0.5rem;
}

.f9a {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  line-height: 1.2;
  font-weight: 700;
}

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

.g5691f p {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.7;
}

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

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

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

.kd89 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 0.5rem;
}

.jb5f {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  line-height: 1.2;
  font-weight: 700;
}

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

.i423b6 {
  flex: 1 1 clamp(280px, 45%, 350px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

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

.fde75d5 {
  width: 48px;
  height: 48px;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

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

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

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

.n954d28e {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 0.5rem;
}

.g28 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  line-height: 1.2;
  font-weight: 700;
}

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

.a782 {
  flex: 1 1 clamp(260px, 45%, 320px);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

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

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

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

.g280 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 0.5rem;
}

.h09 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  line-height: 1.2;
  font-weight: 700;
}

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

.cec2dae4 {
  flex: 1 1 clamp(280px, 45%, 360px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  transition: all var(--transition-base);
}

.cec2dae4:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-md);
}

.fa5305 {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 1.8vw, 1.3rem);
  font-weight: 600;
  line-height: 1.3;
}

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

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

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

.hf69cec1 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 5vw, 3.5rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.75rem);
  max-width: 900px;
  margin: 0 auto;
}

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

.nca6169 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

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

.b1e1 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1.1rem) clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

.j2d8b {
  background: var(--color-bg-card);
  color: var(--color-accent);
  padding: clamp(0.75rem, 1.5vw, 1.1rem) clamp(1.5rem, 3vw, 2.25rem);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
  cursor: pointer;
}

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

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

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

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

.n07 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  line-height: 1.2;
  font-weight: 700;
}

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

.e8c2b {
  flex: 1 1 clamp(300px, 45%, 420px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

@media (min-width: 768px) {
  .dfb {
    flex-direction: row;
    align-items: center;
  }

  .nc4 {
    flex: 1;
  }

  .o0fbc {
    flex: 1;
    min-height: 400px;
  }

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

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

  .cec2dae4 {
    flex: 1 1 calc(33.333% - 1.67rem);
  }

  .hf69cec1 {
    padding: clamp(2.5rem, 5vw, 4rem);
  }

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

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

  .d5c {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
  }

  .i423b6 {
    flex: 1 1 calc(33.333% - 1.67rem);
  }

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

  .cec2dae4 {
    flex: 1 1 calc(33.333% - 1.67rem);
  }

  .hf69cec1 {
    padding: clamp(3rem, 6vw, 4.5rem);
  }

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

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

  .i423b6 {
    flex: 1 1 100%;
  }

  .abe9 {
    flex-direction: column;
  }

  .a782 {
    flex: 1 1 100%;
  }

  .kfdd {
    flex-direction: column;
  }

  .cec2dae4 {
    flex: 1 1 100%;
  }

  .cc96 {
    flex-direction: column;
  }

  .b1e1,
  .j2d8b {
    width: 100%;
  }

  .db13c9 {
    flex-direction: column;
  }

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

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

.j78b477 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ee64bcb {
  max-width: 720px;
  text-align: center;
}

.d1a {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

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

.o4e95 {
  padding: var(--spacing-4xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.df4afd {
  max-width: 1200px;
  margin: 0 auto;
}

.n7b {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

.lbc:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.mf51c9ee {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  font-size: 28px;
  color: var(--color-primary);
}

.f9a932 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.j2b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.n0cd1 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.n0cd1 li {
  padding-left: var(--spacing-lg);
  position: relative;
}

.n0cd1 li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

.kee3db9 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dd55 {
  max-width: 640px;
  text-align: center;
}

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

.m77 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-2xl) 0;
}

.e1ff {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .j78b477 {
    padding: var(--spacing-4xl) var(--spacing-lg);
    min-height: 320px;
  }

  .o4e95 {
    padding: var(--spacing-5xl) var(--spacing-lg);
  }

  .n7b {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .kee3db9 {
    padding: var(--spacing-5xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j78b477 {
    padding: var(--spacing-5xl) var(--spacing-xl);
    min-height: 360px;
  }

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

  .n7b {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

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

  .e1ff {
    font-size: 1.05rem;
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

@media (min-width: 1280px) {
  .n7b {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.pdf05c29 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
}

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

.m6bb04fa {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

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

.c4b31882 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
}

.p88259 {
  max-width: 1200px;
  margin: 0 auto;
}

.o89ff07f {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.j732ff {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.f25 {
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

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

.j732ff:hover .f25 img {
  transform: scale(1.05);
}

.m476 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.p50a6098 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.lbdec077 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.e8cf {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: 0;
}

.m7120 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
}

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

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

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

.k7fd39 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  display: inline-block;
}

.k7fd39:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .pdf05c29 {
    padding: var(--spacing-5xl) var(--spacing-lg);
  }

  .c4b31882 {
    padding: var(--spacing-5xl) var(--spacing-lg);
  }

  .o89ff07f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .f25 {
    height: 280px;
  }

  .m7120 {
    padding: var(--spacing-5xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .pdf05c29 {
    padding: var(--spacing-5xl) var(--spacing-xl);
  }

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

  .o89ff07f {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-3xl);
  }

  .f25 {
    height: 320px;
  }

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

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

.c36d6558 .ff213 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.c36d6558 .lf74bfc7 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.c36d6558 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.c36d6558 .ke293f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  display: block;
}

.c36d6558 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.c36d6558 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.c36d6558 ul {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

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

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

.c36d6558 .o73e71c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
}

.c36d6558 .o73e71c h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.c36d6558 .o73e71c p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .c36d6558 .ff213 {
    padding: 0 var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .c36d6558 .ff213 {
    padding: 0 var(--spacing-xl);
  }

  .c36d6558 .lf74bfc7 {
    padding: var(--spacing-5xl) 0;
  }
}

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

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

main.n51 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md);
}

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

.ff213 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.lf74bfc7 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.bca7bad {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-lg);
  padding: var(--spacing-2xl) var(--spacing-md);
}

.f738 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(80px, 15vw, 120px);
  height: clamp(80px, 15vw, 120px);
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

.h4d6ab7 {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.l176f1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  margin-bottom: var(--spacing-sm);
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

.d6a {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-primary);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
  animation: fadeInUp 0.8s ease-out 0.3s both;
}

.f43af029 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin: var(--spacing-lg) 0;
}

.f43af029 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  animation: fadeInUp 0.8s ease-out 0.4s both;
}

.g0fc {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-lg);
  animation: fadeInUp 0.8s ease-out 0.5s both;
}

.h099b21 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 640px) {
  .bca7bad {
    padding: var(--spacing-3xl) var(--spacing-lg);
    gap: var(--spacing-xl);
  }

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

  .f43af029 {
    margin: var(--spacing-2xl) 0;
  }
}

@media (min-width: 1024px) {
  .bca7bad {
    padding: var(--spacing-4xl) var(--spacing-2xl);
    gap: var(--spacing-2xl);
  }

  .f43af029 {
    margin: var(--spacing-3xl) 0;
  }
}

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

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

.f9c0ec {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow-x: hidden;
}

.hd52e0 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.ff213 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.b17 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.kcd {
  width: 100%;
  max-width: 280px;
  height: auto;
  margin-bottom: var(--spacing-lg);
  animation: float-animation 3s ease-in-out infinite;
}

.k84313 {
  width: 100%;
  height: auto;
}

.j2801dc0 {
  fill: var(--color-primary-light);
  stroke: var(--color-primary);
  stroke-width: 2;
}

.k71, .i8a12689, .ea1a {
  fill: var(--color-bg-primary);
  stroke: var(--color-primary);
  stroke-width: 1.5;
}

.e93 {
  fill: none;
  stroke: var(--color-primary);
  stroke-width: 2;
  stroke-linecap: round;
}

.mafee0f {
  fill: var(--color-secondary);
  stroke: var(--color-secondary-hover);
  stroke-width: 2;
  animation: roll-animation 2s ease-in-out infinite;
}

.p18940 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.g8a8542 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 6.5rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.05em;
  line-height: 1;
  margin: 0;
}

.db146 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.02em;
}

.f6cd {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: var(--spacing-md) 0 0 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.l4368101 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg) var(--spacing-xl);
  margin: var(--spacing-lg) 0;
}

.kbfc {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 var(--spacing-md) 0;
}

.cc6 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.cc6 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  padding-left: var(--spacing-md);
  position: relative;
}

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

.g0fc {
  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, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  letter-spacing: 0.01em;
}

.h099b21 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

.mfd5fb {
  padding: var(--spacing-lg) var(--spacing-3xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
}

@keyframes float-animation {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

@keyframes roll-animation {
  0%, 100% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1.1);
  }
}

@media (min-width: 640px) {
  .hd52e0 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .kcd {
    max-width: 320px;
  }

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

@media (min-width: 768px) {
  .hd52e0 {
    padding: var(--spacing-4xl) var(--spacing-lg);
    min-height: 100vh;
    display: flex;
    align-items: center;
  }

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

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

  .kcd {
    max-width: 340px;
    margin-bottom: var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .hd52e0 {
    padding: var(--spacing-5xl) var(--spacing-xl);
  }

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

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

  .kcd {
    max-width: 380px;
  }

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

  .l4368101 {
    padding: var(--spacing-3xl) var(--spacing-4xl);
  }
}

@media (max-width: 479px) {
  .g8a8542 {
    margin-bottom: var(--spacing-sm);
  }

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

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

  .cc6 li {
    font-size: 0.9rem;
  }

  .mfd5fb {
    width: 100%;
  }
}

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

.ff213 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.k802 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.a65 {
  text-align: center;
  padding: var(--spacing-xl) 0;
}

.n8c26 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.d91ef093 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto;
}

.pabb3 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.i9f {
  width: 100%;
}

.l6a8 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

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

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

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

  .haca46 {
    flex: 1 1 45%;
  }
}

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

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

.m2c68 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

.o45d5d6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.i16f {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.ke1b2,
.p5865ba2 {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  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, 1.05rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
  line-height: 1.5;
}

.ke1b2::placeholder,
.p5865ba2::placeholder {
  color: var(--color-text-muted);
}

.ke1b2:focus,
.p5865ba2:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-lighter);
}

.p5865ba2 {
  min-height: 150px;
  resize: vertical;
  max-height: 400px;
}

.h0d80 {
  padding: var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.b39d1 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

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

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

.hfd {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.05vw, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.hfd:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

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

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

.i443768 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.g72 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

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

.kd142 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.b6c {
  flex: 1;
}

.i4abc {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

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

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

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

.c1fe501 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-bottom: var(--spacing-lg);
}

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

.bf6af6e7 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

.ec7c {
  background-color: var(--color-primary-lighter);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-primary-light);
}

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

.f44 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-md) 0;
}

.edebff {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.h068 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.o1561 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.n91c77e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: var(--spacing-sm);
}

.e49c121c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
}

.kaaae18 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.n44c:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
}

.jb602e {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.p52b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

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

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

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

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

  .e3d3,
  .haca46 {
    flex: 1 1 100%;
  }

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

  .o1561 {
    padding: 0;
  }
}

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

  .o45d5d6,
  .h88 {
    gap: var(--spacing-md);
  }

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

  .kd142 {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }

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

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.kea4ddcf,.c0928ecd{width:34px;}
.kea4ddcf[aria-expanded="true"]{display:none;}
.m85.ddfd1{z-index:999;}
.m85{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.m85{max-width:100%;}}
.ka4cd{justify-content:flex-end;}
@media (max-width:768px){.f16{min-height:500px;}}
@media (max-width:768px){.n4170{min-height:500px;}}