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

:root {
  --color-bg-primary: #f8faff;
  --color-bg-secondary: #eef2ff;
  --color-bg-tertiary: #e0e7ff;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e1b4b;
  --color-text-secondary: #3730a3;
  --color-text-muted: #5a638a;

  --color-primary: #4f46e5;
  --color-primary-hover: #4338ca;
  --color-primary-light: #ede9fe;
  --color-secondary: #818cf8;
  --color-secondary-light: #f0f4ff;

  --color-success: #10b981;
  --color-success-light: #ecfdf5;
  --color-warning: #f59e0b;
  --color-warning-light: #fffbeb;
  --color-danger: #ef4444;
  --color-danger-light: #fef2f2;

  --color-border: #e0e7ff;
  --color-border-light: #f3f4f6;

  --font-primary: 'Nunito Sans', sans-serif;
  --font-heading: 'Albert Sans', sans-serif;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

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

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

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

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

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

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

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: var(--line-height-normal);
  font-weight: 400;
}

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

h1 {
  font-size: 48px;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

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

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

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

button {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-fast);
}

.cafb3b {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.e6b7a1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: 16px;
  font-weight: 600;
  border-radius: var(--radius-lg);
  transition: all var(--transition-fast);
  text-decoration: none;
  border: 2px solid transparent;
  cursor: pointer;
  font-family: var(--font-primary);
}

.od2c6 {
  background: var(--color-primary);
  color: #ffffff;
}

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

.i4078606 {
  background: var(--color-secondary-light);
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

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

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

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

.p3927 {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 14px;
}

.d154e5 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-fast), transform var(--transition-fast);
}

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

.e421794 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

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

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

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

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

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

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

input, textarea, select {
  font-family: var(--font-primary);
  padding: var(--spacing-md);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  transition: border-color var(--transition-fast);
  font-size: 16px;
}

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

hr {
  border: none;
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-lg) 0;
}

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

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

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

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

.m6096f7b {
  font-weight: 400;
}

.d1a {
  font-weight: 500;
}

.l8a310a7 {
  font-weight: 600;
}

.b46e {
  font-weight: 700;
}

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

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

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

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

.g2b3612 {
  display: flex;
}

.dfa {
  flex-direction: column;
}

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

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

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

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

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

.a9ffebc {
  justify-content: space-between;
}

.a07d {
  align-items: center;
}

.b461a95b {
  align-items: flex-start;
}

.l0f19f74 {
  align-items: flex-end;
}

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

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

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

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

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

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

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

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

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

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

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 20px;
  }

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

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

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

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

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

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 18px;
  }

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

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

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

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

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

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

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

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

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

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

.fc013 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(0.75rem, 2vw, 2rem);
  flex-grow: 1;
  margin-left: 2rem;
}

.d664 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  white-space: nowrap;
}

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

.o87 {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: background var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

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

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

.ma33:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
  border-radius: 4px;
}

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

.efee18.oe30a {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.bea2 {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

.n7f24c3:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
  border-radius: 4px;
}

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

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

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

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

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

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

  .efee18 {
    display: none;
  }

  .fc013 {
    display: flex;
  }

  .o87 {
    display: block;
  }
}

@media (max-width: 767px) {
  .mb21b62 {
    height: 60px;
  }

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

  .efee18.oe30a {
    padding-top: 60px;
  }
}

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

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

    

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

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

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

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

.e6b7a1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 1.75rem;
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
}

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

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

.la417e6 {
  background: var(--color-bg-card);
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

.la417e6:hover {
  background: var(--color-bg-secondary);
  transform: translateY(-2px);
}

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

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

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

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

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

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

.b362 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: var(--transition-base);
  display: inline-block;
  margin-top: 0.75rem;
}

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

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

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

.o9a368 {
  text-align: center;
}

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

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

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

.b88a7 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  flex: 0 1 clamp(120px, 20vw, 160px);
  text-align: center;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
  transform: rotate(calc((var(--i, 0) - 1.5) * 2deg));
}

.b88a7:nth-child(1) { --i: 1; }
.b88a7:nth-child(2) { --i: 2; }
.b88a7:nth-child(3) { --i: 3; }
.b88a7:nth-child(4) { --i: 4; }

.b88a7:hover {
  transform: translateY(-4px) rotate(0deg);
  box-shadow: var(--shadow-lg);
}

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

.jcc {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-primary);
  font-weight: 500;
  line-height: 1.4;
}

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

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

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

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

.o48 {
  flex: 1 1 100%;
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 768px) {
  .o48 {
    flex: 1 1 45%;
  }
}

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

.hce1 {
  font-size: clamp(1.375rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-on-accent);
  margin: 0;
  font-weight: 600;
}

.jc20bb {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  margin: 0;
  opacity: 0.95;
}

.n754 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
}

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

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

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

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

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

.hea {
  flex: 1 1 100%;
  min-height: 250px;
  max-height: 450px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

@media (min-width: 768px) {
  .hea {
    flex: 1 1 40%;
  }
}

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

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

@media (min-width: 768px) {
  .eb4b6 {
    flex: 1 1 55%;
  }
}

.j3c0 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: flex-start;
}

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

.naaf2f {
  flex: 1;
}

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

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

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

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

.g9a {
  text-align: center;
}

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

.je9ac5e8 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

.ff94b4 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

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

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

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

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

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

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

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

.bc6fca9 {
  flex: 1 1 100%;
}

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

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

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

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

.g05dec14 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

.odd {
  flex: 1 1 100%;
  min-height: 250px;
  max-height: 450px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

@media (min-width: 768px) {
  .odd {
    flex: 1 1 45%;
  }
}

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

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

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

.d60ad {
  text-align: center;
}

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

.cd16f {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

.ga8 {
  flex: 1 1 100%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

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

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

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

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

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

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

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

.f8ea {
  text-align: center;
}

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

.k34c1 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

@media (min-width: 768px) {
  .gd288ab {
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    flex-wrap: wrap;
    justify-content: center;
  }
}

.i21 {
  flex: 1 1 100%;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .i21 {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 300px;
    max-width: 400px;
  }
}

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

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

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

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

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

.kde5fa0e {
  text-align: center;
  padding-top: 1rem;
}

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

.lb3.pab19d {
  display: none;
}

.e23a287 {
  color: var(--color-text-on-accent);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  flex: 1 1 auto;
  min-width: 250px;
  text-align: center;
}

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

.n19a,
.gfcc8 {
  padding: 0.625rem 1.25rem;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: var(--transition-base);
  white-space: nowrap;
}

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

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

.gfcc8 {
  background: transparent;
  color: var(--color-text-on-accent);
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.gfcc8:hover {
  border-color: rgba(255, 255, 255, 0.7);
}

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

  .e23a287 {
    width: 100%;
  }

  .nbb486 {
    width: 100%;
  }

  .n19a,
  .gfcc8 {
    flex: 1 1 45%;
  }
}

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

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

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

.b84b0,
.k6360f,
.c30,
.l8b9b {
  display: block;
}

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

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

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

.i276 li,
.dcf2 li {
  display: block;
}

.i276 a,
.dcf2 a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  text-decoration: none;
  transition: color var(--transition-fast);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

  .k6360f {
    flex: 0 1 180px;
  }

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

  .l8b9b {
    flex: 0 1 200px;
  }

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

  .i276,
  .dcf2 {
    gap: clamp(0.625rem, 1.5vw, 0.875rem);
  }
}

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

  .b84b0 {
    flex: 1 1 300px;
  }

  .k6360f {
    flex: 0 1 160px;
  }

  .c30 {
    flex: 1 1 300px;
  }

  .l8b9b {
    flex: 0 1 180px;
  }

  .o2c25ab {
    flex: 1 1 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
  }

  .oe95a,
  .l950ad {
    margin: 0;
  }
}
    

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

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

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

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

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

.acf {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.25rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.nf4c65 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 2vw, 1rem);
  text-align: center;
}

.j9e83 {
  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: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.e39b91be {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  min-height: 280px;
}

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

.n1b0 {
  flex: 0 0 30%;
  min-width: 200px;
  overflow: hidden;
}

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

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

.aa84 {
  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: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.mec {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
}

.a241f62e,
.cdea1a5,
.j6481 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.a241f62e i,
.cdea1a5 i,
.j6481 i {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
}

.pff65 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-fast);
  align-self: flex-start;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.c41d9fb {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 2vw, 1rem);
  text-align: center;
}

.p5a {
  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: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.k8be7c {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  border-radius: var(--radius-md);
}

.k8be7c i {
  font-size: clamp(1.5rem, 2vw + 0.5rem, 2rem);
  color: var(--color-text-on-accent);
}

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

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

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

@media (max-width: 767px) {
  .e39b91be {
    flex-direction: column;
    min-height: auto;
  }

  .n1b0 {
    flex: 1 1 100%;
    min-width: 100%;
    min-height: 200px;
  }

  .d91dec10 {
    flex: 1 1 100%;
  }

  .m67f7c7d {
    flex-direction: column;
  }
}

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

  .e39b91be {
    min-height: 300px;
  }
}

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

  .n1b0 {
    flex: 0 0 35%;
  }

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

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

.f87ae4 {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

.h26d6f8 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.k100 i {
  color: var(--color-accent);
  font-size: 0.95rem;
}

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

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

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

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

.ca5d7f9b {
  flex: 1 1 55%;
  max-width: 55%;
}

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

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

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

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

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

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

.hc7cb {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  padding: 0.5rem 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hc7cb::before {
  content: "✓";
  color: var(--color-success);
  font-weight: bold;
  flex-shrink: 0;
  margin-top: 0.1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.he48 {
  flex: 1;
}

.k979cb {
  color: var(--color-text-primary);
  font-weight: 700;
  display: block;
  margin-bottom: 0.5rem;
  font-size: clamp(0.95rem, 1vw, 1.1rem);
}

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

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

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

.p40 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-warning);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

.gfb5730b {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.jd7f7 {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

.bf05758b {
  color: var(--color-text-on-accent);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.kada5f9 {
  color: var(--color-text-on-accent);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.mdce4 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-text-on-accent);
  color: var(--color-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 700;
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  transition: all var(--transition-base);
  cursor: pointer;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.e3ae6694 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  max-width: 600px;
  margin: 0 auto;
}

.k68bd {
  flex-shrink: 0;
}

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

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

.f3ee465f {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  margin: 0;
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

.c9b0 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  flex-shrink: 0;
}

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

.h3c8:hover .l16704 {
  transform: scale(1.05);
}

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

.c23 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  margin: 0;
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

@media (max-width: 768px) {
  .l94 {
    flex-direction: column;
  }
  
  .j2cc09,
  .n215 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .ebb79 {
    flex-direction: column;
  }
  
  .ca5d7f9b,
  .je318 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .p01,
  .g9bf2,
  .l8aea {
    flex-direction: column;
  }
  
  .od06d,
  .j0840,
  .lc529,
  .ef9609,
  .p671a4,
  .mc97b {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .ef9609 {
    order: 0;
  }
  
  .h3c8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .e3ae6694 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .g0a491f {
    align-items: center;
  }
  
  .g9df731 {
    text-align: center;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .h3c8 {
    flex: 1 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
  
  .ofc91e59 {
    justify-content: center;
  }
}

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

.g8732987 {
  display: block;
}

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

.k87c6a {
  background: var(--color-bg-primary);
  position: relative;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c488 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.g8d5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(31, 41, 55, 0.7), rgba(79, 70, 229, 0.6));
  z-index: 1;
}

.i90687 {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 2rem);
}

.daf6 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

.daf6 a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.daf6 span {
  color: var(--color-text-on-accent);
  opacity: 0.7;
}

.daf6 > span:last-child {
  color: var(--color-text-on-accent);
  opacity: 0.9;
}

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

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

.gd3c6237 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-normal);
  max-width: 600px;
}

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

.i90d75f2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-on-accent);
}

.i90d75f2 i {
  opacity: 0.9;
}

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

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

.n839c {
  flex: 1 1 60%;
  max-width: 60%;
}

.ia1eb2 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.odca1e {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.odca1e i {
  font-size: 1.75rem;
  color: var(--color-accent);
}

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

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

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

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

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

.a61587 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.a2c:before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
}

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

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

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

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

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

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

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

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

.h67c5f {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.a68 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

.e58cfb {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.bf44fa {
  flex: 0 1 45%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

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

.f8748f18 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.i31c {
  color: var(--color-success);
  font-weight: 700;
  font-size: 1.25rem;
  flex-shrink: 0;
}

.mdbc {
  margin-top: clamp(1rem, 2vw, 2rem);
}

.ba9bc {
  width: 100%;
  max-width: 600px;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  margin: 0 auto;
  box-shadow: var(--shadow-lg);
}

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

.l10ab53 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 2vw, 2rem);
  align-items: flex-start;
  max-width: 800px;
}

.j8f831 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  border-radius: var(--radius-full);
  color: var(--color-text-on-accent);
  font-size: 1.25rem;
}

.h1b7e8 {
  flex: 1;
}

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

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

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

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

.edd3b {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.bbb {
  flex-shrink: 0;
}

.eade {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
  box-shadow: var(--shadow-md);
}

.bec {
  flex: 1;
}

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

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

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

.cff03a {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

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

.c1ece6 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.l97818 {
  flex: 0 1 calc(33.333% - 1.67rem);
  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;
}

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

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

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

.b674 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

  .n839c,
  .b34ba {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .g5f {
    flex-direction: column;
  }

  .k622,
  .aae7e {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k8b43dd {
    flex-direction: column;
  }

  .f22018a,
  .gc3a8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .o1cd868d {
    flex-direction: column;
  }

  .d2507981,
  .f6d2481 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .oad2 {
    flex-direction: column;
  }

  .bf44fa {
    flex: 1 1 100%;
  }

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

@media (max-width: 768px) {
  .k87c6a {
    min-height: 400px;
  }

  .i90687 {
    text-align: center;
  }

  .o7bad3 {
    align-items: center;
  }

  .gd3c6237 {
    max-width: 100%;
  }

  .daf6 {
    justify-content: center;
  }

  .e668 {
    justify-content: center;
  }

  .l97818 {
    flex: 1 1 100%;
  }

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

.c0111f {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--color-bg-primary);
}

.p08533 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.n95834 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(79, 70, 229, 0.85) 0%, rgba(55, 48, 163, 0.8) 100%);
  z-index: 2;
}

.c0111f .cafb3b {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.f28b {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.f28b a {
  color: rgba(255, 255, 255, 0.95);
  text-decoration: none;
  transition: all 0.3s ease;
}

.f28b a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.f28b span {
  color: rgba(255, 255, 255, 0.7);
}

.bbce64ff {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 800;
  color: #ffffff;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.pf8 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: rgba(255, 255, 255, 0.95);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  max-width: 600px;
}

.g254c {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: rgba(255, 255, 255, 0.9);
}

.c64b2b {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.c64b2b i {
  opacity: 0.9;
}

@media (max-width: 768px) {
  .c0111f {
    min-height: 400px;
  }

  .f28b {
    margin-bottom: 1rem;
  }
}

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

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

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

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

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

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

.o8a434d6 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

  .n30b8,
  .i3d4a1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.g12543 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

  .kdd858,
  .f45f47 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

  .ec7bb,
  .g91679 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

  .cdc6f,
  .n4e3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.p04 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  border-left: 4px solid var(--color-secondary);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

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

.oaba {
  flex: 1;
}

.mfbf {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  line-height: 1.3;
}

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

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

  .bf15 {
    text-align: center;
  }
}

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

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

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

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

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

.p9b {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.b3fb73 {
  flex-shrink: 0;
}

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

.o2481d {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.o13d {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.o13d:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

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

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

.o13d:hover .f0f7 {
  transform: scale(1.05);
}

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

.m59f54f {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  line-height: 1.4;
  margin: 0;
}

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

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

.j1f5fa:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
  transform: translateX(4px);
}

@media (max-width: 1024px) {
  .o13d {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    min-width: 250px;
  }
}

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

  .g8f7b {
    height: 250px;
  }
}

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

  .bbce64ff {
    font-size: 1.75rem;
  }

  .pf8 {
    font-size: 1rem;
  }

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

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

html, body {
  height: 100%;
}

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

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

.aeca {
  position: relative;
  height: clamp(400px, 60vh, 600px);
  background: var(--color-bg-primary);
  overflow: hidden;
  display: flex;
  align-items: center;
}

.jd2066e {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.o3ef {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(30, 27, 75, 0.75) 0%, rgba(55, 48, 163, 0.65) 100%);
  z-index: 2;
}

.b8117 {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 2rem);
  width: 100%;
}

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

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

.k5e a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.k5e span {
  color: var(--color-text-on-accent);
}

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

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

.k8ee32e0 {
  font-size: clamp(1rem, 2.5vw + 0.5rem, 1.5rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-normal);
}

.k413 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 3vw, 2rem);
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

.pebc {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-on-accent);
}

.pebc i {
  font-size: 1rem;
}

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

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

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

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

.j34016 {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

  .k45,
  .g7b3ed {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .c0f56d,
  .i2dc {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.j20d {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .meeea6f,
  .h1b4d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.na1f1 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border-left: 5px solid var(--color-warning);
}

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

.g21f7440 strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

.i88 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  box-shadow: var(--shadow-sm);
}

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

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

.e887d5 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

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

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

.o322375b {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
}

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

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

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

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

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

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

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

.ebe2 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 300px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f3757 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border-left: 5px solid var(--color-accent);
}

.c3a {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

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

.md5 {
  text-align: center;
  max-width: 700px;
}

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

.a507 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-lg);
}

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

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

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

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

.h6abdc4 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-primary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: var(--spacing-sm);
}

.e9cf39 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

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

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

@media (min-width: 768px) {
  .i4178398 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: center;
  }
}

.ed8d7 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
  flex: 1 1 100%;
  min-height: auto;
}

@media (min-width: 768px) {
  .ed8d7 {
    flex: 1 1 45%;
    max-width: 400px;
  }
}

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

.g6d4b {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
}

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

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

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

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

.f32d79 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-primary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: var(--spacing-sm);
}

.g43f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

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

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

@media (min-width: 768px) {
  .b98588 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: center;
  }
}

.nd43a7f7 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  min-height: auto;
}

@media (min-width: 768px) {
  .nd43a7f7 {
    flex: 1 1 30%;
    max-width: 320px;
  }
}

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

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

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

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

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

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

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

.e47f0 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-primary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: var(--spacing-sm);
}

.ed0 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

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

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

.cd1469 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.f535f {
  flex-shrink: 0;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-primary);
  margin-top: 2px;
}

.n0f {
  flex: 1;
}

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

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

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

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

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

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

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

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

.i2c8 {
  background: var(--color-bg-secondary);
  border-left: 5px solid var(--color-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  margin: var(--spacing-xl) 0;
}

.h6f0 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.m9ec0 {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

.g36 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  line-height: 1.4;
}

.m26 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.0625rem);
  color: var(--color-text-on-accent);
  line-height: 1.7;
  opacity: 0.95;
}

.l1ee {
  display: inline-block;
  background: var(--color-text-on-accent);
  color: var(--color-primary);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  cursor: pointer;
  border: 2px solid var(--color-text-on-accent);
}

.l1ee:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  opacity: 0.95;
}

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

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

.gfcad {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.a9f74 {
  flex-shrink: 0;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-primary);
  margin-top: 2px;
}

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

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

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

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

  .b98588 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

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

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

  .aafc2 {
    flex: 1 1 45%;
  }

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

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

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

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

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

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

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

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

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

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

.c6f77 {
  font-size: clamp(1.125rem, 3vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k853 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h299c6 {
  text-align: center;
}

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

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

.ieb8345 {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 250px;
  max-width: 300px;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.pc4 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
}

.e72c357 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.bfd04 {
  text-align: center;
}

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

.l006 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.i561920 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 240px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.ed11 {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

.i6893a9e {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.p4a89c24 {
  text-align: center;
}

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

.g7b30044 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  margin: clamp(0.5rem, 1vw, 0.75rem) 0 0 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ea3c431b {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1.2vw + 0.5rem, 1rem);
  font-weight: 500;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-fast);
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ea3c431b:hover {
  background: var(--color-accent-light);
  color: var(--color-accent);
  border-color: var(--color-accent);
}

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

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

.e97882c7 {
  text-align: center;
}

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

.p720 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.b9eee30 {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 280px;
  max-width: 380px;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.ae55 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.de55736 {
  font-size: clamp(0.75rem, 1.2vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.n89618c {
  color: var(--color-accent);
  font-weight: 600;
  text-decoration: none;
  font-size: clamp(0.8125rem, 1.2vw + 0.5rem, 1rem);
  transition: all var(--transition-fast);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n89618c:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

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

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

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

.h216478b {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  padding: clamp(2rem, 4vw, 3rem);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  max-width: 420px;
  box-shadow: var(--shadow-md);
  text-align: center;
  border: 2px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.fd6 {
  border-color: var(--color-accent-light);
  background: linear-gradient(135deg, var(--color-bg-card) 0%, var(--color-bg-tertiary) 100%);
}

.h216478b:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-lg);
}

.kccd {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.875rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.ee3 {
  text-align: center;
}

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

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

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

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

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

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

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

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

  .je22ab36 {
    flex-direction: column;
  }

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

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

  .i561920 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    max-width: 100%;
  }

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

  .h216478b {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .ieb8345 {
    flex: 1 1 calc(25% - clamp(1rem, 2vw, 1.5rem));
    max-width: 100%;
  }

  .i561920 {
    flex: 1 1 calc(25% - clamp(1rem, 2vw, 1.5rem));
    max-width: 100%;
  }

  .b9eee30 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
    max-width: 100%;
  }

  .h216478b {
    flex: 1 1 calc(50% - clamp(1rem, 2vw, 1.25rem));
    max-width: 100%;
  }
}

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

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

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

.k6941364 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.m308 {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

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

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

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

.acac620e {
  width: 100%;
  height: 220px;
  background-color: var(--color-bg-tertiary);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

.k2b4c4 {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
}

.b7ff {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.ofd {
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
}

.p83bdf66 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
}

.afa6e {
  font-size: 0.85rem;
  color: var(--color-text-muted);
  font-weight: 500;
}

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

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

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

.lcc {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.c3556 {
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

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

.ga18 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
}

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

.e10 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: transparent;
  color: var(--color-primary);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  transition: border-color var(--transition-base), color var(--transition-base);
}

.e10:hover {
  border-color: var(--color-primary);
  color: var(--color-primary-hover);
}

@media (min-width: 640px) {
  .m80225 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

  .i4d697b4 {
    flex-direction: row;
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  .m80225 {
    padding: var(--spacing-3xl) 0;
  }

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

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

  .e549 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .n7208e1 {
    display: flex;
    flex-direction: column;
  }

  .acac620e {
    height: 280px;
  }

  .n7208e1:hover {
    transform: translateY(-4px);
  }
}

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

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

.pb1471e {
  position: relative;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

.dd98a {
  max-width: 900px;
  margin: 0 auto var(--spacing-lg);
  text-align: center;
}

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

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

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

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

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

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

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

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

.b3cfba0 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  transition: var(--transition-fast);
  text-align: left;
}

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

.p4f62ef {
  flex: 1;
}

.o65643 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 1.5rem;
  color: var(--color-primary);
  font-weight: 300;
  flex-shrink: 0;
  transition: var(--transition-fast);
}

.adbf67.oe30a .o65643 {
  transform: rotate(45deg);
}

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

.b0bb[hidden] {
  display: none;
}

.b0bb p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
  }
  to {
    opacity: 1;
    max-height: 500px;
    overflow: visible;
  }
}

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

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

.j59 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.g1ac {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.df0 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 640px) {
  .pb1471e {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .b3823 {
    max-height: 400px;
  }

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

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

@media (min-width: 1024px) {
  .pb1471e {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .b3823 {
    max-height: 450px;
  }

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

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

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

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

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

.ga34 .cafb3b {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ga34 .m114 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.ga34 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
}

.ga34 .j066c {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.ga34 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: var(--line-height-tight);
  font-weight: 600;
}

.ga34 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.ga34 ul {
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-lg);
  color: var(--color-text-primary);
}

.ga34 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

.ga34 .m238 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.ga34 .m238 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
  margin-bottom: var(--spacing-md);
}

.ga34 .m238 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .ga34 .m114 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

.b3740acf {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.h0ecc {
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.cafb3b {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.j33909 {
  width: clamp(4rem, 15vw, 6rem);
  height: clamp(4rem, 15vw, 6rem);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

.j33909 svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke-width: 1.5;
}

.jb4 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
  letter-spacing: -0.5px;
}

.jb4 .g50f7 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  font-weight: 500;
}

.jb4 .p171b {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 650px;
}

.e6b7a1 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base), color var(--transition-base), transform var(--transition-fast);
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  min-width: 200px;
  margin-top: var(--spacing-md);
}

.od2c6 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.od2c6:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 640px) {
  .h0ecc {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

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

@media (min-width: 1024px) {
  .h0ecc {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .e6b7a1 {
    min-width: 220px;
    padding: var(--spacing-md) var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .e6b7a1 {
    transition: none;
  }

  .e6b7a1:hover {
    transform: none;
  }

  .e6b7a1:active {
    transform: none;
  }
}

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

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

.o3d8b {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.c772e4a {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

.g27045f {
  margin-bottom: var(--spacing-2xl);
  animation: float 4s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

.o25a5 {
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  color: var(--color-primary);
  line-height: 1;
  margin-bottom: var(--spacing-lg);
  letter-spacing: -2px;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.p364f9 {
  width: 100%;
  max-width: 250px;
  margin: 0 auto var(--spacing-xl);
  height: 200px;
  display: flex; flex-direction: column;
}

.e34790 {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.08));
  animation: sway 6s ease-in-out infinite;
}

@keyframes sway {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(1deg);
  }
}

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

.kd7eac2 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-primary);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-normal);
}

.gdbf01c {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: var(--line-height-relaxed);
}

.e6b7a1 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  margin-bottom: var(--spacing-2xl);
}

.od2c6 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.od2c6:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.mbc {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary-light);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  text-align: left;
  max-width: 100%;
}

.m45 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  text-align: left;
}

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

.face li {
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  padding: var(--spacing-xs) 0;
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: var(--line-height-normal);
}

.face li:before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-primary-light);
  font-weight: 700;
}

@media (min-width: 640px) {
  .c772e4a {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

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

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

@media (min-width: 768px) {
  .c772e4a {
    padding: var(--spacing-2xl) var(--spacing-lg);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

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

  .gdbf01c {
    margin-bottom: var(--spacing-3xl);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

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

@media (min-width: 1024px) {
  .c772e4a {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

@media (max-width: 480px) {
  .o25a5 {
    margin-bottom: var(--spacing-md);
  }

  .p364f9 {
    max-width: 180px;
    height: 160px;
    margin-bottom: var(--spacing-lg);
  }

  .mbc {
    border-left-width: 3px;
    padding: var(--spacing-md);
  }

  .e6b7a1 {
    width: 100%;
  }
}

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

.lbf8b5 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.bf7831 {
  text-align: center;
}

.hb8 {
  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;
  letter-spacing: -0.02em;
}

.oee4205c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .lbf8b5 {
    padding: 5rem 0;
  }
}

@media (min-width: 1024px) {
  .lbf8b5 {
    padding: 6rem 0;
  }
}

.kbd {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.i5f65c5 {
  width: 100%;
}

.be3239 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

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

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

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

.ib3 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.85rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

.i76c0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

.hdbd {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.j0ffb870 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.o73,
.e9ae {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base);
}

.o73::placeholder,
.e9ae::placeholder {
  color: var(--color-text-muted);
}

.o73:focus,
.e9ae:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
}

.e9ae {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.lc99 {
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: -0.01em;
}

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

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

.c678 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.85vw + 0.4rem, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

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

.k27f {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.85rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

.de497 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.m006e9e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.mdb16af8 {
  display: flex;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  transition: border-color var(--transition-base), background-color var(--transition-base);
}

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

.p0b5 {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

.k80abc {
  flex: 1;
}

.fe28 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  letter-spacing: -0.01em;
}

.db5f37f0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-normal);
}

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

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

.oc6d2115 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.85vw + 0.4rem, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: var(--line-height-normal);
}

.c3ac53 {
  padding: var(--spacing-lg);
  background: linear-gradient(135deg, var(--color-bg-card) 0%, var(--color-bg-tertiary) 100%);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  text-align: center;
}

.d0c1c {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

.ac8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-normal);
}

.nad049 {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 0.95vw + 0.4rem, 1rem);
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: -0.01em;
}

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

@media (min-width: 768px) {
  .kbd {
    padding: 5rem 0;
  }
}

@media (min-width: 1024px) {
  .kbd {
    padding: 6rem 0;
  }
}

.c6358 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.b7357 {
  width: 100%;
}

.f67476 {
  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-md) 0;
  text-align: center;
  letter-spacing: -0.02em;
}

.g293c0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
  line-height: var(--line-height-normal);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.p1e {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

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

@media (min-width: 1024px) {
  .p1e {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xl);
  }
}

.l0521390 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.l0521390:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
}

.o28 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

.l1eb {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.oca6ce4 {
  text-align: center;
}

.d37 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-normal);
}

.e329da75 {
  display: inline-block;
  padding: 0.85rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: -0.01em;
}

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

@media (min-width: 768px) {
  .c6358 {
    padding: 5rem 0;
  }
}

@media (min-width: 1024px) {
  .c6358 {
    padding: 6rem 0;
  }
}

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

@media (min-width: 768px) {
  .cafb3b {
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .cafb3b {
    padding: 0 var(--spacing-xl);
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.ma33,.n7f24c3{width:34px;}
.ma33[aria-expanded="true"]{display:none;}
.efee18.oe30a{z-index:999;}
.efee18{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.efee18{max-width:100%;}}
.fc013{justify-content:flex-end;}
@media (max-width:768px){.a4f{min-height:500px;}}