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

:root {
  --color-bg-primary: #fffbeb;
  --color-bg-secondary: #fef9c3;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #1c1917;
  --color-text-secondary: #726b66;
  --color-text-muted: #6d6966;

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

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #e7e5e4;
  --color-border-light: #f5f3f0;

  --font-primary: 'General Sans', sans-serif;
  --font-heading: 'Space Grotesk', sans-serif;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.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 cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);

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

html {
  font-size: 17px;
}

body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.65;
  letter-spacing: 0.3px;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

h1 {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.75px;
}

h2 {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: 0.5px;
}

h3 {
  font-size: 1.875rem;
  font-weight: 600;
}

h4 {
  font-size: 1.5rem;
  font-weight: 600;
}

h5 {
  font-size: 1.25rem;
  font-weight: 600;
}

h6 {
  font-size: 1.125rem;
  font-weight: 600;
}

p {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.25px;
}

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

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

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

button,
.afacf {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.3px;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-fast);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  white-space: nowrap;
}

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

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

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

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

.o6c130e {
  background: var(--color-secondary);
  color: #ffffff;
}

.o6c130e:hover {
  background: #d97706;
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

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

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

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

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

.d25 {
  text-align: center;
  margin-bottom: var(--spacing-2xl);
}

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

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

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

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

.j6e7ce {
  display: flex;
}

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

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

.o03e {
  display: flex;
  flex-direction: column;
}

.eb2 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.f35dbf {
  height: 4px;
  background: var(--color-primary);
  border-radius: var(--radius-full);
}

.oa0ddb2 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.3px;
}

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

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

@media (max-width: 768px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

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

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

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

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

  button,
  .afacf {
    padding: var(--spacing-md) var(--spacing-lg);
  }
}

@media (max-width: 480px) {
  html {
    font-size: 15px;
  }

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

  .a83 {
    padding: var(--spacing-xl) 0;
  }
}
.g3c0 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
}

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

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

.l5e8f49:hover {
  opacity: 0.85;
}

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

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

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

.e4ce164 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
}

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

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

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

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

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

.gcb0cca:hover {
  opacity: 0.7;
}

.b25 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  z-index: 99;
  padding-top: 70px;
  overflow-y: auto;
  border-top: 1px solid var(--color-border-light);
}

.b25.lea3 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.hb531946 {
  display: flex;
  justify-content: flex-end;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

.e95 {
  display: block;
  padding: 1rem 0;
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: color var(--transition-fast);
}

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

.i3c {
  display: block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 1rem clamp(1rem, 4vw, 2rem);
  text-decoration: none;
  text-align: center;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 600;
  transition: all var(--transition-fast);
  margin: 1rem clamp(1rem, 4vw, 2rem);
  border-radius: var(--radius-md);
}

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

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

  .g709607 {
    display: block;
  }

  .gcb0cca {
    display: none;
  }

  .b25 {
    display: none;
  }
}

@media (max-width: 767px) {
  .cc2 {
    font-size: clamp(1rem, 3vw, 1.25rem);
  }

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

  .pd4 {
    min-height: 65px;
  }
}

@media (max-width: 480px) {
  .pd4 {
    padding: 0 1rem;
  }

  .f7b02216 {
    width: 32px;
    height: 32px;
  }

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

    

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

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

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

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

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

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

.mb9e02 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-weight: 600;
}

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

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

.afacf {
  padding: clamp(0.6875rem, 1.5vw, 1rem) clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 6px;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

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

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

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

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

.gabfa {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c806 {
  width: 100%;
  max-width: 500px;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}

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

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

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

.dfe06 {
  text-align: center;
}

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

.aeb {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-top: 0.5rem;
}

.lc7c58f0 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 800px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o41dd {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

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

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

.db4d613 {
  text-align: center;
}

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

.lb75 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-top: 0.5rem;
}

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

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

.j8157:nth-child(even) {
  flex-direction: row-reverse;
}

.eff1 {
  flex: 1 1 40%;
  min-height: 280px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

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

.hff223c {
  flex: 1 1 50%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

.o79c2db7 {
  text-align: center;
}

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

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

.k199b2 {
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 220px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.j98 {
  font-size: 2rem;
  color: var(--color-accent);
  line-height: 1;
}

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

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

@media (max-width: 768px) {
  .k199b2 {
    flex: 1 1 calc(50% - 0.5rem);
  }
}

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

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

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

.l63ae {
  text-align: center;
}

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

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

.o9c {
  flex: 1 1 100%;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.l33,
.kfbaa {
  flex: 1 1 45%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.l33 {
  border-left: 4px solid #dc2626;
}

.kfbaa {
  border-left: 4px solid var(--color-accent);
}

.ja7df,
.c2f96 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.ab33de {
  text-align: center;
}

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

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

.j94 {
  flex: 1 1 calc(25% - 1rem);
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.if3ca {
  font-family: var(--font-heading);
  font-size: 2.5rem;
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
}

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

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

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

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

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

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

.h7c1 {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: 12px;
  border-left: 5px solid var(--color-accent);
  max-width: 900px;
  margin: 0 auto;
}

.pef458f {
  font-family: var(--font-heading);
  font-size: clamp(1.375rem, 3vw + 0.5rem, 2.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.k56 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.i6893 {
  text-align: center;
}

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

.gdc671ea {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.m626d8 {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
  transform: translateX(-50%);
}

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

.m10e {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  align-items: flex-start;
  position: relative;
}

.m10e:nth-child(odd) .o231c {
  text-align: right;
  margin-left: 0;
  margin-right: auto;
}

.m10e:nth-child(even) .o231c {
  text-align: left;
  margin-left: auto;
  margin-right: 0;
}

.mb0 {
  position: absolute;
  left: 50%;
  top: 0;
  width: 16px;
  height: 16px;
  background: var(--color-accent);
  border: 4px solid var(--color-bg-secondary);
  border-radius: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.o231c {
  flex: 0 0 calc(50% - 2rem);
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.ie0f2df6 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.375rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (max-width: 768px) {
  .m626d8 {
    left: 0;
  }

  .mb0 {
    left: 0;
  }

  .m10e {
    flex-direction: row;
    padding-left: 2rem;
  }

  .m10e:nth-child(odd) .o231c,
  .m10e:nth-child(even) .o231c {
    text-align: left;
    margin: 0;
  }
}

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

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

.m89b3e {
  text-align: center;
}

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

.de96 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}

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

.cb5 {
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 150px;
  text-align: center;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  backdrop-filter: blur(10px);
}

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

.o02 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .cb5 {
    flex: 1 1 calc(50% - 1rem);
  }
}

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

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

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

.n754a {
  text-align: center;
}

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

.i4bc74 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-top: 0.5rem;
}

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

.ge234a52 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.ge234a52:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

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

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

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

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

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

.c8b54 {
  text-align: center;
}

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

.l167f5 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-top: 0.5rem;
}

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

.f53cd9 {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.f53cd9:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

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

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

.f53cd9:hover .f12666d0 {
  transform: scale(1.05);
}

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

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

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

.naff21c {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all 0.3s ease;
  align-self: flex-start;
  display: inline-block;
}

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

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

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

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

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

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

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

.be820 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #1e293b;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
  z-index: 9999;
  box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.15);
}

.be820.kb858 {
  display: none;
}

.kfcf04 {
  color: #ffffff;
  font-size: 0.875rem;
  margin: 0;
  flex: 0 1 auto;
  max-width: 600px;
}

.l677a {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.g19,
.e94bba {
  padding: 0.625rem 1.25rem;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.875rem;
  transition: all 0.3s ease;
  font-family: var(--font-primary);
}

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

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

.e94bba {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.e94bba:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
}

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

  .ge2cf82d {
    flex: 1 1 100%;
  }

  .gabfa {
    flex: 1 1 100%;
  }

  .c806 {
    max-width: 350px;
  }

  .j8157,
  .j8157:nth-child(even) {
    flex-direction: column;
  }

  .eff1 {
    flex: 1 1 100%;
  }

  .hff223c {
    flex: 1 1 100%;
  }

  .o9c {
    flex-direction: column;
  }

  .l33,
  .kfbaa {
    flex: 1 1 100%;
  }

  .be820 {
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem 0.75rem;
  }

  .kfcf04 {
    text-align: center;
  }

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

  .g19,
  .e94bba {
    flex: 1 1 45%;
    min-width: 100px;
  }
}

@media (max-width: 480px) {
  .g6b0cf {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

  .n85 {
    flex-direction: column;
  }

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

  .ee8886,
  .jb016,
  .b475a067 {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }

  .c806 {
    max-width: 250px;
  }

  .m626d8 {
    display: none;
  }

  .mb0 {
    display: none;
  }

  .m10e {
    padding-left: 0;
  }

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

  .g19,
  .e94bba {
    flex: 1 1 100%;
    width: 100%;
  }
}

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

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

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

.d64048d2 {
  max-width: 45rem;
}

.d64048d2 h3,
.je901d h3,
.a5b3b1 h3,
.o6f4ca 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.01em;
}

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

.d990f {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.je901d,
.a5b3b1 {
  flex: 1 1 200px;
  min-width: 180px;
}

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

.n8d5 li {
  margin: 0;
  padding: 0;
}

.je901d a,
.o6f4ca a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color var(--transition-base);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.a7bc li {
  margin: 0;
  padding: 0;
}

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

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

.l9dc {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin: 0 0 0.5rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .je901d,
  .a5b3b1 {
    flex: 1 1 240px;
  }

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

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

@media (max-width: 640px) {
  .d990f {
    flex-direction: column;
    gap: clamp(1.75rem, 4vw, 2.5rem);
  }

  .je901d,
  .a5b3b1 {
    flex: 1 1 100%;
  }

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

  .a7bc li {
    display: block;
  }
}
    

html, body, main, section, div, h1, h2, h3, h4, h5, h6, p, a, span, article, img {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ffb4f {
  background: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

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

.pcb70 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
}

.l091 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  letter-spacing: 0.5px;
}

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

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

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

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

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

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

.g2a6 {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
  padding: clamp(1.25rem, 3vw, 2rem);
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 450px;
  width: 100%;
  margin: 0 auto;
}

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

.l65 {
  width: 100%;
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 16 / 9;
}

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

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

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

.k0e {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.l9a,
.j0a2,
.b12cfa {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.l9a i,
.j0a2 i,
.b12cfa i {
  color: var(--color-accent);
  font-size: 0.9rem;
}

.pbc9e {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-base);
  display: inline-block;
}

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

@media (min-width: 768px) {
  .h1387406 {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 5vw, 3.5rem);
  }

  .g2a6 {
    flex-direction: row;
    max-width: 100%;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: stretch;
  }

  .g2a6:nth-child(even) {
    flex-direction: row-reverse;
  }

  .l65 {
    flex: 0 0 40%;
    aspect-ratio: 16 / 9;
    border-radius: var(--radius-lg);
  }

  .j53 {
    flex: 1 1 60%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
  }

  .e31be7,
  .i6f,
  .k0e,
  .pbc9e {
    flex: 0 0 auto;
  }
}

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

  .p620 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

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

  .h1387406 {
    gap: clamp(2.5rem, 6vw, 4rem);
  }

  .l65 {
    flex: 0 0 45%;
    min-height: 300px;
  }

  .e31be7 {
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  }
}

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

  .l65 {
    flex: none;
    width: 100%;
    aspect-ratio: 16 / 9;
  }

  .k0e {
    gap: 1rem;
  }
}

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

html, body {
  font-family: 'General Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

.c46d35c7 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 3vw, 1.5rem);
  line-height: 1.2;
}

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

.da63 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
}

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

.d635,
.d3e,
.h816d {
  color: var(--color-text-secondary);
}

.c0c57f2f {
  width: 100%;
  max-width: 900px;
}

.k316bf {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

  .m82171cf {
    flex: 1 1 45%;
    text-align: left;
  }

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

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

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

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

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

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

.o3688 {
  flex: 1 1 100%;
}

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

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

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

.o73 {
  color: var(--color-accent);
  display: block;
  margin-bottom: 0.5rem;
}

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

.ma08b7 {
  flex: 1 1 100%;
  width: 100%;
}

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

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

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

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

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

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

.d4620f {
  flex: 1 1 100%;
}

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

.j1c {
  flex: 1 1 100%;
  width: 100%;
}

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

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

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

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

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

.ofb69 {
  flex: 1;
}

.ed1a {
  width: 100%;
}

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

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

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

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

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

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

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

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

  .ofb69 {
    flex: 1 1 70%;
  }

  .ed1a {
    flex: 1 1 30%;
    position: sticky;
    top: 2rem;
  }
}

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

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

.h2c0cb {
  flex: 1 1 100%;
}

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

.k12f83 {
  flex: 1 1 100%;
  width: 100%;
}

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

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

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

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

.gbc3b {
  max-width: 100%;
}

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

.jc79af {
  color: var(--color-text-primary);
  display: block;
  margin-bottom: 0.75rem;
}

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

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

.nc2fea {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
}

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

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

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

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

.l233 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  text-align: center;
}

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

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

.ebf44517:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

.cdfd {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow: hidden;
}

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

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

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

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

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

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

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

  .ebf44517 {
    flex-direction: column;
  }
}

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

.g5813cd8 {
  width: 100%;
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.oed {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

  .o0826d5d,
  .eb5aa {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.gb677 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

  .b5f7,
  .je2df7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.m4330d8c strong {
  color: var(--color-accent);
  font-weight: 700;
}

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

.h93f5d9 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

  .a9d,
  .bcc {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

  .b3bda3f,
  .j0023 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.k3200 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

.p1b {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  border-left: 4px solid var(--color-secondary);
}

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

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

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

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

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

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

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

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

.lb7 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 250px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  border: 1px solid #f0ede5;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

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

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

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

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

.da5 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.67rem));
  min-width: 250px;
  background: var(--color-bg-tertiary);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

.p110fc29 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

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

* {
  box-sizing: border-box;
}

html, body, h1, h2, h3, h4, h5, h6, p, span, div, section, article, nav, aside {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.of136 {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: var(--font-primary);
}

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

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

.a1751 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 2rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

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

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

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

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

.i878 {
  max-width: 100%;
}

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

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

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

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

.p7db33 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  max-width: 95%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pfa27,
  .g424ce {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

  .he0057c3,
  .be243 {
    flex: 1 1 100%;
    max-width: 100%;
    order: unset;
  }
}

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

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

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

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

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

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

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

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

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

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

.d48ebb0e {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  position: sticky;
  top: 2rem;
}

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

.d391249e {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  text-align: center;
}

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

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

.kb8 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0 0 1rem 0;
}

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

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

  .gb36,
  .g401fad9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d48ebb0e {
    position: relative;
    top: auto;
  }
}

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

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

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

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

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

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

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

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

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

  .j9594,
  .b83 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.k61de2c {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.caad {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

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

.g43a {
    width: 100%;
  }

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

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

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

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

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

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

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

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

  .ib8d8 {
    display: inline-block;
  }

  .a3fad76 {
    color: var(--color-border-light);
  }

  .k6d {
    color: var(--color-text-secondary);
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    line-height: 1.6;
    max-width: 600px;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .ke3 {
    width: 100%;
    max-height: 500px;
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }

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

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

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

  .g6e {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

    .b58f87 {
      flex: 1 1 50%;
      max-width: 50%;
      min-height: 300px;
      max-height: 450px;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .o8abc5a1 {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3rem);
    padding: clamp(2rem, 4vw, 2.5rem);
    background: var(--color-bg-primary);
    border-radius: var(--radius-lg);
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
  }

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

    .o8abc5a1:nth-child(even) {
      flex-direction: row-reverse;
    }
  }

  .a964683f {
    flex: 1 1 100%;
  }

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

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

  .bedd57b4 {
    color: var(--color-text-secondary);
    font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
    line-height: 1.7;
    margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .ba1b {
    flex: 1 1 100%;
    border-radius: var(--radius-lg);
    overflow: hidden;
    max-height: 350px;
  }

  @media (min-width: 768px) {
    .ba1b {
      flex: 1 1 50%;
      max-width: 50%;
      min-height: 250px;
      max-height: 400px;
    }
  }

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

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

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

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

  @media (min-width: 768px) {
    .c1a20c3 {
      flex-direction: row;
      align-items: flex-start;
      gap: 1.5rem;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  @media (min-width: 1024px) {
    .j060 {
      flex: 1 1 calc(25% - 1.125rem);
    }
  }

  .p3ff {
    color: var(--color-accent);
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-family: var(--font-heading);
    font-weight: 700;
  }

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

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

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

  .h8b732 {
    display: flex;
    flex-direction: column;
  }

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

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

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

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

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

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

  .id23 {
    color: var(--color-text-secondary);
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    line-height: 1.8;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .fb3 {
    flex: 1 1 100%;
  }

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

  .d690bdf5 {
    display: flex;
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
    text-decoration: none;
    border-radius: var(--radius-md);
    padding: clamp(1rem, 2vw, 1.25rem);
    background: var(--color-bg-primary);
    transition: all var(--transition-base);
  }

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

  .nd5d {
    flex: 0 0 80px;
    min-width: 80px;
    height: 80px;
    border-radius: var(--radius-sm);
    overflow: hidden;
  }

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

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

  .c36 {
    color: var(--color-text-primary);
    font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
    font-family: var(--font-heading);
    font-weight: 700;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

    .g6e {
      flex: 1 1 100% !important;
      max-width: 100% !important;
    }

    .b58f87 {
      flex: 1 1 100% !important;
      max-width: 100% !important;
    }

    .o8abc5a1 {
      flex-direction: column !important;
    }

    .a964683f {
      flex: 1 1 100% !important;
      max-width: 100% !important;
    }

    .ba1b {
      flex: 1 1 100% !important;
      max-width: 100% !important;
    }

    .c1a20c3 {
      flex-direction: column !important;
    }
  }

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

html, body {
  font-family: var(--font-primary);
}

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

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

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

.ec8a3 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

.d959 {
  flex: 1 1 45%;
  min-width: 0;
}

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

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

.n17529a {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  max-height: 400px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}

@media (max-width: 767px) {
  .n17529a {
    max-height: 300px;
  }
}

.f8cdfb {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

.e35737 {
  font-size: clamp(1.75rem, 2vw, 2.25rem);
  color: var(--color-primary);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

.l7a234 {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  max-height: 400px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}

@media (max-width: 767px) {
  .l7a234 {
    max-height: 300px;
  }
}

.gca6 {
  flex: 1 1 45%;
  min-width: 0;
}

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

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

.i69478 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

.m5bc271e {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

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

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

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

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

  .d959,
  .n17529a,
  .l7a234,
  .gca6 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ec8a3,
  .d3902c,
  .f8cdfb,
  .o925,
  .i69478,
  .i439c5 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .nee8e2 {
    gap: 1.5rem;
  }

  .m3b451f0 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 0;
    max-width: none;
  }
}

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

  .m3b451f0 {
    flex: 1 1 calc(33.333% - 1.33rem);
    min-width: 0;
    max-width: none;
  }
}

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

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

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

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

.g7efd6 {
  width: 100%;
  max-width: 400px;
  flex-shrink: 0;
}

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

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

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

.c315a79a {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ic6a {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.k7c72 {
  text-align: center;
}

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

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

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

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

.o6d4 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

.ge7e {
  text-align: center;
}

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

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

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

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

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

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

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

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

.p34394c {
  text-align: center;
}

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

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

.f022a52 {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: clamp(0.625rem, 1vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.i14a1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

.i14a1:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-color: var(--color-accent);
  transform: translateX(4px);
}

.a470 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 500;
  flex: 1 1 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i14a1 i {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  flex-shrink: 0;
}

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

.e39bec77 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.m1cc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  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);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.e3d6 {
  text-align: center;
}

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

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

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

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

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

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

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

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

  .g7efd6 {
    flex: 0 0 40%;
    max-width: none;
  }

  .if84 {
    flex: 1 1 60%;
    text-align: left;
  }

  .oe94eca7 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  }

  .f022a52 {
    font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  }

  .f60d09 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  }
}

@media (min-width: 1024px) {
  .oe94eca7 {
    flex: 1 1 calc(25% - clamp(1rem, 1.5vw, 1.5rem));
    min-width: auto;
  }

  .bf60 {
    flex-direction: row;
    align-items: flex-start;
    gap: clamp(3rem, 6vw, 5rem);
  }

  .g3ef55 {
    flex: 1 1 55%;
  }

  .f4d86a {
    flex: 1 1 45%;
    align-self: center;
  }

  .f60d09 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    min-width: auto;
  }
}

.lc10707 {
  width: 100%;
}

.g2e354 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 2px solid var(--color-border-light);
}

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

.g2e354 h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.g2e354 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  margin: 0;
  line-height: 1.6;
}

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

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

.i2cb {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.p65a {
  width: 100%;
  background-color: var(--color-bg-card);
  border: none;
  padding: var(--spacing-lg);
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  transition: background-color var(--transition-base);
}

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

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

.pa3f6 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  font-weight: 600;
  line-height: 1.5;
}

.o5ad2 {
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  flex-shrink: 0;
  transition: transform var(--transition-fast);
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p65a[aria-expanded="true"] .o5ad2 {
  transform: rotate(45deg);
}

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

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

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

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

.n2df {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.o59 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.o59 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.ac1 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base);
  cursor: pointer;
  border: none;
}

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

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

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

  .b86 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .o59 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

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

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

  .i2cb {
    margin-bottom: var(--spacing-lg);
  }

  .pa3f6 {
    font-size: 1.1rem;
  }

  .ha8 p {
    font-size: 1.05rem;
  }
}

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

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

.n79 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

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

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

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

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

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

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

.j5fd740 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

@media (min-width: 1024px) {
  .j5fd740 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

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

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

.ka462 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  font-size: 1.75rem;
  color: var(--color-primary);
  transition: all var(--transition-base);
}

.o7b:hover .ka462 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  transform: scale(1.1);
}

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

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

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

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

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

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

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

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

.dda32 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.m4a {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  text-align: center;
}

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

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

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

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

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

.f07 main {
  width: 100%;
}

.f07 .d7d {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.f07 .pdaf {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.f07 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.f07 .ob90e4 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.f07 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.f07 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.f07 ul,
.f07 ol {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-lg);
}

.f07 li {
  margin-bottom: var(--spacing-sm);
}

.f07 .if3956a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.f07 .if3956a h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.f07 .if3956a p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.f07 .kf06e0df {
  margin-bottom: var(--spacing-md);
}

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

@media (min-width: 768px) {
  .f07 .pdaf {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .f07 .pdaf {
    padding: var(--spacing-3xl) 0;
  }
}

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

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

.ib8c69 {
  background-color: var(--color-bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
}

.b2f26f {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

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

.dc6 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.n4c {
  font-size: clamp(3rem, 8vw, 5rem);
  color: var(--color-success);
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.n253f6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
  animation: fadeInUp 0.8s ease-out 0.1s both;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ecc7 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

.ka6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
  animation: fadeInUp 0.8s ease-out 0.3s both;
}

.efc02 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
  animation: fadeInUp 0.8s ease-out 0.4s both;
}

.afacf {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  border-radius: var(--radius-md);
  transition: all var(--transition-base) ease;
  font-size: clamp(0.95rem, 1vw, 1.1rem);
}

.h11 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
}

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

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

.ge8 {
  padding: var(--spacing-lg) var(--spacing-3xl);
  margin-top: var(--spacing-md);
  animation: fadeInUp 0.8s ease-out 0.5s both;
}

@media (min-width: 640px) {
  .b2f26f {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

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

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

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

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

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

.da6f389 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.c009c {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

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

.d7877 {
  text-align: center;
  position: relative;
  animation: slideUp 0.8s ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.a63a49df {
  position: relative;
  height: 280px;
  margin-bottom: var(--spacing-2xl);
  display: flex;
  align-items: center;
  justify-content: center;
}

.h92 {
  font-size: clamp(5rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  color: var(--color-primary);
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.ca4593b {
  position: absolute;
  width: 120px;
  height: 140px;
  left: 50%;
  top: 50%;
  transform: translate(-150%, -50%);
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translate(-150%, -50%);
  }
  50% {
    transform: translate(-150%, -45%);
  }
}

.id965 {
  width: 100%;
  height: 100px;
  background-color: var(--color-primary);
  border: 3px solid var(--color-primary-dark);
  border-radius: var(--radius-md) var(--radius-md) var(--radius-sm) var(--radius-sm);
  position: relative;
}

.jec6 {
  position: absolute;
  right: -30px;
  top: 20px;
  width: 35px;
  height: 60px;
  border: 3px solid var(--color-primary-dark);
  border-left: none;
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
}

.g140 {
  width: 100%;
  height: 30px;
  background-color: var(--color-secondary-light);
  border-radius: 50% 50% 0 0;
  position: absolute;
  top: -15px;
  left: 0;
}

.n4fb57 {
  position: absolute;
  background-color: var(--color-secondary-light);
  border-radius: 50%;
  animation: rise 2s ease-in infinite;
}

.db732 {
  width: 18px;
  height: 18px;
  top: -40px;
  left: 20%;
  animation-delay: 0s;
}

.i9bdf {
  width: 14px;
  height: 14px;
  top: -50px;
  left: 50%;
  animation-delay: 0.4s;
}

.ced {
  width: 16px;
  height: 16px;
  top: -45px;
  left: 75%;
  animation-delay: 0.8s;
}

@keyframes rise {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-60px);
  }
}

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

.lb788a6c h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.01em;
}

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

.g3d490 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  margin-bottom: var(--spacing-xl);
  line-height: 1.7;
}

.afacf {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  border: 2px solid transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
}

.h11 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.h11:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.ef16ba1d {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  overflow: hidden;
}

.g51 {
  position: absolute;
  width: 60px;
  height: 80px;
  opacity: 0.15;
  background-image: 
    radial-gradient(circle at 30% 20%, var(--color-primary-light) 3px, transparent 3px),
    radial-gradient(circle at 70% 30%, var(--color-primary-light) 2px, transparent 2px),
    radial-gradient(circle at 40% 50%, var(--color-primary-light) 2px, transparent 2px),
    radial-gradient(circle at 60% 60%, var(--color-primary-light) 3px, transparent 3px),
    radial-gradient(circle at 35% 75%, var(--color-primary-light) 2px, transparent 2px),
    linear-gradient(to bottom, var(--color-primary-light) 1px, transparent 1px);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.k1b26 {
  top: 10%;
  left: 5%;
  animation: sway 4s ease-in-out infinite;
}

.dd1 {
  top: 20%;
  right: 10%;
  animation: sway 5s ease-in-out infinite reverse;
  animation-delay: 0.5s;
}

.pb69fc {
  bottom: 15%;
  left: 8%;
  animation: sway 4.5s ease-in-out infinite;
  animation-delay: 1s;
}

@keyframes sway {
  0%, 100% {
    transform: rotate(0deg) translateX(0);
  }
  50% {
    transform: rotate(2deg) translateX(10px);
  }
}

@media (min-width: 640px) {
  .da6f389 {
    padding: var(--spacing-lg);
  }

  .ca4593b {
    width: 140px;
    height: 160px;
  }

  .a63a49df {
    height: 320px;
    margin-bottom: var(--spacing-3xl);
  }

  .h92 {
    text-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
  }
}

@media (min-width: 768px) {
  .d7d {
    padding: 0 var(--spacing-lg);
  }

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

  .a63a49df {
    height: 360px;
  }

  .ca4593b {
    width: 160px;
    height: 180px;
  }

  .lb788a6c h1 {
    margin-bottom: var(--spacing-lg);
  }

  .ice {
    margin-bottom: var(--spacing-lg);
  }

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

  .afacf {
    padding: var(--spacing-lg) var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .d7877 {
    padding: var(--spacing-3xl) 0;
  }

  .a63a49df {
    height: 400px;
    margin-bottom: var(--spacing-3xl);
  }

  .ca4593b {
    width: 180px;
    height: 200px;
  }

  .id965 {
    height: 120px;
  }

  .g140 {
    height: 40px;
    top: -20px;
  }

  .h92 {
    text-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

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

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

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

.j34 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.n3110b5 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.f2b2b62 {
  width: 100%;
}

.g43b37 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 4vw, 3.5rem);
  width: 100%;
}

@media (max-width: 768px) {
  .g43b37 {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}

.bdba811b {
  width: 100%;
}

.lf9 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: -0.01em;
}

.h6c5 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.f8f520bb {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

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

.p3a {
  color: var(--color-danger);
  margin-left: 0.25rem;
}

.c26c67,
.pf3 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
  outline: none;
}

.c26c67::placeholder,
.pf3::placeholder {
  color: var(--color-text-muted);
}

.c26c67:focus,
.pf3:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.pf3 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.fe6ef {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  cursor: pointer;
}

.ddefc9 {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--color-primary);
}

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

.be4 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.h14 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  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, 1.1rem);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: 0.01em;
}

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

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

.h14:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.m12 {
  width: 100%;
}

.da62f826 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: -0.01em;
}

.h39 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
  border-bottom: 1px solid var(--color-border-light);
}

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

.l4c8cc {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.ke39b3ab {
  flex: 1;
}

.a20fd {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  letter-spacing: -0.01em;
}

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

.hfe {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

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

.a8ce3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.01em;
}

.k83 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
}

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

.n4e {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.h19b9a {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

.i76 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-md) 0;
}

.m6da9 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 700;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: 0.01em;
}

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

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

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

  .bdba811b,
  .m12 {
    width: 100%;
  }

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

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

@media (max-width: 480px) {
  .j34 {
    margin-bottom: var(--spacing-md);
  }

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

  .f8f520bb {
    gap: var(--spacing-xs);
  }

  .c26c67,
  .pf3 {
    padding: var(--spacing-md);
  }

  .l4c8cc {
    width: 40px;
    height: 40px;
  }

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

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.gcb0cca,.m99909f{width:34px;}
.gcb0cca[aria-expanded="true"]{display:none;}
.b25.lea3{z-index:999;}
.b25{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.b25{max-width:100%;}}
.g0490ff4{justify-content:flex-end;}


/* ==========================================================================
   Article: najprijemnejsi-pivni-zahrady-vyhled — content styles
   (page-specific classes that were missing from the shared stylesheet)
   ========================================================================== */

/* --- Shared section rhythm --- */
.nb17,
.i1177b5,
.d2f1,
.j186,
.f8546,
.ked71a,
.oaf8be7,
.da56,
.he2f {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}
.d2f1,
.f8546,
.oaf8be7 {
  background: var(--color-bg-secondary);
}
.nb17,
.i1177b5,
.j186,
.ked71a,
.da56,
.he2f {
  background: var(--color-bg-primary);
}

/* --- Hero --- */
.nb17 {
  padding-top: clamp(2rem, 5vw, 3.5rem);
}
.e616 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9375rem;
  color: var(--color-text-muted);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}
.e616 a {
  color: var(--color-primary);
  text-decoration: none;
}
.e616 a:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}
.g32 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 900px;
}
.k2f {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.c603 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  font-size: 0.9375rem;
}
.f3f16d {
  color: var(--color-text-secondary);
  font-weight: 500;
}
.bb73d2 {
  color: var(--color-text-muted);
}
.i8ff {
  color: var(--color-text-secondary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  line-height: 1.7;
  max-width: 70ch;
  margin: 0;
}
.k075e035 {
  margin-top: clamp(0.5rem, 2vw, 1rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  aspect-ratio: 16 / 9;
}
.hb5a1d {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* --- Intro (two column) --- */
.df08 {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
}
.caa339 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.25rem);
}
.mc5e0b7f,
.n4176b {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.e4ebe,
.g9a,
.da21d6c0,
.c64,
.o39875c8,
.j17d,
.mda,
.i32ad {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  line-height: 1.8;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.m82 {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  aspect-ratio: 4 / 3;
}
.j38 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* --- Feature cards --- */
.ne0ac0 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: clamp(1.5rem, 3vw, 2rem);
}
.h6b6f2 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  border-top: 4px solid var(--color-primary);
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}
.h6b6f2:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}
.h6b6f2.baddc {
  border-top-color: var(--color-primary);
}
.h6b6f2.pbaf {
  border-top-color: var(--color-secondary);
}
.h6b6f2.d16 {
  border-top-color: var(--color-warning);
}
.kf0fa4e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: var(--radius-full);
  background: var(--color-primary-light);
  color: var(--color-primary);
  font-size: 1.5rem;
}
.h4cb865 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* --- Top picks (alternating rows) --- */
.jdf5353 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}
.o39875c8 {
  max-width: 70ch;
}
.fdd7c {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
}
.pa14432e {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
}
.b0be,
.mb0a01b1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1.375rem, 2.5vw, 1.75rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.f70 {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  aspect-ratio: 4 / 3;
}
.mdeb7 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* --- Author bio --- */
.j019 {
  max-width: 820px;
  margin: 0 auto;
}
.pc67ed {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(1rem, 3vw, 1.75rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
}
.kda21 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
}
.ka7f39 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fbdf52ed {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.25rem;
  margin: 0;
}
.odde {
  color: var(--color-text-primary);
  text-decoration: none;
}
.odde:hover {
  color: var(--color-primary);
}
.oe0437 {
  color: var(--color-primary);
  font-weight: 600;
  font-size: 0.9375rem;
  margin: 0;
}
.c1b {
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

/* --- Remaining picks --- */
.h4b5 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}
.j168c {
  color: var(--color-text-secondary);
  font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
  line-height: 1.75;
  margin: 0;
}
.n081f6 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  border-left: 4px solid var(--color-primary);
  box-shadow: var(--shadow-sm);
}

/* --- Tips --- */
.eaf4958 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}
.i9e5b {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: clamp(1.5rem, 3vw, 2rem);
}
.edca3 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
}
.m751 {
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  line-height: 1;
}
.j1771c5 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.j8a49 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  line-height: 1.6;
  margin: 0;
}

/* --- Disclaimer --- */
.mc817aa {
  max-width: 900px;
  margin: 0 auto;
}
.b11ef325 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin: 0 0 0.75rem;
}

/* --- Responsive: two/three column layouts on wider viewports --- */
@media (min-width: 768px) {
  .df08 {
    grid-template-columns: 1fr 1fr;
  }
  .fdd7c {
    grid-template-columns: 1fr 1fr;
  }
  .pc67ed {
    flex-direction: row;
    align-items: center;
    text-align: left;
  }
}