@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');

:root {
  --color-bg-primary: #0a0f1e;
  --color-bg-secondary: #0d1526;
  --color-bg-tertiary: #111d2f;
  --color-bg-card: #162033;

  --color-text-primary: #ffffff;
  --color-text-secondary: #94a3b8;
  --color-text-muted: #838fa2;

  --color-primary: #f59e0b;
  --color-primary-hover: #d97706;
  --color-primary-light: #fcd34d;
  --color-secondary: #fbbf24;
  --color-secondary-light: #fef3c7;

  --color-success: #10b981;
  --color-success-light: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: #fcd34d;
  --color-danger: #ef4444;
  --color-danger-light: #fca5a5;

  --color-border: #1e293b;
  --color-border-light: #334155;

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

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

  --radius-xs: 0.25rem;
  --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: #111418;
}

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

html {
  scroll-behavior: smooth;
}

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

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.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 {
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

code {
  background: var(--color-bg-tertiary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-md);
  font-family: 'Courier New', monospace;
  font-size: 0.875rem;
  color: var(--color-secondary);
}

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

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

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

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

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

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

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

.ibedc116 {
  background: var(--color-bg-card);
}

.ge7 {
  display: flex;
}

.je187da {
  display: grid;
}

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

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

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

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

.g19 { margin: 0; }
.ca6 { margin: var(--spacing-xs); }
.n8dac09b { margin: var(--spacing-sm); }
.bf4 { margin: var(--spacing-md); }
.k363 { margin: var(--spacing-lg); }
.edcbf { margin: var(--spacing-xl); }

.k77dd { padding: 0; }
.ld787adb { padding: var(--spacing-xs); }
.cfbb { padding: var(--spacing-sm); }
.af9 { padding: var(--spacing-md); }
.p4e4f235 { padding: var(--spacing-lg); }
.e1c { padding: var(--spacing-xl); }

.i85 { border-radius: var(--radius-sm); }
.bdfd { border-radius: var(--radius-md); }
.n17f0b0 { border-radius: var(--radius-lg); }
.ne3 { border-radius: var(--radius-xl); }
.m92 { border-radius: var(--radius-full); }

.c1b { box-shadow: var(--shadow-sm); }
.i3c { box-shadow: var(--shadow-md); }
.f92af { box-shadow: var(--shadow-lg); }
.m69 { box-shadow: var(--shadow-xl); }

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .n2c3 {
    padding: var(--spacing-xl) 0;
  }
}
.cfc {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

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

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

.l93306:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

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

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

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

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

.e64dc8.ea2 span:nth-child(1) {
  transform: rotate(45deg) translateY(10px);
}

.e64dc8.ea2 span:nth-child(2) {
  opacity: 0;
}

.e64dc8.ea2 span:nth-child(3) {
  transform: rotate(-45deg) translateY(-10px);
}

.j3f3 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 320px;
  height: 100vh;
  background: var(--color-bg-secondary);
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
}

.j3f3.ea2 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

.fe1:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding-left: clamp(1.25rem, 4vw, 1.75rem);
}

.b8b887 {
  padding: clamp(0.875rem, 2vw, 1rem) clamp(1rem, 3vw, 1.5rem);
  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, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-align: center;
  transition: var(--transition-base);
}

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

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

  .j3f3 {
    display: none;
  }

  .m1311edc {
    display: flex;
  }

  .aa7b54 {
    display: inline-block;
  }
}

    

* {
  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;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.i8c10 {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-align: center;
  cursor: pointer;
  border: none;
  transition: var(--transition-base);
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

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

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

.p099 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

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

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

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

.b03 {
  width: 100%;
  margin-top: clamp(1rem, 2vw, 2rem);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-2xl);
  min-height: 300px;
  max-height: 500px;
}

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

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

  .b03 {
    flex: 1 1 45%;
    min-height: 400px;
    max-height: 500px;
  }

  .ef8b {
    flex: 1 1 55%;
  }
}

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

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

.oa6ec9 {
  text-align: center;
}

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

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

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

.f80706 {
  width: 100%;
}

.o9631 {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 300px;
  max-height: 500px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-xl);
}

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

.odcbe {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(10, 15, 30, 0.95), transparent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  color: var(--color-text-primary);
}

.k8f67a {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

.ca87e7 {
  flex: 1 1 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

  .f80706 {
    flex: 1 1 45%;
  }

  .ka0a {
    flex: 1 1 55%;
    flex-direction: column;
    justify-content: flex-start;
  }

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

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

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

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

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

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

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

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

.fd874 i {
  color: var(--color-accent);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  flex-shrink: 0;
}

.fe57c483 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  font-weight: 600;
}

.ab6a {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  min-height: 250px;
  max-height: 400px;
}

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

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

  .j462c3a {
    flex: 1 1 50%;
  }

  .ab6a {
    flex: 1 1 50%;
    min-height: 350px;
    max-height: 450px;
  }
}

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

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

.odb327ec {
  text-align: center;
}

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

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

.k6b91 {
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.ma6e9 {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: var(--color-bg-card);
}

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

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

.e5d2 .i377d9,
.e5d2 .e80183 {
  color: var(--color-accent);
  font-weight: 600;
}

.i377d9,
.e80183 {
  flex: 1 1 auto;
  padding: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
}

.i377d9 {
  flex: 1 1 150px;
  justify-content: flex-start;
}

.e80183 i {
  color: var(--color-accent);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

.e80183 i.fa-times {
  color: rgba(255, 255, 255, 0.3);
}

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

  .i377d9,
  .e80183 {
    width: 100%;
  }
}

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

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

.e043 {
  text-align: center;
}

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

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

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

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

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

.j9112 {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

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

.ob7:hover .j9112 img {
  transform: scale(1.05);
}

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

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

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

.i2f8 {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  margin-top: auto;
}

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

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

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

.o3a {
  text-align: center;
}

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

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

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

.ffb2f {
  flex: 1 1 200px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  position: relative;
}

.d34a {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
  opacity: 0.3;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.hd35 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  margin-top: clamp(1.5rem, 2vw, 2rem);
}

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

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

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

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

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

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

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

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

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

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

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

.h242 {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  min-height: 250px;
  max-height: 400px;
}

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

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

  .l10c1 {
    flex: 1 1 50%;
  }

  .h242 {
    flex: 1 1 50%;
    min-height: 350px;
    max-height: 450px;
  }
}

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

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

.ncc5 {
  text-align: center;
}

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

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

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

.decd71d {
  flex: 1 1 300px;
  max-width: 450px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-md);
}

.n56eb9b7 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 600;
  text-align: center;
}

.e4e {
  display: flex;
  align-items: flex-start;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(0.75rem, 1.5vw, 1rem);
  border-radius: var(--radius-sm);
}

.bb1628e {
  background: rgba(239, 68, 68, 0.1);
}

.e835eb5b {
  background: rgba(34, 197, 94, 0.1);
}

.hec {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.bb1628e .hec {
  color: #ef4444;
}

.e835eb5b .hec {
  color: #22c55e;
}

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

@media (min-width: 1024px) {
  .b9f44f0e {
    flex-direction: row;
    align-items: stretch;
  }

  .decd71d {
    flex: 1 1 45%;
  }
}

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

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

.jb1a4c {
  text-align: center;
}

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

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

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

.b4e8 {
  flex: 1 1 200px;
  max-width: 350px;
  aspect-ratio: 1;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
}

.b4e8:hover {
  transform: scale(1.02);
  box-shadow: var(--shadow-lg);
}

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

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

  .b4e8 {
    flex: 1 1 calc(33.333% - 1rem);
    max-width: none;
  }
}

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

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

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

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

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

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

.fe32f5.f33f56d {
  display: none;
}

.id226 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  line-height: 1.5;
  max-width: 600px;
}

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

.i7e,
.mb16 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 1.5vw, 1.5rem);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  font-family: var(--font-primary);
  transition: var(--transition-base);
}

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

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

.mb16 {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.mb16:hover {
  border-color: rgba(255, 255, 255, 0.4);
  color: var(--color-text-primary);
}

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

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

  .pa8d {
    width: 100%;
    justify-content: center;
  }

  .i7e,
  .mb16 {
    flex: 1 1 120px;
  }
}

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

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

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

  .i377d9,
  .e80183 {
    padding: clamp(0.75rem, 1.5vw, 1rem);
  }
}

@media (min-width: 1200px) {
  .d8e {
    gap: 2rem;
  }

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

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

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

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

.c029f1,
.n5e3,
.kd240e6,
.f6097a {
  display: block;
}

.k6fff2de h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: -0.02em;
}

.k6fff2de 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;
  margin-bottom: 0.75rem;
}

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

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

.n961ee {
  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);
  display: inline-block;
}

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

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

.dc3 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 500;
}

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

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

  .c029f1 {
    flex: 1 1 280px;
    min-width: 260px;
  }

  .n5e3 {
    flex: 0 1 180px;
  }

  .kd240e6 {
    flex: 0 1 240px;
  }

  .f6097a {
    flex: 0 1 180px;
  }

  .m9cfd {
    flex: 1 1 100%;
    display: block;
  }
}

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

  .c029f1,
  .n5e3,
  .kd240e6,
  .f6097a {
    width: 100%;
  }

  .jb4,
  .l0627 {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
  }
}

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

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

.iba1b81 {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  position: relative;
}

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

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

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

.p69 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2.25rem, 6vw + 0.5rem, 4rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.p4c8ab6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.25rem);
  font-weight: 400;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.p842890 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.6rem, 1.5vw, 0.85rem) clamp(1rem, 2vw, 1.5rem);
  background: rgba(245, 158, 11, 0.15);
  color: var(--color-accent);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1.5vw, 0.95rem);
  font-weight: 500;
  transition: all var(--transition-base);
}

.p842890:hover {
  background: rgba(245, 158, 11, 0.25);
  border-color: var(--color-accent);
}

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

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

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

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

.a80675b {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.i7825b6 {
  flex: 1 1 100%;
  max-width: 900px;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.i7825b6 .b38a2c {
  flex: 1 1 40%;
  min-height: 280px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.edf679e6 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.i4eb4 {
  flex: 1 1 100%;
  max-width: 900px;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.i4eb4 .b38a2c {
  flex: 1 1 40%;
  min-height: 280px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.b38a2c {
  width: 100%;
  height: auto;
  min-height: 200px;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

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

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

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

.cc1d73 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

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

.c1684 i {
  color: var(--color-accent);
  font-size: 0.9em;
}

.o6126e {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: clamp(0.7rem, 1.5vw, 0.95rem) clamp(1.2rem, 2vw, 1.6rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  width: fit-content;
}

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

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

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

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

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

.g527d940 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o1e336 {
  background: var(--color-bg-card);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
}

.o1e336[open] {
  background: rgba(245, 158, 11, 0.08);
  border-color: rgba(245, 158, 11, 0.2);
}

.o1e336:hover {
  border-color: rgba(245, 158, 11, 0.3);
}

.eda356d {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  cursor: pointer;
  user-select: none;
  list-style: none;
}

.eda356d::-webkit-details-marker {
  display: none;
}

.e26bf {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--color-accent);
  transition: transform var(--transition-base);
}

.o1e336[open] .e26bf {
  transform: rotate(45deg);
}

.o37b {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  text-align: left;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h5ff2d96 {
  padding: 0 clamp(1.25rem, 2vw, 1.75rem) clamp(1.25rem, 2vw, 1.75rem) clamp(4rem, 5vw, 5rem);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  animation: slideDown var(--transition-base);
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

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

  .i7825b6 .b38a2c,
  .i4eb4 .b38a2c {
    flex: 1 1 100%;
    min-height: 220px;
  }

  .i7825b6 .a216d,
  .i4eb4 .a216d {
    flex: 1 1 100%;
  }

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

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

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

  .h5ff2d96 {
    padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) clamp(2.5rem, 4vw, 3rem);
  }
}

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

  .o39 {
    flex-direction: row;
  }
}

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

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

  .i4eb4 {
    flex: 1 1 100%;
  }

  .o39 {
    flex-direction: row;
  }

  .p16390 {
    max-width: 900px;
  }
}

@media (min-width: 1440px) {
  .dc02 {
    max-width: 1440px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.h10 {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 500;
  display: inline-block;
}

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

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

.hf9ab253 {
  display: flex;
  gap: clamp(1.5rem, 3vw, 2rem);
  flex-wrap: wrap;
  justify-content: center;
  font-size: clamp(0.875rem, 1vw, 1rem);
}

.g1b {
  color: var(--color-text-secondary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

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

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

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

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

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

.d9cc28 {
  flex: 1;
}

.ge7ca6a {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a9fc7d {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m4686b2c {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 2rem);
  margin-bottom: 0;
  line-height: 1.3;
}

.me1311d4 {
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
}

.me1311d4:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.lf47925f {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: clamp(0.25rem, 1vw, 0.5rem);
  display: block;
}

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

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

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

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

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

  .hc2 {
    font-size: 0.8125rem;
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
  }

  .a8ce,
  .o1b57a,
  .p8d2b,
  .h59b7 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .a41d20,
  .e59251,
  .c74,
  .h04,
  .j7bc7847,
  .l808b130,
  .m9ad35,
  .iee724 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .bf3d5 {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }

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

  .j40,
  .jbb,
  .ee047,
  .e233e50,
  .od9f,
  .a9680 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .hc2 {
    font-size: 0.875rem;
  }

  .a8ce,
  .o1b57a,
  .p8d2b,
  .h59b7 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k05107 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.k34 {
  display: inline-block;
  background: rgba(245, 158, 11, 0.15);
  color: var(--color-accent);
  padding: 0.4rem 0.8rem;
  border-radius: 0.25rem;
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ee2ac {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  align-self: center;
}

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

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

.ne60c3 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
}

.k911506f,
.j8c68322 {
  display: inline-flex;
  align-items: center;
}

.o965dbe {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
}

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

.d81 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  overflow: hidden;
}

.bef6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  border-left: 4px solid var(--color-accent);
}

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

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

.ffec2d {
  font-size: 0.75rem;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin: 0;
}

.lc9 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.le7a77 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: rgba(245, 158, 11, 0.08);
  border-left: 4px solid var(--color-accent);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
}

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

.kcdae97 {
  flex: 1;
}

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

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

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

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

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

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

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

.b8b486b8:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(245, 158, 11, 0.15);
}

.df579 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

.o304a00f {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  transition: all 0.3s ease;
  border: 1px solid var(--color-border-light);
}

.o304a00f:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(245, 158, 11, 0.2);
  border-color: var(--color-accent);
}

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

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

.o304a00f:hover .gccf {
  transform: scale(1.05);
}

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

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

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

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

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

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

  .j60e7,
  .mb2de4,
  .ce9b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b8b486b8 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 220px;
    max-width: none;
  }

  .o304a00f {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 250px;
    max-width: none;
  }

  .bef6 {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }

  .f704d {
    align-items: center;
  }
}

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

  .b95,
  .a6e,
  .b74,
  .ob3ca7e,
  .n82,
  .f84 {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

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

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

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

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

  .l442dfd3 {
    font-size: 0.75rem;
  }

  .le7a77 {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .k05107 {
    gap: 0.5rem;
  }

  .ne60c3 {
    gap: 1rem;
  }

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

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

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

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

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

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

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

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

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

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

.n40 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  width: fit-content;
}

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

.kdb57503 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.pa59e {
  flex: 1 1 50%;
  min-height: 300px;
  max-height: 450px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

  .m111,
  .pa59e {
    flex: 1 1 100%;
  }

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

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

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

.h18d22 {
  width: 60px;
  height: 60px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
}

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

.i146 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.hfe53a6 {
  color: var(--color-accent);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: color var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

.m3161 {
  flex: 1 1 50%;
  min-height: 250px;
  max-height: 380px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

.ec2 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  list-style-position: inside;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ec2 li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .e8c8a4 {
    flex: 1 1 100%;
  }

  .p2e088d2 {
    flex-direction: column;
  }

  .f848fa8,
  .m3161 {
    flex: 1 1 100%;
  }

  .m3161 {
    max-height: 300px;
  }
}

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

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

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

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

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

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

.iff {
  flex: 1 1 35%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  position: sticky;
  top: 2rem;
}

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

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

.c2970d {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  text-decoration: none;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.a14b18ea {
  width: 100%;
  height: 180px;
  overflow: hidden;
}

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

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

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

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

@media (max-width: 1024px) {
  .iff {
    position: static;
    flex: 1 1 100%;
  }

  .pb7e9b3a {
    flex-direction: column;
  }

  .e8c8a4,
  .iff {
    flex: 1 1 100%;
  }

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

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

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

.h377 {
  width: 100%;
}

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

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

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

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

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

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

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

.k81 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  width: fit-content;
}

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

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

.kdec11 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 2rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.dbf {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-secondary);
}

.dbf i {
  color: var(--color-accent);
  font-size: 1em;
}

.a551 {
  margin-top: clamp(1.5rem, 3vw, 3rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

.c2c {
  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-card);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p434f9 {
  margin: clamp(1rem, 2vw, 2rem) 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

.ed1 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-warning);
  border-radius: var(--radius-md);
  margin: clamp(2rem, 4vw, 3rem) 0;
}

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

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

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

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

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

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

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

.e12c {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.6;
}

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

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

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

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

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

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

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

.i5a97 {
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

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

.f1390 {
  flex: 1 1 35%;
  min-width: 0;
}

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

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

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

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

.o6136 {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: cover;
  border-radius: var(--radius-sm);
  display: block;
}

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

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

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

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

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

  .n0546 {
    flex: 1 1 100%;
  }

  .f1390 {
    flex: 1 1 100%;
  }

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

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

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

  .bf99c {
    gap: 1rem;
  }

  .e9288d {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }

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

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

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

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

  .g7e {
    margin-top: 0;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

.a206 {
  width: 100%;
  max-width: 900px;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  margin-top: clamp(1rem, 3vw, 2rem);
}

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

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

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

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

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

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

.ib3dc8 p {
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-secondary);
}

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

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

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

.p6ff {
  text-align: center;
}

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

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

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

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

.e99e:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(245, 158, 11, 0.1);
}

.m142 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  display: block;
  width: fit-content;
}

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

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

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

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

.c6370 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

.je1d {
  text-align: center;
}

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

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

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

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

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

.i0f7 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
}

.he1c0c {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.1875rem);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

.gb4 {
  max-width: 750px;
  margin: 0 auto;
}

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

.hc60973d {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-style: italic;
  line-height: 1.8;
  font-family: var(--font-heading);
}

.m73d {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  font-weight: 600;
  display: block;
  text-align: right;
}

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

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

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

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

.m9b {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.1875rem);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

  .gda {
    flex: 1 1 100%;
  }

  .mac6ad {
    padding: 0;
  }

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

  .ddfc2 {
    margin: 0;
  }

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

@media (min-width: 769px) and (max-width: 1024px) {
  .e99e {
    flex: 1 1 calc(50% - 1rem);
  }

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

@media (min-width: 1025px) {
  .e99e {
    flex: 1 1 calc(50% - 1rem);
  }

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

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

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

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

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

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

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

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

.k0b {
  width: 100%;
}

.g857 {
  position: relative;
  overflow: hidden;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.b22c2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 400px;
  position: relative;
}

.j1eb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

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

.ma5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(10, 15, 30, 0.75) 0%, rgba(10, 15, 30, 0.6) 50%, rgba(10, 15, 30, 0.7) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.e86cd8 {
  text-align: center;
  color: var(--color-text-primary);
}

.kdfae9 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
  font-weight: 800;
  letter-spacing: -0.5px;
}

.o9c523b7 {
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  max-width: 600px;
  margin: 0 auto;
}

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

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

.o5054 {
  text-align: center;
}

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

.dfc {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0;
}

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

.n7d4 p {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

.odee3 {
  text-align: center;
}

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

.o060 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.cf8e8ee6 {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.c4ab {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

.ac3af5 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 800;
  color: var(--color-accent);
  font-family: var(--font-heading);
  line-height: 1;
}

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

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

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

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

.d772 {
  text-align: center;
}

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

.ccf0e8 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

.ma876 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
  min-height: 100%;
}

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

.l934ff {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

.adbd31f4 {
  text-align: center;
}

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

.h54b2a8 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

.l2cb38ec h3 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

.a8bfbf5 {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: space-around;
}

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

.e30b71 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
}

@media (min-width: 768px) {
  .e30b71 {
    text-align: left;
  }
}

.f2515 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 800;
  color: var(--color-accent);
  font-family: var(--font-heading);
  line-height: 1;
  margin: 0;
}

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

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

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

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

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

.n5d4,
.faf {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
}

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

.i8c10 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-align: center;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

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

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

@media (max-width: 767px) {
  .g857 {
    min-height: 350px;
  }

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

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

  .n93696 {
    flex-direction: column;
  }

  .a8bfbf5 {
    flex-direction: row;
    justify-content: space-around;
  }

  .o5e9e {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .kdfae9 {
    letter-spacing: 0;
  }

  .o9c523b7 {
    line-height: 1.5;
  }

  .c4ab,
  .ma876,
  .g7ebf2,
  .mf23b,
  .j90fa {
    padding: clamp(1rem, 2vw, 1.5rem);
  }

  .e30b71 {
    text-align: center;
  }
}

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

.m96 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

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

.g8c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  margin: 0;
}

.nb7208 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.ibea0e {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: var(--radius-md);
}

@media (min-width: 768px) {
  .m96 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }

  .ibea0e {
    order: 2;
  }
}

@media (min-width: 1024px) {
  .m96 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    gap: var(--spacing-3xl);
  }
}

.j7b6c {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

.g00fc {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  transition: all var(--transition-base);
}

.g00fc:hover {
  border-color: var(--color-border);
  box-shadow: var(--shadow-sm);
}

.h01842 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  background-color: var(--color-bg-card);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: all var(--transition-base);
}

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

.e187b {
  flex: 1;
  line-height: 1.4;
}

.i7518e98 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--color-primary);
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.g00fc[open] .i7518e98 {
  transform: rotate(45deg);
}

.o0f9 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
}

.g00fc[open] .o0f9 {
  max-height: 500px;
}

.o0f9 p {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.j7f {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
}

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

@media (min-width: 768px) {
  .j7b6c {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

  .o0f9 p {
    padding: 0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .j7b6c {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.oc2 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

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

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

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

.m054a8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  width: fit-content;
}

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

.kb4205 {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: var(--radius-md);
}

@media (min-width: 768px) {
  .oc2 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }

  .kb4205 {
    order: 2;
  }
}

@media (min-width: 1024px) {
  .oc2 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    gap: var(--spacing-3xl);
  }

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

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

.oabf633 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.k28 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.h77a70 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

@media (min-width: 768px) {
  .oabf633 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .oabf633 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.le7 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.me2710e8 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .me2710e8 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .me2710e8 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

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

.o083a:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

.gb641 {
  font-size: clamp(2rem, 5vw, 2.5rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.id549 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.l72 {
  font-size: clamp(0.875rem, 1.5vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.l0669fb {
  list-style: none;
  margin: var(--spacing-md) 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  border-top: 1px solid var(--color-border-light);
  padding-top: var(--spacing-md);
}

.l0669fb li {
  font-size: clamp(0.8125rem, 1vw + 0.3rem, 0.9375rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

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

.n6965708 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.g17 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  align-items: center;
}

@media (min-width: 768px) {
  .g17 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .n6965708 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.j1cb {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.id14d7d4 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.k2d97a {
  font-size: clamp(0.875rem, 1.5vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.pe4cf {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
  width: fit-content;
}

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

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

.cee8 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  object-fit: cover;
  aspect-ratio: 4/3;
}

@media (max-width: 767px) {
  .cee8 {
    display: none;
  }
}

@media (min-width: 1440px) {
  .k28,
  .f88255,
  .g17 {
    max-width: 1320px;
  }
}

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

.b32c1 main {
  width: 100%;
}

.b32c1 .dc02 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.b32c1 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.b32c1 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

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

.b32c1 .acd3f11 {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.b32c1 .n2c3 {
  margin-bottom: var(--spacing-3xl);
}

.b32c1 ul {
  list-style-position: inside;
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-md);
}

.b32c1 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.b32c1 .h9663e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.b32c1 .h9663e h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.b32c1 .h9663e p {
  margin-bottom: var(--spacing-md);
}

.b32c1 .d58ff {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.b32c1 .i3518 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
}

@media (min-width: 768px) {
  .b32c1 .dc02 {
    padding: 0 var(--spacing-lg);
  }

  .b32c1 h1 {
    margin-top: var(--spacing-4xl);
  }
}

@media (min-width: 1024px) {
  .b32c1 .dc02 {
    padding: 0 var(--spacing-xl);
  }

  .b32c1 .gf62 {
    padding: 0 var(--spacing-2xl);
  }
}

.jb24976 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ea81db {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.dc02 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

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

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

.o11571 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  background-color: var(--color-success-light);
  box-shadow: var(--shadow-md);
}

.o11571 i {
  font-size: clamp(2.5rem, 8vw, 4rem);
  color: var(--color-success);
}

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

.h598 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  line-height: 1.5;
}

.hadf3f84 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.i8c10 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  font-family: var(--font-primary);
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: none;
  cursor: pointer;
  transition: var(--transition-base);
  gap: var(--spacing-sm);
  white-space: nowrap;
}

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

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

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

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

@media (min-width: 640px) {
  .ea81db {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .o11571 {
    width: 120px;
    height: 120px;
  }

  .o11571 i {
    font-size: clamp(3rem, 10vw, 4.5rem);
  }
}

@media (min-width: 768px) {
  .ea81db {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

  .o11571 {
    width: 140px;
    height: 140px;
  }

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

@media (min-width: 1024px) {
  .ea81db {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

  .o11571 {
    width: 160px;
    height: 160px;
  }
}

.fe8e56 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iee7 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dc02 {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.gf62 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.ofc434 {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.d2897fcf {
  position: relative;
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.g2d {
  font-size: clamp(3.5rem, 12vw, 6rem);
  font-weight: 800;
  font-family: var(--font-heading);
  color: var(--color-primary);
  line-height: 1;
  position: relative;
  z-index: 2;
  letter-spacing: -0.02em;
}

.hff79 {
  position: absolute;
  width: 180px;
  height: 180px;
  opacity: 0.15;
  animation: float 3s ease-in-out infinite;
}

.ac14a9c {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

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

.ea521e0 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  letter-spacing: -0.01em;
}

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

.of5 {
  background-color: var(--color-bg-card);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  margin: var(--spacing-md) 0;
}

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

.i8c10 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-lg);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  text-decoration: none;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.3px;
}

.gabbd852 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
  margin: var(--spacing-md) 0;
}

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

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

.ba439 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-md);
}

.d8db60 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.id80f9 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.id80f9 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: var(--spacing-lg);
  position: relative;
}

.id80f9 li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 600;
}

@media (min-width: 640px) {
  .iee7 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

  .d2897fcf {
    width: 240px;
    height: 240px;
  }

  .hff79 {
    width: 220px;
    height: 220px;
  }

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

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

@media (min-width: 1024px) {
  .iee7 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .d2897fcf {
    width: 280px;
    height: 280px;
  }

  .hff79 {
    width: 260px;
    height: 260px;
  }

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

  .gabbd852 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: 1.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hff79 {
    animation: none;
  }

  .gabbd852:hover {
    transform: none;
  }
}

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

  .f04 {
    background-color: var(--color-bg-secondary);
    padding: 3rem 1rem;
    overflow: hidden;
  }

  @media (min-width: 768px) {
    .f04 {
      padding: 5rem 2rem;
    }
  }

  @media (min-width: 1024px) {
    .f04 {
      padding: 6rem 2rem;
    }
  }

  .h8ec1 {
    width: 100%;
  }

  .b9fd {
    font-family: var(--font-heading);
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 1rem 0;
    letter-spacing: -0.02em;
  }

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

  .c973b4 {
    background-color: var(--color-bg-primary);
    padding: 3rem 1rem;
    overflow: hidden;
  }

  @media (min-width: 768px) {
    .c973b4 {
      padding: 4rem 2rem;
    }
  }

  @media (min-width: 1024px) {
    .c973b4 {
      padding: 5rem 2rem;
    }
  }

  .k66 {
    width: 100%;
  }

  .h97 {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
  }

  @media (max-width: 767px) {
    .h97 {
      gap: 2rem;
    }
  }

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

  @media (min-width: 768px) {
    .p2c {
      flex: 1 1 45%;
      max-width: 500px;
    }
  }

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

  .ia5 {
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 2rem 0;
    letter-spacing: -0.01em;
  }

  .m0f69 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

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

  .g54 {
    font-family: var(--font-primary);
    font-size: clamp(0.85rem, 1vw, 0.95rem);
    font-weight: 600;
    color: var(--color-text-primary);
    display: block;
  }

  .j90,
  .gce45 {
    font-family: var(--font-primary);
    font-size: clamp(0.9rem, 1vw, 1rem);
    width: 100%;
    padding: 0.875rem 1rem;
    background-color: var(--color-bg-card);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-md);
    color: var(--color-text-primary);
    line-height: 1.5;
    transition: all var(--transition-base);
  }

  .j90::placeholder,
  .gce45::placeholder {
    color: var(--color-text-muted);
  }

  .j90:focus,
  .gce45:focus {
    outline: none;
    border-color: var(--color-primary);
    background-color: var(--color-bg-card);
    box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
  }

  .j90:hover:not(:focus),
  .gce45:hover:not(:focus) {
    border-color: var(--color-border);
  }

  .gce45 {
    min-height: 140px;
    resize: vertical;
  }

  .ha7d75e {
    margin: 0.5rem 0;
  }

  .nc288 {
    font-family: var(--font-primary);
    font-size: clamp(0.8rem, 0.9vw, 0.9rem);
    color: var(--color-text-muted);
    line-height: 1.6;
    margin: 0;
  }

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

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

  .m30d80 {
    width: 100%;
    padding: 1rem 2rem;
    background-color: var(--color-accent);
    color: var(--color-text-on-accent);
    font-family: var(--font-primary);
    font-size: clamp(0.95rem, 1vw, 1.05rem);
    font-weight: 600;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all var(--transition-base);
    text-transform: none;
    letter-spacing: 0;
  }

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

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

  .m30d80:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
  }

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

  @media (min-width: 768px) {
    .n73e95 {
      flex: 1 1 45%;
      max-width: 500px;
    }
  }

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

  .p5187375 {
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 2rem 0;
    letter-spacing: -0.01em;
  }

  .m3a545a6 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 3rem;
  }

  .lc991 {
    display: flex;
    gap: 1.25rem;
    align-items: flex-start;
  }

  .hbd94 {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-bg-card);
    border-radius: var(--radius-md);
    color: var(--color-primary);
    font-size: 1.25rem;
  }

  .i789300 {
    flex: 1;
  }

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

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

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

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

  .m57 {
    background-color: var(--color-bg-card);
    padding: 1.5rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
  }

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

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

  .m07b5e {
    display: inline-block;
    color: var(--color-primary);
    text-decoration: none;
    font-family: var(--font-primary);
    font-size: clamp(0.9rem, 1vw, 0.95rem);
    font-weight: 600;
    transition: color var(--transition-base);
  }

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

  @media (max-width: 767px) {
    .p2c,
    .n73e95 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.e64dc8,.d4b1cd{width:34px;}
.e64dc8[aria-expanded="true"]{display:none;}
.j3f3.ea2{z-index:999;}
.j3f3{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.j3f3{max-width:100%;}}
.m1311edc{justify-content:flex-end;}
@media (max-width:768px){.j9112{min-height:500px;}}
@media (max-width:768px){.ibea0e{min-height:500px;}}
@media (max-width:768px){.kb4205{min-height:500px;}}
