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

:root {
  --color-bg-primary: #1c1917;
  --color-bg-secondary: #fffbeb;
  --color-bg-tertiary: #292524;
  --color-bg-card: #ffffff;

  --color-text-primary: #be682f;
  --color-text-secondary: #b4b4b4;
  --color-text-muted: #b4b4b4;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #f3f4f6;

  --color-primary: #d97706;
  --color-primary-hover: #b45309;
  --color-primary-light: #fed7aa;
  --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-dark: #44403c;
  --color-border-light: #f5f5f4;

  --font-primary: 'Work Sans', sans-serif;
  --font-heading: 'Nunito', 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;
  --spacing-4xl: 6rem;

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

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

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

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: 1.6;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

h1 {
  font-size: 3rem;
  font-weight: 700;
}

h2 {
  font-size: 2.25rem;
  font-weight: 700;
}

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: 1rem;
  font-weight: 600;
}

p {
  margin: 0;
  padding: 0;
}

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

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

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.125rem;
  }

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

.p849dc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: 1rem;
  transition: all var(--transition-base);
  text-decoration: none;
  border: 2px solid transparent;
}

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

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

.k80306 {
  background: var(--color-secondary);
  color: var(--color-text-primary);
}

.k80306:hover {
  background: #d97706;
  box-shadow: var(--shadow-lg);
}

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

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

.b1ea8 {
  background: transparent;
  color: var(--color-text-light);
  border: 2px solid var(--color-text-light);
}

.b1ea8:hover {
  background: rgba(255, 255, 255, 0.1);
}

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

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

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

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

.f7f5 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

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

.ccc38a2f {
  background: var(--color-secondary-light);
  color: var(--color-text-primary);
}

.k28c7b {
  background: var(--color-success-light);
  color: #047857;
}

.m5261 {
  text-align: center;
}

.p1bf543 {
  text-align: right;
}

.o7c8 {
  text-align: left;
}

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

.i25afc {
  color: var(--color-text-light);
}

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

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

.he52c88 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
}

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

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .mb775 {
    grid-template-columns: repeat(2, 1fr);
  }

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

@media (max-width: 640px) {
  .eaa5,
  .fe0,
  .mb775 {
    grid-template-columns: 1fr;
  }

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

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

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

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

.m1e6848 {
  gap: var(--spacing-xs);
}

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

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

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

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

.l75b829 {
  margin-top: var(--spacing-xs);
}

.i96e {
  margin-top: var(--spacing-sm);
}

.pad1c {
  margin-top: var(--spacing-md);
}

.i103 {
  margin-top: var(--spacing-lg);
}

.afacb {
  margin-top: var(--spacing-xl);
}

.m95fc861 {
  margin-bottom: var(--spacing-xs);
}

.b5fd2 {
  margin-bottom: var(--spacing-sm);
}

.e17d6 {
  margin-bottom: var(--spacing-md);
}

.hd0e {
  margin-bottom: var(--spacing-lg);
}

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

.a5b {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}

.b8b4 {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

.e4222c2b {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

.ba0219f4 {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.g30 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

.n31a {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}

.bd7 {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}

.lb8 {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}

.oe5 {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}

.kf6 {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}

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

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

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

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

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

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

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

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

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

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

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

.db9aaf {
  opacity: 0.5;
}

.c341 {
  opacity: 0.75;
}

.c86cb9b {
  border: 1px solid var(--color-border);
}

.e7ef {
  border: 1px solid var(--color-border-dark);
}

.mcf4755 {
  border-top: 1px solid var(--color-border);
}

.f5168779 {
  border-bottom: 1px solid var(--color-border);
}

.c882c {
  border: 2px solid var(--color-primary);
}

.m8517 {
  width: 100%;
}

.p822f12 {
  height: 100%;
}

.g4b {
  max-width: 28rem;
}

.a4324 {
  max-width: 32rem;
}

.mb9b4f {
  max-width: 36rem;
}

.ne67 {
  max-width: 42rem;
}

.g93 {
  overflow: hidden;
}

.ia98d0 {
  display: inline-block;
}

.d3d3f {
  display: block;
}
.c81f5637 {
  background: var(--color-bg-primary);
  border-bottom: 2px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 1000;
  overflow: hidden;
}

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

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

.gc5d:hover {
  opacity: 0.85;
}

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

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

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

.b420b {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: all var(--transition-fast);
  position: relative;
  white-space: nowrap;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

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

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

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

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

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

.d5d27f05 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 6px;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

.d5d27f05:hover {
  opacity: 0.7;
}

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

.i78 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-secondary);
  backdrop-filter: blur(8px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  z-index: 999;
  overflow-y: auto;
  padding: clamp(1.5rem, 3vw, 2rem);
}

.i78.f3d5 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.d4cd2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  height: 44px;
}

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

.kfb32:hover {
  opacity: 0.7;
}

.jb0e3097 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.dc0dc {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all var(--transition-fast);
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--color-border-light);
  display: block;
  white-space: nowrap;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.dc0dc:hover {
  color: var(--color-accent);
  padding-left: 0.5rem;
}

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

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

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

  .d5d27f05 {
    display: none;
  }

  .i78 {
    display: none;
  }
}

@media (max-width: 767px) {
  .b550c20 {
    display: none;
  }

  .lc847ec {
    display: none;
  }
}

    .b2d8 {
  font-family: var(--font-primary);
}

.n4f {
  position: relative;
  height: 100vh;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.hd798 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.n4f .fd308 {
  position: relative;
  z-index: 2;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  width: 100%;
}

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

.fbd5f6 {
  color: #ffffff;
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 800px;
}

.i8c {
  color: #e0e0e0;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  max-width: 600px;
}

.b5595940 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  align-items: center;
  margin-top: clamp(1rem, 2vw, 2rem);
}

.p6f8a79 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
}

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

.k7a8 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: transparent;
  color: #ffffff;
  text-decoration: none;
  border: 2px solid #ffffff;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  cursor: pointer;
  text-align: center;
}

.k7a8:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .b5595940 {
    flex-direction: row;
    justify-content: center;
  }
}

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

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

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

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

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

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

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

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

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

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

.kbb8f6 {
  flex: 1 1 45%;
}

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

.f91e {
  font-size: clamp(2.5rem, 5vw, 4rem);
  color: var(--color-accent);
  height: clamp(3rem, 6vw, 5rem);
  display: flex;
  align-items: center;
}

.i5d9ba3 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.pc8a {
  text-align: center;
}

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

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

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

@media (min-width: 768px) {
  .f1cc2d {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

.d8c22 {
  flex-shrink: 0;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  width: clamp(2.5rem, 5vw, 4rem);
  height: clamp(2.5rem, 5vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ad60 {
  flex: 1;
}

.p4baca1 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

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

.de5821d {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

.gedc {
  text-align: center;
}

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

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

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

@media (min-width: 768px) {
  .h9d4 {
    flex-direction: row;
    justify-content: center;
  }
}

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

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

.a62 {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background: var(--color-bg-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

.med4 {
  text-align: center;
}

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

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

.j508040 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

.a9b4b {
  text-align: center;
}

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

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

.lfa6 {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

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

.n22265 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

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

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

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

.e9d {
  text-align: center;
}

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

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

.g8947 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: clamp(0.5rem, 1vw, 1rem);
}

@media (min-width: 768px) {
  .g8947 {
    flex-wrap: wrap;
    justify-content: center;
    overflow-x: visible;
  }
}

.gf6e {
  flex-shrink: 0;
  width: clamp(250px, 30vw, 350px);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

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

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

.b8aef {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 2rem);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .n50 {
    flex-direction: row;
    justify-content: center;
  }
}

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

.k5c5e18.ac7 {
  display: none;
}

.ha1 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.5;
  margin: 0;
  flex: 1;
  min-width: 200px;
}

.nf9447d {
  color: var(--color-accent);
  text-decoration: underline;
  transition: color var(--transition-base);
}

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

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

.nd53,
.h3d {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 1.5vw, 1.5rem);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  cursor: pointer;
  transition: all var(--transition-base);
  border: none;
}

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

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

.h3d {
  background: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

.h3d:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-border-dark);
}

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

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

  .nf4ab9 {
    width: 100%;
  }

  .nd53,
  .h3d {
    flex: 1;
    min-width: 100px;
  }
}

@media (min-width: 768px) {
  .a72cb6 {
    align-items: center;
  }

  .f1cc2d {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

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

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

  .g8947 {
    flex-wrap: wrap;
    justify-content: center;
  }
}

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

  .c5b60db {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .h9d4 {
    flex-direction: row;
  }
}

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

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

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

.oa0 {
  display: block;
}

.oa0 h3,
.m0ad3 h3,
.f5a h3,
.p8f h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin-bottom: clamp(0.875rem, 1.5vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.m0ad3 {
  display: block;
}

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

.o8ba9 li {
  display: inline;
}

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

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

.f5a {
  display: block;
}

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

.p8f {
  display: block;
}

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

.pc7f637 li {
  display: inline;
}

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

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

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

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

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

@media (min-width: 768px) {
  .o860 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2.5rem, 5vw, 4rem);
    justify-content: flex-start;
  }

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

  .m0ad3 {
    flex: 0 1 auto;
  }

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

  .f5a {
    flex: 0 1 auto;
  }

  .p8f {
    flex: 1 1 100%;
  }

  .pc7f637 {
    flex-direction: row;
  }

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

@media (min-width: 1024px) {
  .o860 {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .oa0 {
    flex: 1 1 280px;
  }

  .m0ad3 {
    flex: 0 1 auto;
  }

  .f5a {
    flex: 0 1 auto;
  }

  .p8f {
    flex: 0 1 auto;
  }

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

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

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

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

.la2be {
  margin-top: 1rem;
}

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

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

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

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

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

.e5fe341 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  max-width: 650px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.jc6050d {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  flex: 1 1 clamp(280px, 100%, 420px);
  max-width: 420px;
}

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

.m66a {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.ecac9a5 {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  transition: transform var(--transition-base);
}

.jc6050d:hover .ecac9a5 {
  transform: scale(1.05);
}

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

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

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

.ca1 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: auto;
  padding-top: clamp(0.75rem, 1.5vw, 1rem);
  border-top: 1px solid var(--color-border-light);
}

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

.he1157da i {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1.2vw, 1rem);
}

.f21 {
  align-self: flex-start;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.f21:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
  gap: 0.75rem;
}

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

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

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

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

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

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

.bcfc4 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  flex: 1 1 clamp(280px, 100%, 360px);
  max-width: 360px;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

.h9b {
  display: flex;
  gap: clamp(1rem, 2vw, 1.75rem);
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  transition: all var(--transition-base);
}

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

.h0528 {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: clamp(2rem, 4vw, 2.5rem);
  height: clamp(2rem, 4vw, 2.5rem);
  margin-top: 0.25rem;
}

.h0528 i {
  color: var(--color-accent);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
}

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

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

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

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

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

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

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

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

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

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

  .h0528 {
    width: 2rem;
    height: 2rem;
  }
}

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

  .jc6050d {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    max-width: 100%;
  }

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

  .bcfc4 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    max-width: 100%;
  }
}

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

  .o9352a0 {
    gap: clamp(1.75rem, 3vw, 2.5rem);
  }

  .jc6050d {
    flex: 1 1 clamp(320px, calc(33.333% - clamp(1rem, 2vw, 1.75rem)), 420px);
  }

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

  .bcfc4 {
    flex: 1 1 calc(25% - clamp(1.125rem, 2.25vw, 1.875rem));
  }

  .h9b {
    gap: clamp(1.25rem, 2vw, 2rem);
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

.l859ab {
  position: relative;
  height: 600px;
  overflow: hidden;
  background: var(--color-bg-primary);
  display: flex;
  align-items: flex-end;
}

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

.c361b {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(28, 25, 23, 0.9), rgba(28, 25, 23, 0.4));
  z-index: 2;
}

.aa6fe47 {
  position: relative;
  z-index: 3;
  width: 100%;
}

.f11 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-lg);
  flex-wrap: wrap;
}

.afb430 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: #f5f5f4;
  font-weight: 500;
}

.d8357817 {
  color: #a8a29e;
  opacity: 0.6;
}

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

.gea493 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: #e7e5e4;
  max-width: 600px;
  margin-bottom: var(--spacing-xl);
}

@media (max-width: 768px) {
  .l859ab {
    height: 450px;
  }
}

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

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

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

.l7f1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

.g6b8 {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

.a196 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

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

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

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

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

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

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

.d2c3bdfe {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
}

.b0313cb {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #e7e5e4;
  margin-bottom: var(--spacing-lg);
  line-height: 1.7;
}

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

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

  .k58bd,
  .f6b1f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.f7f {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-xl);
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

.f7f a {
  color: #e7e5e4;
  text-decoration: none;
  transition: color var(--transition-base);
}

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

.f7f span {
  color: #a8a29e;
}

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

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

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

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

.m1d1 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
}

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

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

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

  .p42ccf,
  .bda17e7f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.m5d {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.jcc9cc82 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  max-width: 600px;
  width: 100%;
}

.oc2c3b {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: #ffffff;
  margin-bottom: var(--spacing-lg);
}

.jd9fae {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.h65c7b {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #e7e5e4;
  padding-left: var(--spacing-lg);
  position: relative;
}

.h65c7b:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  background: var(--color-secondary);
  border-radius: 50%;
}

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

.k68bdcd {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.f169c07 {
  background: #fef3c7;
  border: 2px solid var(--color-secondary);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 700px;
  width: 100%;
}

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

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

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

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

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

.ea4cf {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
}

.i3d {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #e7e5e4;
  margin-bottom: var(--spacing-lg);
  line-height: 1.7;
}

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

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

  .fd993c3,
  .dc7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.n8a1 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
}

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

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

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

  .m565,
  .k3540 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.j0fc6a {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
}

.i08 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #e7e5e4;
  margin-bottom: var(--spacing-lg);
  line-height: 1.8;
}

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

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

.f26889e {
  flex: 1 1 100%;
  margin-bottom: var(--spacing-xl);
}

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

.a3ccc {
  flex: 1 1 100%;
}

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

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

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

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

.e01e {
  font-size: clamp(1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  margin: var(--spacing-lg);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
  font-weight: 700;
}

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

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

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

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

  .a3ccc {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

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

.m79b3146 {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 3rem) 0 0 0;
}

.k33c10fc {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

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

.o912 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
  z-index: 1;
}

.a89e08 {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: clamp(2rem, 5vw, 4rem) 0;
}

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

.eea735e {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-light);
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  max-width: 600px;
  line-height: 1.5;
}

.a3f8d {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-light);
}

.ee5e586d {
  display: inline-block;
}

.f2653 {
  color: var(--color-secondary);
  opacity: 0.7;
}

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

.e2f7 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.d6d3 {
  flex: 0 0 120px;
}

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

.i5dbb1 {
  flex: 1 1 auto;
}

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

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

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

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

.j948 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin: 0 0 0.75rem 0;
  font-weight: 500;
}

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

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

  .d6d3 {
    flex: 0 0 100px;
  }

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

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

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

.k4310 {
  flex: 1 1 65%;
}

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

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

  .k4310 {
    flex: 1 1 100%;
  }

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

.j5d32,
.l3634,
.c6f,
.pbc {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

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

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

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

.l3634 {
  flex-direction: row-reverse;
}

@media (max-width: 768px) {
  .j5d32,
  .l3634,
  .c6f,
  .pbc {
    flex-direction: column;
  }

  .k09ef,
  .ff74 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l3634 {
    flex-direction: column;
  }
}

.c24af {
  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 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.2;
}

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

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

.kf372 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
  overflow: hidden;
}

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

.mfe {
  flex: 0 0 50px;
  height: 50px;
  background: var(--color-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
}

.f7e02 {
  flex: 1 1 auto;
}

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

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

.pd5dc67c li {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-light);
  margin-bottom: 0.75rem;
  padding-left: 1.75rem;
  position: relative;
  line-height: 1.6;
}

.pd5dc67c li:last-child {
  margin-bottom: 0;
}

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

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

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

.l923b7 {
  flex: 0 0 40px;
  height: 40px;
  background: var(--color-bg-secondary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.25rem;
}

.n44a2 {
  flex: 1 1 auto;
}

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

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

.da48 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  margin-top: clamp(2rem, 5vw, 3.5rem);
  overflow: hidden;
}

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

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

.h08e8db {
  display: flex;
  justify-content: flex-start;
  margin-top: 1rem;
}

.fb40927 {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

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

.fa4dc {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

.l7fd3 {
  overflow: hidden;
}

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

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

.p6a7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(28, 25, 23, 0.75) 0%, rgba(41, 37, 36, 0.65) 100%);
  z-index: 2;
}

.h4b .fd308 {
  position: relative;
  z-index: 3;
  padding-top: clamp(3rem, 8vw, 5rem);
  padding-bottom: clamp(3rem, 8vw, 5rem);
}

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

.k8411 a {
  color: #fde68a;
  text-decoration: none;
}

.k8411 a:hover {
  color: #fcd34d;
  text-decoration: underline;
}

.k8411 span {
  color: #fce7a0;
}

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

.ac6d3cc2 {
  color: #fef3c7;
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  line-height: 1.1;
  max-width: 900px;
}

.c2f3 {
  color: #fde68a;
  font-size: clamp(1rem, 2vw, 1.375rem);
  max-width: 700px;
  line-height: 1.5;
}

.d7ad195f {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

.b5e9 {
  color: #fcd34d;
}

.o817 {
  color: #f59e0b;
}

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

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

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

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

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

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

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

.f593f {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 600;
}

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

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

.a3ad7c7:nth-child(4) {
  background: var(--color-bg-primary);
}

.a3ad7c7:nth-child(6) {
  background: var(--color-bg-primary);
}

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

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

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

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

.a3ad7c7:nth-child(4) .h2f,
.a3ad7c7:nth-child(6) .h2f {
  color: #f5f5f4;
}

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

.a3ad7c7:nth-child(4) .h8f01,
.a3ad7c7:nth-child(6) .h8f01 {
  color: #e5e5e5;
}

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

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

.o37df {
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.15) 0%, rgba(245, 158, 11, 0.1) 100%);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  max-width: 800px;
  margin: 0 auto;
}

.lde6 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.875rem);
  color: #fcd34d;
  margin-bottom: 0.75rem;
}

.j65 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: #e5e5e5;
  line-height: 1.7;
  margin: 0;
}

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

.i5f997 {
  background: #fef3c7;
  border-left: 4px solid #d97706;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  max-width: 800px;
  margin: 0 auto;
}

.ncb4f9b7 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: #92400e;
  margin-bottom: 0.75rem;
}

.p68707f {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: #78350f;
  line-height: 1.6;
  margin: 0;
}

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

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

.c2b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #f5f5f4;
  line-height: 1.2;
}

.ee22751f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #e5e5e5;
  line-height: 1.7;
  margin: 0;
}

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

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

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

.d26fc9f {
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

.g1f {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

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

.nb27f3 a {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

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

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

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

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

  .p135e419 {
    flex-direction: column;
  }

  .p401,
  .k04c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .o9a0cbd {
    max-height: 300px;
  }

  .o37df,
  .i5f997 {
    padding: 1.5rem;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .p135e419 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .p401,
  .k04c {
    flex: 1 1 48%;
    max-width: 48%;
  }
}

@media (min-width: 1024px) {
  .c84eef9 {
    align-items: center;
  }

  .p401,
  .k04c {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

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

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

.ab4eb92b {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
}

.ab4eb92b a {
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: all 0.3s ease;
}

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

.ab4eb92b span {
  color: var(--color-text-on-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.pbb81c {
  background: linear-gradient(135deg, rgba(28, 25, 23, 0.85) 0%, rgba(41, 37, 36, 0.85) 100%), url('../../assets/img/detailed-walking-map-water-tow-d54b5a42.webp') center/cover no-repeat;
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  position: relative;
}

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

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

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

.kf3d {
  color: #e8dcc8;
  font-size: clamp(0.9375rem, 1.5vw, 1.25rem);
  line-height: 1.6;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 400;
}

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

.j349f7 {
  color: #d4af37;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

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

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

.d4d69 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

  .kecfc0,
  .d4d69 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

.ae27b {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.d199f {
  flex-shrink: 0;
}

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

.a8a2b2 {
  flex: 1;
}

.he97678 {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.25rem;
}

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

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

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

.k77 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

  .d199f {
    margin: 0 auto;
  }
}

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

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

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

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

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

.d39 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  background: #fff8e7;
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

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

.c588 {
  flex: 1;
}

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

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

.f53c img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

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

  .e27fb0,
  .f53c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.dd676712 .a8eba {
  color: var(--color-text-on-accent);
}

.dd676712 .k607eff2 {
  color: #e8dcc8;
}

.ae723019 {
  list-style: none;
  padding: 0;
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

.ae723019 li {
  color: #d4af37;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.8;
  padding-left: 1.5rem;
  position: relative;
  margin-bottom: 0.75rem;
}

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

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

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

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

.m617e {
  flex: 1;
}

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

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

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

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

.j7c64fd .a8eba {
  color: var(--color-text-on-accent);
}

.j7c64fd .k607eff2 {
  color: #e8dcc8;
}

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

.fd3ff32a {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.25rem);
  background: rgba(217, 119, 6, 0.1);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
}

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

.fd3ff32a p {
  color: #e8dcc8;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.6;
  margin: 0;
}

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

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

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

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

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

.ae1a {
  text-align: center;
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

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

.m7b412fb {
  color: #d4af37;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
}

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

.if26cf {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

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

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

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

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

.n5c755 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

  .kecfc0,
  .d4d69,
  .e27fb0,
  .f53c {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .d199f {
    margin: 0 auto;
  }
}

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

  .c3150 {
    gap: 0.75rem;
  }

  .j349f7 {
    font-size: 0.75rem;
  }

  .o39 {
    gap: 0.75rem;
  }

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

  .na5 {
    width: 32px;
    height: 32px;
    font-size: 1rem;
  }
}

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

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

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

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

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

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

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

.p849dc {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
  text-align: center;
}

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

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

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

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

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

.j427c {
  text-align: center;
}

.od809 {
  display: inline-block;
  background: var(--color-bg-card);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw + 0.4rem, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 1rem;
  border: 1px solid var(--color-border);
}

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

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

.ab2c {
  width: 100%;
  max-width: 900px;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  margin: 0 auto;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

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

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

.ped17de4 {
  text-align: center;
}

.i6b {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}

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

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

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

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

.p7b5 {
  text-align: center;
}

.a88d0 {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}

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

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

.hb89 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 10px;
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 320px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  transition: var(--transition-base);
  border: 1px solid var(--color-border-light);
}

.hb89:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

.ee7 {
  width: 50px;
  height: 50px;
  background: var(--color-bg-secondary);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  font-size: 1.75rem;
  color: var(--color-accent);
}

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

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

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

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

.d4b330c {
  text-align: center;
  max-width: 800px;
}

.a6f1f1 {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

.cce {
  text-align: center;
}

.a58d {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}

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

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

.e8760 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 2rem);
  border-radius: 10px;
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  max-width: 300px;
  border-left: 4px solid var(--color-accent);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: var(--transition-base);
}

.e8760:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

.k5554 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--color-secondary);
  color: var(--color-text-primary);
  border-radius: 50%;
  font-weight: 700;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  margin-bottom: 0.75rem;
}

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

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

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

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

.gb31c {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}

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

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

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

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

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

  .ofee,
  .i75d1,
  .g4b6fe,
  .e2cc28cc,
  .g0e {
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

@media (max-width: 480px) {
  .od809,
  .i6b,
  .a88d0,
  .a6f1f1,
  .a58d {
    font-size: 0.7rem;
    padding: 0.4rem 0.8rem;
  }
}

.p59cb8c {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

  .k145c {
    flex: 1 1 45%;
    min-height: 350px;
  }

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

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

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

.h86 {
  text-align: center;
}

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

.dbaba46d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

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

.m60e4a p:first-child {
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 500;
}

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

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

.k61 {
  text-align: center;
}

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

.ab72283 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.3;
}

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

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

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

.g746b {
  flex-shrink: 0;
  width: clamp(50px, 10vw, 80px);
  height: clamp(50px, 10vw, 80px);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  line-height: 1;
}

.n52d1a0a {
  flex: 1;
  padding-top: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

@media (min-width: 768px) {
  .g746b {
    width: clamp(70px, 8vw, 100px);
    height: clamp(70px, 8vw, 100px);
    font-size: clamp(2rem, 3vw, 2.5rem);
  }
}

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

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

.n1634a {
  text-align: center;
}

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

.k4be {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

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

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

.o12 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}

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

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

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

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

.hddc {
  text-align: center;
}

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

.iad8 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

.f6f9814 {
  flex: 1 1 clamp(250px, 45vw, 320px);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

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

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

.n257c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  font-family: var(--font-primary);
}

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

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

.k20 {
  background: transparent;
  color: var(--color-accent);
  border-color: var(--color-accent);
}

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

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

  .n257c {
    min-width: 200px;
  }
}

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

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

  .n52d1a0a {
    padding-top: 0;
  }
}

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

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

.b8b1 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

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

.ic8c1e4 {
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

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

  .bf1b1 {
    margin-bottom: var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .b401e {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.c017481d {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

  .c017481d {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .j35053 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

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

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

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

.n39 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.ce159 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: var(--spacing-sm);
  width: fit-content;
}

.m9b324 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.3rem, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.m1dd {
  font-size: clamp(0.9rem, 1.5vw + 0.2rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .e0967d23 {
    height: 280px;
  }

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

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

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

.fc0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.f97d42 {
  font-size: clamp(0.95rem, 2vw + 0.2rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.ne3de {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1.5vw + 0.2rem, 1.05rem);
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  text-align: center;
}

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

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

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

  .fc0 {
    margin-bottom: var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .m9dcfc {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  .f531f8c {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

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

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

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

@media (min-width: 1024px) {
  .e11 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
}

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

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

.ff3787ac {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  display: inline-block;
}

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

.le9e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
}

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

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

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

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

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

.dcdb24e9 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

.lb176 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

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

@media (min-width: 1024px) {
  .of590b62 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.ld42a {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: 1.7;
}

.ld42a main {
  width: 100%;
}

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

.ld42a .l9e {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.ld42a 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;
}

.ld42a .d4239f2 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.ld42a h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.ld42a p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.7;
}

.ld42a ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.ld42a li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.7;
}

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

.ld42a .g199 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-3xl);
}

.ld42a .g199 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.ld42a .g199 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.ld42a .ofb9a {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
}

.ld42a .ofb9a strong {
  display: inline-block;
  min-width: 80px;
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .ld42a .l9e {
    padding: var(--spacing-4xl) 0;
  }

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

@media (min-width: 1024px) {
  .ld42a .l9e {
    padding: var(--spacing-4xl) 0;
  }

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

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

main.c2182 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.dc6c3c1d {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.fd308 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

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

.e19 {
  text-align: center;
  animation: fadeInScale 0.6s ease-out;
}

.ice1e2 {
  margin-bottom: var(--spacing-lg);
  display: flex;
  justify-content: center;
  align-items: center;
}

.ice1e2 svg {
  color: var(--color-success);
  animation: iconBounce 0.8s ease-out;
}

.l5015a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.5px;
}

.e23a {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  margin-bottom: var(--spacing-xl);
  line-height: 1.5;
}

.m23d6 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.i84dc5df {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
}

.o8d2a601 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-primary);
  transition: all var(--transition-base);
  cursor: pointer;
  box-shadow: var(--shadow-md);
}

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

.o8d2a601:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.o8d2a601:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes iconBounce {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

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

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

  .ice1e2 svg {
    width: 100px;
    height: 100px;
  }

  .o8d2a601 {
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .dc6c3c1d {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .e19 {
    max-width: 700px;
    margin: 0 auto;
  }

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

  .ice1e2 svg {
    width: 120px;
    height: 120px;
  }

  .m23d6 {
    margin-bottom: var(--spacing-lg);
  }

  .i84dc5df {
    margin-bottom: var(--spacing-3xl);
  }

  .o8d2a601 {
    padding: var(--spacing-lg) var(--spacing-4xl);
    font-size: 1.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .e19,
  .ice1e2 svg {
    animation: none;
  }

  .o8d2a601 {
    transition: none;
  }

  .o8d2a601:hover {
    transform: none;
  }

  .o8d2a601:active {
    transform: none;
  }
}

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

.d340 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ld9 {
  width: 100%;
  padding: var(--spacing-md);
  overflow: hidden;
}

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

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

.g8fd5 {
  text-align: center;
  position: relative;
  z-index: 1;
}

.a769a2 {
  position: relative;
  margin-bottom: var(--spacing-xl);
  perspective: 1000px;
}

.ece4e {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  letter-spacing: -0.02em;
  line-height: 1;
  position: relative;
  z-index: 2;
  animation: float-up 3s ease-in-out infinite;
}

.f1e2ae {
  position: absolute;
  border-radius: var(--radius-full);
  opacity: 0.08;
  pointer-events: none;
}

.ae9fdab {
  width: 200px;
  height: 200px;
  background-color: var(--color-primary);
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  animation: float-slow 8s ease-in-out infinite;
}

.k2db7c {
  width: 150px;
  height: 150px;
  background-color: var(--color-secondary);
  bottom: -20px;
  right: 10%;
  animation: float-slow-reverse 10s ease-in-out infinite;
}

.l8004 {
  margin-bottom: var(--spacing-2xl);
  animation: fade-in 0.8s ease-out 0.2s backwards;
}

.ha4be {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
}

.m6a9c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  font-weight: 500;
}

.jbf2ef2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-xl);
}

.ccb18336 {
  margin: var(--spacing-xl) 0 var(--spacing-2xl);
  display: flex;
  gap: var(--spacing-md);
  justify-content: center;
  flex-wrap: wrap;
}

.p849dc {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid;
  cursor: pointer;
  transition: var(--transition-base);
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
}

.i157e5 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

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

.nfb {
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
  animation: fade-in 0.8s ease-out 0.4s backwards;
}

.af2 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
}

@keyframes float-up {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes float-slow {
  0%, 100% {
    transform: translateX(-50%) translateY(0px);
  }
  50% {
    transform: translateX(-50%) translateY(30px);
  }
}

@keyframes float-slow-reverse {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-25px);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 640px) {
  .ld9 {
    padding: var(--spacing-lg);
  }

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

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

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

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

  .p849dc {
    padding: var(--spacing-md) var(--spacing-2xl);
  }
}

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

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

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

  .a769a2 {
    margin-bottom: var(--spacing-3xl);
  }

  .l8004 {
    margin-bottom: var(--spacing-3xl);
  }

  .ccb18336 {
    margin: var(--spacing-2xl) 0 var(--spacing-3xl);
  }

  .p849dc:hover {
    transform: translateY(-3px);
  }

  .ae9fdab {
    width: 300px;
    height: 300px;
    top: -50px;
  }

  .k2db7c {
    width: 200px;
    height: 200px;
    bottom: -40px;
  }
}

@media (min-width: 1440px) {
  .g8fd5 {
    padding: var(--spacing-4xl) 0;
  }

  .a769a2 {
    margin-bottom: var(--spacing-4xl);
  }

  .l8004 {
    margin-bottom: var(--spacing-4xl);
  }

  .ccb18336 {
    margin: var(--spacing-3xl) 0 var(--spacing-4xl);
  }
}

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

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

.g34e023 {
  text-align: center;
}

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

.d27d {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.j407c4 {
  width: 100%;
}

.kbf12 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 4rem);
}

.ac8427c {
  flex: 1 1 100%;
  min-width: 0;
}

.i824c {
  flex: 1 1 100%;
  min-width: 0;
}

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

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

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

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

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

.p2f931 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.p89c6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.eeee {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.nca533,
.f9c472dd {
  width: 100%;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(0.875rem, 2vw, 1.25rem);
  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: all var(--transition-base);
}

.nca533::placeholder,
.f9c472dd::placeholder {
  color: var(--color-text-muted);
}

.nca533:focus,
.f9c472dd:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-light), 0.1);
}

.f9c472dd {
  min-height: clamp(120px, 20vw, 180px);
  resize: vertical;
}

.e5d5 {
  margin-top: var(--spacing-md);
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
}

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

.b22494df {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.gf4 {
  width: 100%;
  padding: clamp(0.9rem, 2vw, 1.1rem) clamp(1.5rem, 3vw, 2.5rem);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: var(--spacing-md);
}

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

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

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

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

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

.cd732 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

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

.a4ff51 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 8vw, 4rem);
  height: clamp(3rem, 8vw, 4rem);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  flex-shrink: 0;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-primary);
}

.pab734a1 {
  flex: 1;
}

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

.k5fde3 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
  word-break: break-word;
}

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

.e43 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
}

.gf3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.h40 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 0.95rem) clamp(1.25rem, 2.5vw, 1.75rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 1rem);
  font-weight: 700;
  text-decoration: none;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.a4b988 {
  width: 100%;
}

.db5 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin: 0 0 clamp(2rem, 5vw, 3rem) 0;
}

.b378 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

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

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

.a9e3ae:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
}

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

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

@media (min-width: 768px) {
  .p7a5d553 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

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

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

@media (min-width: 1024px) {
  .p7a5d553 {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }

  .j31085c {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }

  .bcc0 {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
input,textarea,select{max-width:100%;box-sizing:border-box;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.d5d27f05{width:34px;}
.d5d27f05[aria-expanded="true"]{display:none;}
.b550c20{justify-content:flex-end;}