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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f0f9ff;
  --color-bg-tertiary: #e0f2fe;
  --color-bg-card: #ffffff;

  --color-text-primary: #0f172a;
  --color-text-secondary: #334155;
  --color-text-muted: #606977;

  --color-primary: #1d4ed8;
  --color-primary-hover: #1e40af;
  --color-primary-light: #dbeafe;
  --color-secondary: #60a5fa;
  --color-secondary-light: #bfdbfe;

  --color-success: #16a34a;
  --color-success-light: #dcfce7;
  --color-warning: #ea580c;
  --color-warning-light: #fed7aa;
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

  --color-border: #cbd5e1;
  --color-border-light: #e2e8f0;

  --font-primary: 'Karla', sans-serif;
  --font-heading: 'Spectral', serif;

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

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

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

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

  font-size: 16px;
  line-height: 1.5;

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

h2 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.01em;
}

h3 {
  font-size: clamp(1.375rem, 3vw, 1.875rem);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.005em;
}

h4 {
  font-size: 1.25rem;
  margin-bottom: var(--spacing-md);
}

h5 {
  font-size: 1.125rem;
  margin-bottom: var(--spacing-sm);
}

h6 {
  font-size: 1rem;
  margin-bottom: var(--spacing-sm);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-secondary);
}

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
  line-height: 1.75;
}

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

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

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

button, input[type="button"], input[type="submit"] {
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all var(--transition-fast);
}

button:focus-visible, input[type="button"]:focus-visible, input[type="submit"]:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

input, textarea, select {
  font-family: var(--font-primary);
  font-size: 1rem;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

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

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

.d6b40 {
  background: var(--color-primary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

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

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

.l4fb {
  background: var(--color-secondary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

.l4fb:hover {
  background: #3b82f6;
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

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

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

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

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

.j069:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

.m3cff79 {
  text-align: center;
}

.gb154 {
  text-align: right;
}

.me30211 {
  text-align: left;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

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

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

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

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

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

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

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

.f915 {
  flex-direction: column;
}

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

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

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

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

.pcb33e { margin: 0; }
.feda { margin: var(--spacing-xs); }
.g5f39 { margin: var(--spacing-sm); }
.c3e9a126 { margin: var(--spacing-md); }
.p493e27 { margin: var(--spacing-lg); }
.aef4667e { margin: var(--spacing-xl); }

.c15a380 { margin-top: 0; }
.f535ea { margin-top: var(--spacing-xs); }
.c1c12504 { margin-top: var(--spacing-sm); }
.h03d4c { margin-top: var(--spacing-md); }
.d63 { margin-top: var(--spacing-lg); }
.j25 { margin-top: var(--spacing-xl); }

.d6b9 { margin-bottom: 0; }
.ofd5 { margin-bottom: var(--spacing-xs); }
.gbeefd { margin-bottom: var(--spacing-sm); }
.hf0b90 { margin-bottom: var(--spacing-md); }
.md62c { margin-bottom: var(--spacing-lg); }
.bab0627c { margin-bottom: var(--spacing-xl); }

.f5f {
  margin-left: auto;
  margin-right: auto;
}

.ecf3abd { padding: 0; }
.mb9 { padding: var(--spacing-xs); }
.h4cad9 { padding: var(--spacing-sm); }
.p381 { padding: var(--spacing-md); }
.oe9df { padding: var(--spacing-lg); }
.p231e { padding: var(--spacing-xl); }

.m089 { padding-top: 0; }
.na56e3e { padding-top: var(--spacing-xs); }
.de1d4 { padding-top: var(--spacing-sm); }
.o5e7f6d8 { padding-top: var(--spacing-md); }
.a48f20e { padding-top: var(--spacing-lg); }
.n8c { padding-top: var(--spacing-xl); }

.j6577e63 { padding-bottom: 0; }
.c94e { padding-bottom: var(--spacing-xs); }
.g5782693 { padding-bottom: var(--spacing-sm); }
.kb5c047e { padding-bottom: var(--spacing-md); }
.ba0 { padding-bottom: var(--spacing-lg); }
.p1d19 { padding-bottom: var(--spacing-xl); }

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .o49d4c, .k292, .c71666b {
    grid-template-columns: 1fr;
  }

  .c1dbc {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  :root {
    font-size: 14px;
  }

  h1 {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.25rem;
  }

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

  .j069 {
    width: 100%;
  }
}
.m2ae {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
}

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

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

.nd5:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

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

.n4feecbe {
  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: background var(--transition-base), transform var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.ab9e367 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
  transition: transform var(--transition-base);
}

.ab9e367:hover {
  transform: scale(1.05);
}

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

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

.mc25.oae463 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.b693 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  min-height: clamp(3.5rem, 8vw, 5rem);
}

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

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

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

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

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

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

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

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

  .n4feecbe {
    display: block;
  }

  .ab9e367 {
    display: none;
  }

  .mc25 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .cca3518 {
    padding: 0 clamp(2rem, 4vw, 3rem);
  }

  .cc75126 {
    width: 48px;
    height: 48px;
  }

  .eed5e3 {
    font-size: 1.5rem;
  }

  .j2278f {
    font-size: 1rem;
  }

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

@media (prefers-reduced-motion: reduce) {
  .nd5,
  .j2278f,
  .j2278f::after,
  .n4feecbe,
  .ab9e367,
  .dfe5cf63,
  .mc25,
  .mb6945c,
  .j2a8d7c4 {
    transition: none;
  }
}

    .efc5c {
  width: 100%;
}

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

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

.k0c5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(2rem, 5vw, 4rem);
  min-height: 400px;
}

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

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

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

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

.j069 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
  text-align: center;
  border: none;
  font-family: var(--font-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.d3420f0 {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 350px;
  background: linear-gradient(135deg, var(--color-bg-secondary), var(--color-bg-tertiary));
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

  .g26e5 {
    flex: 1 1 100%;
  }

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

  .md1d9d {
    flex-direction: column;
  }

  .j069 {
    width: 100%;
  }
}

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

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

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

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

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

.k28 {
  align-self: center;
}

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

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

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

.b3f4 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.c6eccf {
  text-align: center;
}

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

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

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

.p8bb7 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

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

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

.n187d62f {
  text-align: center;
}

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

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

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

.f8a13f6 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  box-shadow: var(--shadow-sm);
}

.n1f74 {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

.caed {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.of7 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  align-self: flex-start;
  margin-top: auto;
}

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

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

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

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

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

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

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

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

.i91d0 {
  text-align: center;
}

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

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

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

.o1556cd3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

.o1556cd3:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-accent);
  transform: translateX(6px);
}

.l02d42 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bd057 {
  color: var(--color-accent);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  flex-shrink: 0;
  margin-left: 1rem;
}

@media (max-width: 768px) {
  .n1d5 {
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }

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

.j61c731e {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-text-primary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-lg);
}

.j61c731e.e1ff38ef {
  display: none;
}

.gf3f {
  color: var(--color-bg-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.5;
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c7bbf0a {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  flex-shrink: 0;
}

.be0a,
.fd9140e {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  border-radius: var(--radius-sm);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  border: none;
  font-family: var(--font-primary);
}

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

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

.fd9140e {
  background: transparent;
  color: var(--color-bg-primary);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.fd9140e:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--color-bg-primary);
}

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

  .c7bbf0a {
    justify-content: stretch;
  }

  .be0a,
  .fd9140e {
    flex: 1 1 auto;
    width: 100%;
  }
}

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

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

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

.gb9877 {
  max-width: 480px;
}

.gb9877 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
}

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

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

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

.b22 li,
.g20fa li {
  margin: 0;
  padding: 0;
}

.b22 a,
.g20fa a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color var(--transition-base);
  display: inline-block;
}

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

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

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

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

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

.e42501b8 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .gb9877 {
    flex: 1 1 280px;
  }

  .k69 {
    flex: 0 1 auto;
  }

  .l54453 {
    flex: 1 1 280px;
  }

  .m0e7 {
    flex: 0 1 auto;
  }

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

@media (min-width: 1024px) {
  .e14b63b8 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: clamp(3rem, 6vw, 4.5rem);
    align-items: start;
  }

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

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

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: 'Spectral', serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.nc432967 {
  text-align: center;
}

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

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

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

.ndd31 {
  background: var(--color-bg-card);
  color: var(--color-accent);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: 2px solid var(--color-accent);
  border-radius: 2rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 500;
  cursor: default;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i54826 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
  transition: all 0.3s ease;
  flex: 1 1 clamp(280px, 40vw, 380px);
  min-height: 100%;
}

.i54826:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12);
}

.le3ed5 {
  flex: 1 1 clamp(280px, 100%, 800px);
}

.o88 {
  flex: 1 1 100%;
}

.j33f3 {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 6px;
}

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

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

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

.cb78f,
.bd8c,
.a4e1 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
}

.cb78f i,
.bd8c i,
.a4e1 i {
  color: var(--color-accent);
}

.l06ef28f {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  padding: 0.5rem 0;
  border-bottom: 2px solid var(--color-accent);
  transition: all 0.3s ease;
  width: fit-content;
}

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

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

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

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

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

.k5c {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 20px;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 500;
  border: 1px solid var(--color-border-light);
  cursor: default;
  transition: all 0.3s ease;
}

.k5c:hover {
  background: var(--color-secondary);
  color: white;
  border-color: var(--color-secondary);
}

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

  .i54826 {
    flex: 1 1 clamp(300px, calc(50% - 1rem), 450px);
  }

  .le3ed5 {
    flex: 1 1 100%;
  }

  .o88 {
    flex: 1 1 100%;
  }

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

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

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

  .le3ed5 {
    flex: 1 1 calc(66.666% - 1.5rem);
    order: -1;
  }

  .o88 {
    flex: 1 1 100%;
  }

  .o88 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center;
  }

  .o88 .j33f3 {
    order: 2;
  }

  .o88 .h6d1fca,
  .o88 .f8f7c,
  .o88 .a233,
  .o88 .l06ef28f {
    order: 1;
  }
}

@media (max-width: 767px) {
  .o88 {
    flex: 1 1 100%;
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ief3a4,
  .ld5c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.nd8 {
  font-size: clamp(0.9375rem, 1.1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

  .jf8589d,
  .i0a5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.ie1b {
  font-size: clamp(0.9375rem, 1.1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.7;
}

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

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

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

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

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

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

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

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

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

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

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

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

.h78cd1f0:hover .laa4 {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

.ac677e {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  display: block;
}

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

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

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

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

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

.eaa7c51 {
  font-size: clamp(0.9375rem, 1.1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

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

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

html, body {
  width: 100%;
}

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

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

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

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

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

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

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

.p53 {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

.pf29 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

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

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

.aa9 {
  color: var(--color-border);
}

.pfa {
  flex: 1 1 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

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

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

.n7d1f7 {
  flex: 1 1 100%;
  max-width: calc(100% - 300px);
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

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

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

.a6275b3:first-child {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 500;
}

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

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

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

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

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

.h3017b {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  letter-spacing: -0.01em;
}

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

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

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

.hd6d35 {
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-secondary) 100%);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
  margin: clamp(1rem, 2vw, 1.5rem) 0;
}

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

.m2d46 {
  flex: 1;
}

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

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

.m050c6 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  letter-spacing: -0.01em;
}

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

.ode6eb {
  width: 280px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

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

.l4f4c2 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

.id18aee {
  text-align: center;
}

.oda2 {
  color: var(--color-text-muted);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.hf1 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  font-weight: 700;
  margin-bottom: 0.25rem;
}

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

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

.oce {
  color: var(--color-text-secondary);
  font-size: 0.8125rem;
  margin-bottom: 0.75rem;
}

.a7867 {
  color: var(--color-text-secondary);
  font-size: 0.8125rem;
  line-height: 1.6;
}

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

.d1f {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  letter-spacing: -0.01em;
}

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

.i47e56f {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: var(--transition-base);
}

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

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

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

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

.m011 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 700;
  line-height: 1.4;
}

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

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

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

@media (max-width: 1024px) {
  .n7d1f7 {
    max-width: 100%;
  }

  .ode6eb {
    width: 100%;
  }

  .c79 {
    flex-direction: column;
  }
}

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

  .gcc {
    flex: 1 1 100%;
  }

  .pfa {
    flex: 1 1 100%;
  }

  .d388 {
    flex-direction: column;
  }

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

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

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

  .b15895e2 {
    margin-top: 0;
  }

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

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

  .a38905 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .aa9 {
    display: none;
  }

  .c9d72e19 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .g02f {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .ode6eb {
    width: 100%;
  }

  .l4f4c2 {
    width: 80px;
    height: 80px;
  }

  .e561e437 {
    gap: 0.75rem;
  }

  .m4f {
    height: 120px;
  }

  .p19e9d6 {
    padding: 0.75rem;
  }
}

.b925b6 {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

  .cd12a9ea {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    margin-bottom: 1rem;
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  }

  .b89b {
    color: var(--color-accent);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

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

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

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

  .k0265 {
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin-bottom: 1.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .cabb {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cabb i {
    font-size: 1.5rem;
    color: var(--color-accent);
  }

  .fd1833f5 {
    flex: 1 1 auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .oa3300 {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
  }

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

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

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

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

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

  .f58 {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }

  .a06ba {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    box-shadow: var(--shadow-sm);
    margin-bottom: 2rem;
    text-align: center;
  }

  .cef3581 {
    margin-bottom: 1rem;
  }

  .pb97b {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-full);
    object-fit: cover;
    display: block;
    margin: 0 auto;
  }

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

  .eebfc8 {
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

  .b7a3 {
    margin-top: 2rem;
  }

  .m9be9a {
    font-size: clamp(1.25rem, 3vw + 0.5rem, 1.5rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: 1.5rem;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .k12 {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
  }

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

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

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

  .fadd3 {
    padding: 1.25rem;
  }

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

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

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

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

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

    .h494,
    .b59b71 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .p52e5,
    .b66c,
    .d314b,
    .hf4,
    .hc03880 {
      flex-direction: column;
    }

    .h5c6,
    .b361fc84,
    .e889,
    .k19,
    .i30b,
    .d5bf9,
    .d7390c,
    .p50a,
    .lb7c,
    .m47 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .d314b {
      order: unset;
    }

    .i30b {
      order: unset;
    }

    .hc03880 {
      order: unset;
    }

    .lb7c {
      order: unset;
    }

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

    .cabb {
      width: 100%;
      justify-content: flex-start;
    }

    .oa3300 {
      text-align: left;
    }

    .a06ba {
      text-align: center;
    }
  }

  @media (min-width: 769px) and (max-width: 1023px) {
    .j28abc,
    .p52e5,
    .b66c,
    .d314b,
    .hf4,
    .hc03880 {
      gap: 2rem;
    }
  }

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .b97,
  .a670 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.f2bc {
  flex: 1 1 35%;
  max-width: 35%;
  position: sticky;
  top: 2rem;
}

.j10649 {
  margin-bottom: clamp(2.5rem, 4vw, 3.5rem);
}

.c6a0fe {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
  border-bottom: 2px solid var(--color-accent);
  line-height: 1.25;
}

.p2c3cd {
  font-size: clamp(0.95rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.75;
}

.n2e9238 {
  margin: clamp(2rem, 3vw, 2.5rem) 0;
}

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

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

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

.o6ae {
  list-style: none;
  padding: 0;
  margin: 0;
}

.d0a1 {
  font-size: clamp(0.9375rem, 1.1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
  padding-left: 2rem;
  position: relative;
  line-height: 1.65;
}

.d0a1:before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: 700;
  font-size: 1.25rem;
}

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

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

.p402f {
  flex: 1;
}

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

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

.b4a0cf {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2vw, 2rem);
  margin: clamp(1.5rem, 2vw, 2rem) 0;
  box-shadow: var(--shadow-sm);
}

.k93 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
  font-weight: 600;
}

.ff8a {
  font-size: clamp(0.95rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.65;
}

.o97d4f69 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ma0d3 {
  font-size: clamp(0.9375rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
  padding-left: 2rem;
  position: relative;
  line-height: 1.65;
}

.ma0d3:before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1rem;
}

.j68 {
  margin: clamp(2rem, 3vw, 2.5rem) 0;
}

.h620 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
  font-weight: 600;
}

.l1bd58 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 2vw, 2rem);
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
  padding-bottom: clamp(1.5rem, 2vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.he6906e {
  flex: 1;
}

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

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

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

.a5eba47 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1vw, 1rem));
  min-width: 200px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2vw, 2rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

.pf46b {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2vw, 2rem);
  margin-bottom: clamp(2rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.cbb1edb3 {
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 600;
  padding-bottom: clamp(0.75rem, 1vw, 1rem);
  border-bottom: 2px solid var(--color-accent);
}

.n2b9a0 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-bottom: clamp(1.5rem, 2vw, 1.75rem);
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
}

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

.i1f400 {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-bottom: 1px solid var(--color-border-light);
}

.gdd9 {
  font-size: clamp(0.95rem, 1.3vw, 1.0625rem);
  color: var(--color-text-primary);
  margin: clamp(0.75rem, 1vw, 1rem) clamp(1rem, 1.5vw, 1.25rem) clamp(0.5rem, 0.8vw, 0.75rem);
  line-height: 1.3;
  font-weight: 600;
}

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

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

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

.o86 {
  color: var(--color-accent);
}

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

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

  .n8e,
  .f2bc {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .f2bc {
    position: static;
    top: auto;
  }
}

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

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

  .c6a0fe {
    margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
    padding-bottom: clamp(0.75rem, 1.5vw, 1rem);
  }

  .p2c3cd {
    margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  }

  .n2e9238 {
    margin: clamp(1.5rem, 2vw, 2rem) 0;
  }

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

  .b8e7a01 {
    font-size: 1.25rem;
  }

  .l1bd58 {
    gap: clamp(1rem, 1.5vw, 1.25rem);
  }

  .a5b00 {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
  }

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

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

  .n2b9a0 {
    margin-bottom: clamp(1rem, 1.5vw, 1.25rem);
  }

  .i1f400 {
    height: 120px;
  }
}

@media (max-width: 480px) {
  .be619ae {
    margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  }

  .odd6 {
    margin-bottom: clamp(1rem, 1.5vw, 1.25rem);
  }

  .me20 {
    gap: clamp(0.75rem, 1vw, 1rem);
  }

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

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

  .d0a1 {
    padding-left: 1.5rem;
    margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  }

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

  .a5b00 {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 0.875rem;
  }
}

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

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

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

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

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

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

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

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

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

.ae2c6d {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 400;
  max-width: 700px;
}

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

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

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

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

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

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

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

.gc8 p {
  margin-bottom: 1rem;
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

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

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

.l525:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(29, 78, 216, 0.15);
}

.j5a49476 {
  font-size: 2.5rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dbb5cea {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

.ma01 {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 8px;
}

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

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

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

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

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

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

.j461 p {
  color: var(--color-text-secondary);
  margin-bottom: 0.75rem;
}

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

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

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

  .add2 {
    align-self: flex-start;
  }

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

  .dbb5cea {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

.m475f {
  width: 100%;
  max-width: 600px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

.b2f5fbb1 {
  width: 100%;
  max-width: 700px;
  text-align: center;
}

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

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

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

.f50782 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  font-family: var(--font-primary);
}

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

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

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

.lbbad1 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 1rem;
  font-family: var(--font-primary);
}

.ad3e2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  margin-bottom: 0;
  font-weight: 600;
}

.l24 {
  max-width: 850px;
  margin: 0 auto;
}

.l24 p {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
  font-family: var(--font-primary);
}

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

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

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

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

.j77416c {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-top: 1rem;
  font-family: var(--font-primary);
}

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

.gcf {
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

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

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

.lc41711d {
  font-size: clamp(0.8875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  font-family: var(--font-primary);
  margin: 0;
}

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

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

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

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

.fb185a6a {
  flex: 1 1 100%;
  min-width: 260px;
  max-width: 320px;
  background: var(--color-bg-primary);
  padding: clamp(1.75rem, 3vw, 2.25rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.h1ec9 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.fd2bea74 {
  font-size: clamp(0.8875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  font-family: var(--font-primary);
  margin: 0;
}

.aa740 {
  max-width: 850px;
  margin: 0 auto;
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-md);
  border-left: 5px solid var(--color-primary);
}

.a783bea {
  display: block;
  font-style: italic;
}

.a783bea p {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0;
  font-family: var(--font-primary);
}

.p4f6a {
  display: block;
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-top: 1.25rem;
  font-style: normal;
  font-family: var(--font-primary);
  font-weight: 600;
}

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

.n38 {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: center;
}

.fce3 {
  width: 100%;
  max-width: 700px;
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 5vw, 3.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  border: 2px solid var(--color-primary);
}

.pe038f0c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: 1rem;
  font-weight: 600;
}

.hdefdc05 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: 1.75rem;
  font-family: var(--font-primary);
}

.o8609a {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  border: none;
  cursor: pointer;
  display: inline-block;
}

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

@media (min-width: 768px) {
  .n0106ff {
    flex-direction: row;
    align-items: stretch;
    gap: clamp(2rem, 5vw, 3.5rem);
  }

  .m475f {
    flex: 1 1 45%;
    max-width: none;
  }

  .b2f5fbb1 {
    flex: 1 1 55%;
    text-align: left;
    max-width: none;
  }

  .b3f1 {
    gap: clamp(1.75rem, 3vw, 2.25rem);
  }

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

  .o13 {
    gap: clamp(1.75rem, 3vw, 2.25rem);
  }

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

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

  .o13 {
    flex-wrap: nowrap;
  }

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

@media (min-width: 1280px) {
  .db63f7 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .i4330d8 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .g0e4 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .p504 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .l1df99bf {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }
}

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

.lb39bb {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

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

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

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

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

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

.i4a43 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: box-shadow var(--transition-base);
}

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

.m4eb6fe5 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.0625rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: left;
  transition: background-color var(--transition-base);
}

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

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

.i42 {
  flex: 1;
  display: block;
}

.b46 {
  width: 20px;
  height: 20px;
  color: var(--color-primary);
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.ce00035 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.i4a43[open] .b46,
.m4eb6fe5[aria-expanded="true"] .b46 {
  transform: rotate(180deg);
}

.c468c {
  background-color: var(--color-bg-primary);
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

.c468c p {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

.h9e8bd {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.i2afe {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-lg);
}

.kcf11 {
  flex: 1;
}

.dfb8bd5 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  line-height: 1.2;
}

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

.h2ee5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  white-space: nowrap;
}

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

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

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

@media (min-width: 768px) {
  .lb39bb {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

  .i2afe {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    gap: var(--spacing-2xl);
  }

  .kcf11 {
    flex: 1;
  }

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

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

@media (min-width: 1024px) {
  .lb39bb {
    padding: 5rem var(--spacing-xl);
  }

  .i037 {
    padding: 5rem var(--spacing-xl);
  }

  .h9e8bd {
    padding: 5rem var(--spacing-xl);
  }

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

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

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

.ne10 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.l8884 {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

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

.e290bb4 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.2rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .ne10 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ne10 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

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

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

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

@media (min-width: 1024px) {
  .f16b8 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
  .jb24 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.n28cb:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

.a50 {
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  font-size: 1.5rem;
  color: var(--color-primary);
}

.j95208 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.25rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.3;
}

.kad7dbc0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.25rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .n28cb {
    padding: var(--spacing-2xl);
  }
}

.f8ef {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.b5a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.3;
}

.cfaa {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

.na6c {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.05rem);
  font-weight: 600;
  transition: var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  display: inline-block;
}

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

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

@media (min-width: 768px) {
  .f8ef {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .f8ef {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.c87 main {
  width: 100%;
}

.c87 .jeb653 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.c87 .d7fa {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) var(--spacing-md);
}

.c87 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.2;
}

.c87 .j84 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.c87 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

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

.c87 ul,
.c87 ol {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

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

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

.c87 .n64fbe20 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-2xl);
  border-radius: var(--radius-md);
}

.c87 .n64fbe20 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.c87 .n64fbe20 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.c87 .oc7 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .c87 .d7fa {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .c87 .d7fa {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

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

.hb6a63d2 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.iad3 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.jeb653 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--spacing-md);
}

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

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

.j54 {
  color: var(--color-success);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  margin: 0 auto var(--spacing-sm);
  animation: successPulse 0.6s ease-out;
}

.j54 svg {
  width: 100%;
  height: 100%;
}

@keyframes successPulse {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

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

.h06 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.6;
  margin: var(--spacing-md) 0;
}

.h82 {
  margin: var(--spacing-xl) 0;
}

.h82 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

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

.d6b40 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  margin-top: var(--spacing-xl);
  box-shadow: var(--shadow-md);
}

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

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

.d6b40:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .iad3 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .j54 {
    width: 140px;
    height: 140px;
  }

  .n71c h1 {
    margin: var(--spacing-lg) 0;
  }

  .h82 {
    margin: var(--spacing-2xl) 0;
  }

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

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

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

  .j54 {
    width: 160px;
    height: 160px;
  }

  .d6b40 {
    padding: var(--spacing-md) var(--spacing-2xl);
    margin-top: var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .j54 {
    animation: none;
    opacity: 1;
    transform: scale(1);
  }

  .d6b40 {
    transition: none;
  }

  .d6b40:hover {
    transform: none;
  }
}

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

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

.od3 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  background-color: var(--color-bg-primary);
}

.e6d {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.jeb653 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.a9cc4146 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.d7d {
  position: relative;
  width: 100%;
  height: 200px;
  margin-bottom: var(--spacing-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.i1541121 {
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin-bottom: var(--spacing-md);
  letter-spacing: -2px;
}

.gae58 {
  width: 100%;
  max-width: 300px;
  height: 60px;
  position: relative;
  margin-top: var(--spacing-md);
}

.pb14dc {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: var(--color-primary-light);
  opacity: 0.6;
  transform-origin: center;
  animation: undulate 3s ease-in-out infinite;
}

.e6c8a {
  top: 15px;
  animation-delay: 0s;
  background-color: var(--color-primary);
  opacity: 0.8;
}

.peb07abe {
  top: 30px;
  animation-delay: 0.2s;
  background-color: var(--color-secondary-light);
  opacity: 0.6;
}

.heff15ff {
  top: 45px;
  animation-delay: 0.4s;
  background-color: var(--color-accent-light);
  opacity: 0.5;
}

@keyframes undulate {
  0%, 100% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1.05);
  }
}

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

.i7ca5 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
  font-weight: 500;
}

.k0a427d8 {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-xl);
}

.j069 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-lg);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
}

.d6b40 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

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

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

.f19f412 {
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
  width: 100%;
}

.mded60 {
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  letter-spacing: 0.5px;
}

@media (min-width: 480px) {
  .e6d {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .d7d {
    height: 220px;
    margin-bottom: var(--spacing-xl);
  }

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

@media (min-width: 768px) {
  .e6d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .d7d {
    height: 240px;
    margin-bottom: var(--spacing-2xl);
  }

  .i3955686 {
    margin: var(--spacing-lg) 0;
  }

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

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

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

@media (min-width: 1024px) {
  .e6d {
    padding: var(--spacing-4xl) var(--spacing-lg);
    min-height: 100vh;
  }

  .d7d {
    height: 280px;
    margin-bottom: var(--spacing-2xl);
  }

  .i1541121 {
    letter-spacing: -3px;
  }

  .d6b40 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: 1.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pb14dc {
    animation: none;
  }

  .d6b40:hover {
    transform: none;
  }

  .d6b40:active {
    transform: none;
  }
}

@media (prefers-color-scheme: dark) {
  .i1541121 {
    background: linear-gradient(135deg, var(--color-primary-light), var(--color-secondary-light));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

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

.eeaac0c4 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.m8b6 {
  width: 100%;
  padding: 0 var(--spacing-md);
}

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

.f4d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 700px;
}

.a131c {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.eace {
  width: 100%;
  padding: 0 var(--spacing-md);
}

.i2044 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

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

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

.m2f7 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
}

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

.c70d2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

.md5,
.c2c3 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  width: 100%;
  transition: var(--transition-base);
  line-height: 1.5;
}

.md5::placeholder,
.c2c3::placeholder {
  color: var(--color-text-muted);
}

.md5:focus,
.c2c3:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.c2c3 {
  min-height: 150px;
  resize: vertical;
}

.jd98940 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.d36 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

.h5f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition-base);
  width: 100%;
  text-align: center;
  letter-spacing: 0.3px;
}

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

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

.k55 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
}

.p8d9d91 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.a0e325d8 {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.jabe76f {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

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

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

.b9e6e3cd {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: 1.6;
}

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

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

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

.g260 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

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

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

.a4ae3830 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-sm);
  transition: var(--transition-base);
}

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

.e0a3e40 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.e7b {
  width: 100%;
  padding: 0 var(--spacing-md);
}

.c758a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  text-align: center;
}

.j205f5 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.db8aba3e {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

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

.k9d94:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

.f3c186 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.fd23e {
  text-align: center;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
}

.n89d78db {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
}

.o78 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-sm);
  transition: var(--transition-base);
}

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

@media (min-width: 768px) {
  .eeaac0c4 {
    padding: var(--spacing-4xl) 0;
  }

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

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

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

  .e2f325 {
    flex: 1 1 45%;
  }

  .gc218e {
    flex: 1 1 45%;
  }

  .db8aba3e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .eeaac0c4 {
    padding: 6rem 0;
  }

  .a131c {
    padding: 6rem 0;
  }

  .e0a3e40 {
    padding: 6rem 0;
  }

  .i2044 {
    gap: 5rem;
  }

  .e2f325 {
    flex: 0 1 500px;
  }

  .gc218e {
    flex: 1 1 auto;
  }

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