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

:root {
  --color-bg-primary: #f0fdf4;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #0a1a0f;
  --color-bg-card: #ffffff;

  --color-text-primary: #14532d;
  --color-text-secondary: #3f6212;
  --color-text-muted: #437756;

  --color-primary: #16a34a;
  --color-primary-hover: #15803d;
  --color-primary-light: #dcfce7;
  --color-secondary: #22c55e;
  --color-secondary-light: #bbf7d0;

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

  --color-border: #d1fae5;
  --color-border-light: #ecfdf5;

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'DM Serif Display', serif;

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

@media (min-width: 640px) {
  .e1584 {
    padding: 0 var(--spacing-lg);
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

h1 {
  font-size: clamp(2.5rem, 6vw, 4rem);
}

h2 {
  font-size: clamp(2rem, 4vw, 3rem);
}

h3 {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

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

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

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

button, .h35813 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  text-decoration: none;
  display: inline-block;
}

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

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

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

.d095:hover {
  background: #16a34a;
  box-shadow: var(--shadow-lg);
}

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

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

.j6d8d3e0 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: var(--spacing-2xl) 0;
}

.n0c2 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-muted);
  padding: var(--spacing-2xl) 0;
}

.n0c2 h1,
.n0c2 h2,
.n0c2 h3,
.n0c2 h4,
.n0c2 h5,
.n0c2 h6 {
  color: #ffffff;
}

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

.n0c2 a:hover {
  color: #ffffff;
}

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

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

.jcd8 {
  background: rgba(10, 26, 15, 0.8);
  color: var(--color-text-muted);
  border: 1px solid var(--color-border);
}

.jcd8 h3 {
  color: #ffffff;
}

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

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

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

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

@media (max-width: 768px) {
  .cf6d3ced,
  .g3ca59b {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}

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

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

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

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

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

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

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

.mddee6d {
  background: #d1fae5;
  color: var(--color-success);
}

.kec3bace {
  text-align: center;
}

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

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

.ccc1c {
  opacity: 0.75;
}

.h9a4 {
  opacity: 0.5;
}

.e88 { margin-top: var(--spacing-sm); }
.aa5c { margin-top: var(--spacing-md); }
.a175b0b { margin-top: var(--spacing-lg); }
.b552cbf { margin-top: var(--spacing-xl); }

.o93 { margin-bottom: var(--spacing-sm); }
.b507e6 { margin-bottom: var(--spacing-md); }
.e2d7a { margin-bottom: var(--spacing-lg); }
.nf2 { margin-bottom: var(--spacing-xl); }

.a1c { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.l93a47c { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.ba53 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }

.e1a94 { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.c27 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.fb0 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }

input, textarea, select {
  font-family: var(--font-primary);
  padding: var(--spacing-sm);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: 1rem;
  transition: border-color var(--transition-base);
}

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

::selection {
  background: var(--color-primary);
  color: #ffffff;
}
.i0d6c9 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

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

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

.fd91d:hover {
  opacity: 0.85;
}

.jb70a8a2 {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  object-fit: cover;
  margin-right: 0.25rem;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

.b128:hover {
  opacity: 0.7;
}

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

.g7079 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  padding-top: clamp(70px, 12vw, 90px);
}

.g7079.bcdeefe7 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

.o47b:hover {
  opacity: 0.7;
}

.acbf13 {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  padding: 0;
  margin: 0;
}

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

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

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

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

@media (min-width: 768px) {
  .kf963aeb {
    height: clamp(75px, 10vw, 85px);
  }

  .cc1800d1 {
    display: flex;
  }

  .bbf19a6 {
    display: inline-flex;
  }

  .b128 {
    display: none;
  }

  .g7079 {
    display: none;
  }
}

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

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

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

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

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

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

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

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

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

.id43a5 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 600;
}

.e73 {
  width: 60px;
  height: 4px;
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

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

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

.h35813 {
  display: inline-block;
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  text-align: center;
  border: none;
  cursor: pointer;
}

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

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

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

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

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

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

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

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

.ne51b8 {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: 400px;
  box-shadow: var(--shadow-md);
}

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

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

.ae50 {
  position: relative;
  z-index: 2;
  padding: clamp(2rem, 5vw, 3.5rem);
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  max-width: 500px;
}

.cf445af1 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

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

.h1ebf5 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 1rem;
}

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

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

.k2e {
  flex: 1 1 300px;
  max-width: 400px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

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

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

.k2e:hover .o56 {
  transform: scale(1.05);
}

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

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

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

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

.g2854a {
  max-width: 700px;
}

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

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

.o8692e {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
}

.gd4162d {
  flex: 1 1 150px;
  text-align: center;
}

.m5c5dc3 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.ga3 {
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 2rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-top: 0.5rem;
}

.pb0790 {
  width: 1px;
  height: 40px;
  background: var(--color-border-light);
  display: none;
}

@media (min-width: 768px) {
  .pb0790 {
    display: block;
  }
}

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

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

.o3b {
  text-align: center;
}

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

.jdb {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.pa2e {
  flex: 1 1 150px;
  text-align: center;
}

.ec65a {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.5rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

.e45e {
  width: 1px;
  height: 50px;
  background: var(--color-border-light);
  display: none;
}

@media (min-width: 768px) {
  .e45e {
    display: block;
  }
}

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

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

.c9195 {
  font-size: 4rem;
  color: var(--color-accent);
}

.i87b88dd {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-weight: 700;
}

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

.n33ea806 .o430d {
  margin-top: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f57ec {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  transition: transform var(--transition-base);
}

.b3657c:hover .f57ec {
  transform: scale(1.05);
}

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

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

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

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

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

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

.f27cc06 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: #1e293b;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
}

.f27cc06.mad7134 {
  display: none;
}

.k51de0 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.5;
  max-width: 600px;
}

.bec2 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

.ob410,
.h68dca7b {
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
}

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

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

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

.h68dca7b:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
}

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

  .pb0790 {
    display: none;
  }

  .e45e {
    display: none;
  }

  .jdb {
    flex-direction: column;
  }

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

  .bec2 {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .b091a32f {
    padding: 6rem 0;
  }

  .c4fa5f6 {
    padding: 6rem 0;
  }

  .h5a43e {
    padding: 6rem 0;
  }

  .a0a36869 {
    padding: 6rem 0;
  }

  .bf1a625 {
    padding: 6rem 0;
  }

  .n33ea806 {
    padding: 6rem 0;
  }

  .b5f19b {
    padding: 6rem 0;
  }

  .g13e {
    padding: 6rem 0;
  }
}

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

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

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

.md1b1 {
  display: block;
}

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

.md1b1 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.6;
  max-width: 500px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d331b03,
.e9e,
.oa8 {
  display: block;
}

.d331b03 h4,
.e9e h4,
.oa8 h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: -0.5px;
}

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

.ob574e li,
.a8d0ea li {
  display: block;
}

.c79e {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
  padding: 0.25rem 0;
  border-bottom: 1px solid transparent;
}

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

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

.g33cc3 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 1.5rem);
  border-top: 1px solid var(--color-border-light);
  padding-top: clamp(1.5rem, 4vw, 2.5rem);
  margin-top: clamp(1.5rem, 4vw, 2.5rem);
}

.mf52 {
  display: block;
}

.mf52 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.95rem);
  margin: 0;
  line-height: 1.5;
}

.e054 {
  display: block;
}

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

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

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

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

@media (min-width: 1024px) {
  .bde78 {
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(2rem, 4vw, 3.5rem);
  }

  .md1b1 {
    grid-column: 1 / 2;
  }

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

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

.hb4a9 {
  width: 100%;
}

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

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

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

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

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

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

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

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

.ocb57c {
  width: 100%;
  max-width: 500px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(20, 83, 45, 0.15);
}

.ja7a9393 {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  aspect-ratio: 4/3;
}

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

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

.l2af5 {
  text-align: center;
}

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

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

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

.d343 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(20, 83, 45, 0.08);
  transition: all 0.3s ease;
  flex: 1 1 clamp(280px, 100%, 380px);
  min-height: auto;
}

.d343:nth-child(1) {
  flex: 1 1 clamp(280px, 100%, 420px);
}

.d343:nth-child(2) {
  flex: 1 1 clamp(280px, 100%, 360px);
}

.d343:nth-child(3) {
  flex: 1 1 clamp(280px, 100%, 350px);
}

.d343:nth-child(4) {
  flex: 1 1 clamp(280px, 100%, 370px);
}

.d343:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 25px rgba(20, 83, 45, 0.12);
}

.g50f {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 3/2;
}

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

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

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

.gb904d2 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  flex-wrap: wrap;
  padding: clamp(0.75rem, 1vw, 1rem) 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

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

.de7c5 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.l92e {
  color: var(--color-accent);
  background: transparent;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 6px;
  transition: all 0.3s ease;
  display: inline-block;
  border: 2px solid var(--color-accent);
}

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

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

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

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

  .gaca5026 {
    gap: clamp(1.5rem, 4vw, 2.5rem);
  }

  .d343 {
    flex: 1 1 clamp(300px, calc(50% - 1.25rem), 420px);
  }

  .d343:nth-child(1) {
    flex: 1 1 clamp(300px, calc(50% - 1.25rem), 450px);
  }
}

@media (min-width: 1024px) {
  .d6f4f2b {
    gap: clamp(3rem, 6vw, 5rem);
  }

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

  .d343 {
    flex: 1 1 clamp(320px, calc(33.333% - 1.67rem), 420px);
  }

  .d343:nth-child(1) {
    flex: 1 1 clamp(320px, calc(33.333% - 1.67rem), 450px);
  }

  .d343:nth-child(2) {
    flex: 1 1 clamp(320px, calc(33.333% - 1.67rem), 380px);
  }

  .d343:nth-child(3) {
    flex: 1 1 clamp(320px, calc(33.333% - 1.67rem), 370px);
  }

  .d343:nth-child(4) {
    flex: 1 1 clamp(320px, calc(33.333% - 1.67rem), 390px);
  }
}

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

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

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

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

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

.n987f3 {
  width: 100%;
}

.hea3a0 {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}

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

.cd6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(10, 26, 15, 0.3) 0%, rgba(10, 26, 15, 0.7) 100%);
  z-index: 2;
}

.hea3a0 .e1584 {
  position: relative;
  z-index: 3;
  padding-bottom: clamp(2rem, 5vw, 3rem);
  width: 100%;
}

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

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

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

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

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

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

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

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

.pe9c9b {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: #ffffff;
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
  font-weight: 400;
}

.k732 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: #f0fdf4;
  line-height: 1.6;
  max-width: 600px;
}

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

.l25 {
  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);
  border: 1px solid #e0e7ff;
}

.lf3 {
  width: 120px;
  height: 120px;
  min-width: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
}

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

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

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

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

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

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

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

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

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

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

.p12d {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--color-text-primary);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
  font-weight: 400;
}

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

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

.j7854 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
  text-align: center;
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 150px;
}

.c6fad94b {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: 'DM Serif Display', serif;
  line-height: 1;
}

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

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

.jf4f6e9c:nth-child(even) {
  background: var(--color-bg-primary);
}

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

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

.jf4f6e9c:nth-child(even) .g6969 {
  order: 2;
}

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

.jf4f6e9c:nth-child(even) .c8e2 {
  order: 1;
}

.pb35ac70 {
  font-size: clamp(3rem, 8vw, 5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
  font-family: 'DM Serif Display', serif;
  margin-bottom: 0.5rem;
}

.g01475a5 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
  font-weight: 400;
}

.jf4f6e9c:nth-child(even) .g01475a5 {
  color: var(--color-text-primary);
}

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

.jf4f6e9c:nth-child(even) .n94856 {
  color: var(--color-text-secondary);
}

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

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

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

.pa6f {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: #ffffff;
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
}

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

.ae94c {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: rgba(255, 255, 255, 0.05);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(134, 239, 172, 0.2);
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  max-width: 350px;
  transition: all var(--transition-base);
}

.ae94c:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(134, 239, 172, 0.4);
  transform: translateY(-4px);
}

.oce {
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  color: var(--color-secondary);
}

.mad2a7 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: #ffffff;
  margin: 0;
  font-weight: 600;
}

.peea20 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: #e0e7ff;
  line-height: 1.6;
  margin: 0;
}

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

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

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

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

.nd9 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
  font-weight: 400;
}

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

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

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

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

.b9b30 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
}

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

.l86068 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  text-align: center;
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 120px;
}

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

.l69cb480 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-accent);
  font-weight: 700;
  margin: 0;
  font-family: 'DM Serif Display', serif;
}

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

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

.b31 {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: #ffffff;
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
  font-weight: 400;
}

.a9bc87f {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: #e0e7ff;
  line-height: 1.8;
  margin: 0;
}

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

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

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

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

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

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

.l580176 {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--color-text-primary);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
}

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

.b824 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  transition: all var(--transition-base);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.b824:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

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

.b824 > * {
  padding: 0 1.5rem;
}

.b824 > img {
  padding: 0;
}

.b824 > h3:first-of-type {
  padding-top: 1.5rem;
}

.b824 > p:last-of-type {
  padding-bottom: 1.5rem;
}

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

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

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

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

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

  .g6969,
  .c8e2,
  .gadc40,
  .k377 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .jf4f6e9c:nth-child(even) .g6969 {
    order: 1;
  }

  .jf4f6e9c:nth-child(even) .c8e2 {
    order: 2;
  }
}

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

  .l25 {
    flex-direction: column;
    align-items: flex-start;
  }

  .lf3 {
    width: 100px;
    height: 100px;
    min-width: 100px;
  }

  .l30a3e {
    flex-direction: column;
  }

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

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

  .l86068 {
    flex: 1 1 calc(50% - 0.5rem);
    min-width: 100px;
  }

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

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

  .l86068 {
    flex: 1 1 100%;
    min-width: auto;
  }

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

  .gca8e {
    display: none;
  }
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary-hover);
}

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

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

.bc03b {
  position: relative;
  min-height: 600px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

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

.c4f6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(10, 26, 15, 0.85) 0%, rgba(20, 83, 45, 0.75) 100%);
  z-index: 2;
}

.bc03b .e1584 {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.ia608f {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.k74b1 {
  font-size: clamp(1rem, 2vw, 1.375rem);
  color: var(--color-text-muted);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hd6 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

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

.j5cc1 i {
  color: var(--color-secondary);
}

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

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

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

.g9f3 {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 3px solid var(--color-primary);
}

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

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

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

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

.pdea {
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-primary);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.k710,
.f4f05,
.i03ba7e,
.i2bb {
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.k710,
.i03ba7e {
  background: var(--color-bg-secondary);
}

.f4f05,
.i2bb {
  background: var(--color-bg-primary);
}

.eddb,
.d54cf,
.nb4bc,
.oe8e {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
  position: relative;
}

.d54cf,
.oe8e {
  flex-direction: row-reverse;
}

.g2b {
  position: absolute;
  top: -1rem;
  left: 0;
  font-family: var(--font-heading);
  font-size: clamp(3rem, 10vw, 6rem);
  font-weight: 700;
  color: var(--color-primary);
  opacity: 0.15;
  line-height: 1;
  z-index: 0;
}

.ae2075,
.l3db07,
.g76015a5,
.cee7d6b {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  position: relative;
  z-index: 1;
}

.m590 {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k710 .m590,
.i03ba7e .m590 {
  color: var(--color-text-primary);
}

.f4f05 .m590,
.i2bb .m590 {
  color: var(--color-text-primary);
}

.c52bd1a {
  margin: 0;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k710 .c52bd1a,
.i03ba7e .c52bd1a {
  color: var(--color-text-secondary);
}

.f4f05 .c52bd1a,
.i2bb .c52bd1a {
  color: var(--color-text-secondary);
}

.i00a9d40 {
  margin: 0;
  padding-left: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.k710 .ffacf9,
.i03ba7e .ffacf9 {
  color: var(--color-text-secondary);
}

.f4f05 .ffacf9,
.i2bb .ffacf9 {
  color: var(--color-text-secondary);
}

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

.b96,
.b3d71,
.od85322c,
.e836 {
  flex: 1 1 50%;
  max-width: 50%;
}

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

@media (max-width: 768px) {
  .eddb,
  .d54cf,
  .nb4bc,
  .oe8e {
    flex-direction: column;
    position: relative;
  }

  .d54cf,
  .oe8e {
    flex-direction: column;
  }

  .ae2075,
  .l3db07,
  .g76015a5,
  .cee7d6b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b96,
  .b3d71,
  .od85322c,
  .e836 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .g2b {
    font-size: clamp(2rem, 8vw, 3.5rem);
  }
}

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

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

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

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

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

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

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

.o1eb4 i {
  color: var(--color-text-on-accent);
}

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

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

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

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

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

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

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

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

.pd5a1c {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 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;
}

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

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

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

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

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

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

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

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

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

.m613684 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  max-width: 400px;
  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);
}

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

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

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

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

.a60e19b4 {
  margin: 0;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

  .ia608f {
    font-size: 0.75rem;
  }

  .g2b {
    font-size: 1.5rem;
    top: 0.5rem;
  }
}

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

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

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

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

a {
  text-decoration: none;
  transition: all 0.3s ease;
}

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

.nb51 {
  width: 100%;
}

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

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

.pe1c4 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
}

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

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

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

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

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

.bd6c5f50 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.n7360d {
  width: 100%;
  max-width: 600px;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

@media (max-width: 768px) {
  .ka2373 {
    gap: 1.5rem;
  }

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

.mf49b {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  border-bottom: 1px solid var(--color-border-light);
  overflow: hidden;
}

.k7829f {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  max-width: 500px;
}

.d56b {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--color-bg-primary);
}

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

.d0a {
  flex: 1;
}

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

.lb6ce47 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0.25rem 0;
}

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

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

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

@media (max-width: 768px) {
  .k7829f {
    gap: 1rem;
  }

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

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

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

.l82 {
  flex: 1 1 60%;
}

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

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

.pe417 {
  flex: 1 1 40%;
}

.k5ce985e {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

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

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

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

  .l82 {
    flex: 1 1 100%;
  }

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

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

.g5b61:nth-child(odd) {
  background: var(--color-bg-tertiary);
}

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

.g5b61:nth-child(odd) .i53af6d {
  flex-direction: row-reverse;
}

.dd9 {
  font-size: clamp(3rem, 8vw, 6rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
  flex-shrink: 0;
  opacity: 0.15;
  position: absolute;
  left: clamp(0, 2vw, 1rem);
  top: 0;
  z-index: 0;
}

.g5b61:nth-child(odd) .dd9 {
  opacity: 0.2;
  color: var(--color-accent-light);
}

.k48339d {
  flex: 1 1 50%;
  max-width: 50%;
  position: relative;
  z-index: 1;
}

.g5b61:nth-child(odd) .k48339d {
  color: var(--color-bg-secondary);
}

.a17245b {
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.g5b61:nth-child(odd) .a17245b {
  color: var(--color-bg-secondary);
}

.k48339d p {
  font-size: clamp(0.95rem, 1.1vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.7;
}

.g5b61:nth-child(odd) .k48339d p {
  color: #e5e7eb;
}

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

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

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

@media (max-width: 768px) {
  .i53af6d {
    flex-direction: column !important;
    gap: 1.5rem;
  }

  .g5b61:nth-child(odd) .i53af6d {
    flex-direction: column !important;
  }

  .dd9 {
    font-size: 3rem;
    position: static;
    opacity: 0.1;
    margin-bottom: -2rem;
  }

  .k48339d {
    flex: 1 1 100%;
    max-width: 100%;
    position: relative;
  }

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

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

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

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

.e7b1a9 p {
  font-size: clamp(0.95rem, 1.1vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.7;
  text-align: left;
}

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

@media (max-width: 768px) {
  .e7b1a9 {
    padding: 0;
  }
}

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

.daba4c {
  max-width: 900px;
  margin: 0 auto;
  background: #fef3c7;
  border-left: 4px solid #f59e0b;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
}

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

.ja0334 {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: #78350f;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 768px) {
  .daba4c {
    padding: 1rem;
  }
}

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

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

.c46e {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-bg-secondary);
  text-align: center;
  margin: 0;
}

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

.jce4 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all 0.3s ease;
}

.jce4:hover {
  transform: translateY(-4px);
}

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

.aaa img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.jce4:hover .aaa img {
  transform: scale(1.05);
}

.a625a {
  padding: 0 clamp(0.5rem, 1vw, 1rem);
}

.adc1f {
  font-size: clamp(1.05rem, 1.8vw, 1.375rem);
  color: var(--color-bg-secondary);
  margin: 0 0 0.5rem 0;
  font-family: var(--font-heading);
  line-height: 1.3;
}

.adc1f a {
  color: var(--color-bg-secondary);
  transition: color 0.3s ease;
}

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

.d8fe {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: #d1d5db;
  line-height: 1.6;
  margin: 0;
}

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

@media (max-width: 768px) {
  .jea {
    gap: 1.5rem;
  }

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

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

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

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

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

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

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

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

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

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

.h2e5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(10, 26, 15, 0.75) 0%, rgba(20, 83, 45, 0.65) 100%);
  z-index: 2;
}

.g6328 .e1584 {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

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

.l8c39 a {
  color: var(--color-text-muted);
  transition: color var(--transition-base);
}

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

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

.l8c39 span:last-child {
  color: #ffffff;
  font-weight: 600;
}

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

.ba1f3dc {
  color: #ffffff;
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.n867 {
  color: #e0e0e0;
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  max-width: 600px;
  font-weight: 500;
}

.n6616 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  flex-wrap: wrap;
}

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

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

.o00093 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .d52f,
  .l7a8136 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.bdba:nth-child(odd) {
  background: var(--color-bg-secondary);
}

.bdba:nth-child(odd) .k89c {
  color: var(--color-text-primary);
}

.bdba:nth-child(odd) .i1e071 {
  color: var(--color-text-secondary);
}

.bdba:nth-child(even) {
  background: var(--color-bg-primary);
}

.bdba:nth-child(even) .k89c {
  color: var(--color-text-primary);
}

.bdba:nth-child(even) .i1e071 {
  color: var(--color-text-secondary);
}

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

.j9e32cf {
  font-size: clamp(3rem, 8vw, 6rem);
  font-weight: 900;
  color: var(--color-accent);
  opacity: 0.15;
  line-height: 1;
  min-width: 80px;
  text-align: center;
}

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

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

.k89c {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
}

.i1e071 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
}

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

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

.of450 {
  background: var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent-hover);
}

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

.fc724393 strong {
  font-weight: 700;
}

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

  .j9e32cf {
    font-size: clamp(2rem, 5vw, 3rem);
  }

  .f6acfde {
    flex-direction: column;
  }

  .m8f6d106,
  .l74bf {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.ga6 {
  color: #ffffff;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  text-align: center;
}

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

.e9cc {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 250px;
  max-width: 100%;
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  transition: all var(--transition-base);
}

.e9cc:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(22, 163, 74, 0.3);
  transform: translateY(-4px);
}

.ffe2af {
  font-size: clamp(2rem, 4vw, 2.5rem);
  font-weight: 900;
  color: var(--color-accent);
  line-height: 1;
}

.if8 {
  color: #ffffff;
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  font-weight: 700;
}

.d024 {
  color: #d1d5db;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  line-height: 1.6;
}

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

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

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

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

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

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

.e537 {
  background: rgba(22, 163, 74, 0.08);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

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

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

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

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

.e2bbc7b1 {
  color: #ffffff;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  text-align: center;
}

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

.nc4a5 {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 100%;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

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

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

.nc4a5:hover .a0bf59 {
  transform: scale(1.05);
}

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

.hc0 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  font-weight: 700;
  line-height: 1.4;
}

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

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

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

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

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

  .g6328 {
    min-height: 350px;
  }

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

  .b2898e1 {
    align-items: center;
  }
}

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

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

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

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

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

.f29c {
  background: linear-gradient(135deg, #0a1a0f 0%, #1a3a1f 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.o71efb99 {
  text-align: center;
}

.idb70 {
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: #ffffff;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

.accf {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: #86efac;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

.pb8 {
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: clamp(2rem, 4vw, 3rem) auto 0;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

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

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

.bfd07 {
  display: inline-block;
  background: #dcfce7;
  color: #166534;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  align-self: flex-start;
}

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

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

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

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

.p10a2 {
  background: #0a1a0f;
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.e437071 {
  text-align: center;
}

.h52954 {
  display: inline-block;
  background: rgba(22, 163, 74, 0.2);
  color: #86efac;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 1rem;
  align-self: center;
}

.od8a {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 1rem;
  line-height: 1.2;
}

.bd47e7 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  color: #c8e6c9;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.7;
}

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

.p89a86de {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(34, 197, 94, 0.2);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 250px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

.p89a86de:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(34, 197, 94, 0.4);
  transform: translateY(-4px);
}

.e39d4e {
  font-size: 2.5rem;
  color: #22c55e;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(34, 197, 94, 0.1);
  border-radius: 8px;
}

.l432e75 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: #ffffff;
  font-weight: 600;
  font-family: var(--font-heading);
}

.n4ce4 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: #b7e4c7;
  line-height: 1.6;
}

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

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

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

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

.g82 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: clamp(0.75rem, 1vw, 1rem) auto 0;
  line-height: 1.7;
}

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

.l592d2 {
  background: linear-gradient(135deg, #dcfce7 0%, #f0fdf4 100%);
  border: 2px solid #16a34a;
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: 12px;
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  max-width: 280px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.75rem;
}

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

.h60a33 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: #16a34a;
  font-family: var(--font-heading);
}

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

.a6b6a {
  background: #1a3a1f;
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.mecf {
  text-align: center;
}

.ofb9f1d1 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 1rem;
  line-height: 1.2;
}

.j85 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  color: #c8e6c9;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.7;
}

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

.n6e {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 10px;
  border-left: 4px solid #22c55e;
}

.k8d {
  font-size: 1.75rem;
  color: #22c55e;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pdc2 {
  flex: 1;
}

.nba2 {
  font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-family: var(--font-heading);
}

.ofca4577 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: #b7e4c7;
  line-height: 1.6;
}

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

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

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

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

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

.db3170ae {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 850px;
}

@media (max-width: 768px) {
  .le7d8 {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }
  
  .p10a2 {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }
  
  .p89a86de {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .l592d2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .n6e {
    flex-direction: column;
    gap: 1rem;
  }
  
  .k8d {
    width: 40px;
    height: 40px;
  }
  
  .pb8,
  .g49714 {
    margin: 1.5rem 0;
  }
}

@media (max-width: 480px) {
  .idb70 {
    font-size: 1.75rem;
  }
  
  .g6556,
  .od8a {
    font-size: 1.5rem;
  }
  
  .h60a33 {
    font-size: 2rem;
  }
  
  .p89a86de {
    padding: 1.25rem;
  }
}

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

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

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

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

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

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

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

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

  .nae {
    flex: 1 1 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .l7ca6e {
    flex: 1 1 calc(50% - clamp(1rem, 2vw, 1.5rem));
    min-width: 300px;
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }

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

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

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

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

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

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

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

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

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

  .adf {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    min-width: 300px;
    background: var(--color-bg-card);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    transition: all var(--transition-base);
  }

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

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

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

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

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

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

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

  .jb32163 {
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    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 + 0.5rem, 1rem);
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: all var(--transition-base);
    cursor: pointer;
  }

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

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

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

  .gbe3b63 {
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1rem);
    max-width: 700px;
  }

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

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

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

  .p69 {
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    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 + 0.5rem, 1rem);
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: all var(--transition-base);
    cursor: pointer;
  }

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

  .oe764 {
    background: transparent;
    color: var(--color-text-muted);
    padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
    border: 2px solid var(--color-text-muted);
    border-radius: var(--radius-md);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: all var(--transition-base);
    cursor: pointer;
  }

  .oe764:hover {
    background: var(--color-text-muted);
    color: var(--color-bg-tertiary);
    transform: translateY(-2px);
  }

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

    .eccef {
      flex: 1 1 100%;
    }

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

    .kbd {
      flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
      min-width: 240px;
    }

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

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

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

    .p69,
    .oe764 {
      width: 100%;
    }
  }

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

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

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

.g8bf7 {
  width: 100%;
}

.dec3f90 {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md) 2rem;
  overflow: hidden;
}

.h6a {
  max-width: 1200px;
  margin: 0 auto;
}

.fb9613 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
  line-height: 1.2;
}

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

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

.i2533b5 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.ac67c5e1 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

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

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

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

.e7c73 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  padding: 0.35rem 0.75rem;
  border-radius: var(--radius-sm);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.jd5e {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  line-height: 1.3;
}

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

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

.h51432:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
  padding-left: 0.25rem;
}

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

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

.h6e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  line-height: 1.3;
}

.gb4 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.3rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
}

.d40ae {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  padding: 0.75rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
}

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

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

@media (min-width: 640px) {
  .dec3f90 {
    padding: 4rem var(--spacing-lg) 3rem;
  }

  .j3d4 {
    padding: 4rem var(--spacing-lg);
  }

  .i2533b5 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

  .h5f4a046 {
    height: 220px;
  }

  .cb5 {
    padding: 4rem var(--spacing-lg);
  }
}

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

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

  .i2533b5 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .ac67c5e1:nth-child(odd) {
    grid-template-columns: 1fr 1fr;
  }

  .ac67c5e1:nth-child(even) {
    grid-template-columns: 1fr 1fr;
  }

  .ac67c5e1:nth-child(even) .h5f4a046 {
    order: 2;
  }

  .ac67c5e1:nth-child(even) .pac514cc {
    order: 1;
  }

  .h5f4a046 {
    height: 280px;
  }

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

  .cb5 {
    padding: 6rem var(--spacing-xl);
  }

  .h6e {
    font-size: clamp(1.75rem, 3vw + 0.5rem, 2.5rem);
  }
}

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

  .h5f4a046 {
    height: 300px;
  }
}

* {
  box-sizing: border-box;
}

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

.f57 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  align-items: center;
  min-height: 280px;
  overflow: hidden;
}

.a2f {
  text-align: center;
  max-width: 600px;
}

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

.f57 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

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

.j9fa {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.j1e27f:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-sm);
}

.ha2 {
  width: 100%;
  background-color: transparent;
  border: none;
  padding: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: background-color var(--transition-fast);
}

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

.ha2 span {
  flex: 1;
}

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

.ha2[aria-expanded="true"] .ebbb1e8b {
  transform: rotate(180deg);
}

.l1bf043 {
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.7;
  animation: slideDown var(--transition-base) ease-out;
}

.l1bf043 p {
  margin: 0;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

.g12150b3 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-xl) var(--spacing-md);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  align-items: center;
  overflow: hidden;
}

.b873 {
  text-align: center;
  max-width: 600px;
}

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

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

.g0601fa {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

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

@media (min-width: 768px) {
  .f57 {
    flex-direction: row;
    padding: var(--spacing-2xl) var(--spacing-lg);
    gap: var(--spacing-2xl);
    min-height: 350px;
    align-items: center;
  }

  .a2f {
    text-align: left;
    flex: 1;
  }

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

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

  .g898d {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .g12150b3 {
    flex-direction: row;
    padding: var(--spacing-2xl) var(--spacing-lg);
    gap: var(--spacing-2xl);
    align-items: center;
  }

  .b873 {
    text-align: left;
    flex: 1;
  }

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

  .c05 {
    flex: 1;
  }
}

@media (min-width: 1024px) {
  .f57 {
    padding: var(--spacing-2xl) 0;
    gap: var(--spacing-2xl);
    min-height: 400px;
  }

  .a2f {
    max-width: 500px;
  }

  .i71e3 {
    max-width: 500px;
  }

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

  .j9fa {
    max-width: 800px;
  }

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

  .b873 {
    max-width: 550px;
  }

  .c05 {
    max-width: 500px;
  }
}

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

.e0b5997 main {
  width: 100%;
}

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

.e0b5997 .n860919 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-lg) 0;
}

.e0b5997 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.e0b5997 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.e0b5997 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.e0b5997 ul {
  list-style: none;
  padding-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.e0b5997 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
  position: relative;
  padding-left: var(--spacing-md);
}

.e0b5997 li:before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

.e0b5997 .m9dc2 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-xl);
}

.e0b5997 .id630d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-xl);
  border-left: 4px solid var(--color-primary);
}

.e0b5997 .id630d h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.e0b5997 .id630d p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

@media (min-width: 768px) {
  .e0b5997 .n860919 {
    padding: var(--spacing-xl) 0;
  }

  .e0b5997 .e1584 {
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .e0b5997 .n860919 {
    padding: var(--spacing-2xl) 0;
  }

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

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

html,
body {
  width: 100%;
  height: 100%;
}

.cefccb {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.n5a774 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

.fdd7 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  animation: fadeInUp 0.8s ease-out;
}

.m9e9 {
  width: clamp(60px, 12vw, 100px);
  height: clamp(60px, 12vw, 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  animation: scaleIn 0.6s ease-out;
}

.m9e9 svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke-width: 1.5;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: -0.5px;
  margin-bottom: var(--spacing-sm);
}

.mefb78f {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 500;
  margin-bottom: var(--spacing-md);
  letter-spacing: 0.3px;
}

.g848 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
  opacity: 0.95;
}

.jb23b085 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
  font-style: italic;
}

.h35813 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 500;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
  min-height: 48px;
  gap: var(--spacing-sm);
}

.ie09272f {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.ie09272f:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .n5a774 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h35813 {
    padding: var(--spacing-lg) var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .fdd7 {
    animation: none;
  }

  .m9e9 {
    animation: none;
  }

  .h35813 {
    transition: none;
  }

  .ie09272f:hover {
    transform: none;
  }
}

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

html,
body {
  width: 100%;
  height: 100%;
}

.eab61b {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.je08240c {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg);
  overflow: hidden;
}

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

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

.nd9ac2d {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-2xl);
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.fa8d {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.i756fd {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
}

.j727 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: -0.02em;
  line-height: 1;
  position: relative;
  z-index: 2;
  animation: slideDown 0.6s ease-out;
}

.k56ed {
  position: absolute;
  width: clamp(120px, 25vw, 200px);
  height: clamp(120px, 25vw, 200px);
  background: radial-gradient(circle, var(--color-primary-light), transparent 70%);
  border-radius: 50%;
  opacity: 0.15;
  z-index: 1;
  animation: pulse 3s ease-in-out infinite;
}

.o501f24 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

.n56e2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.i0b01f79 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 500px;
  margin: 0 auto;
}

.l14a5 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw + 0.4rem, 1rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  font-style: italic;
  max-width: 500px;
  margin: 0 auto;
  opacity: 0.85;
}

.h35813 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 500;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  min-height: 48px;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-lg);
}

.ie09272f {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

.h8a785bf {
  position: relative;
  width: 100%;
  max-width: 200px;
  height: 120px;
  margin: var(--spacing-xl) auto 0;
  opacity: 0.6;
  animation: float 3s ease-in-out infinite;
}

.i7eec {
  width: 100%;
  height: 100%;
  color: var(--color-primary);
  stroke-linecap: round;
  stroke-linejoin: round;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.15;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.25;
  }
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

@media (min-width: 480px) {
  .je08240c {
    padding: var(--spacing-xl);
  }

  .j727 {
    font-size: clamp(4.5rem, 16vw, 8rem);
  }

  .n56e2 {
    font-size: clamp(2rem, 5.5vw, 2.5rem);
  }
}

@media (min-width: 768px) {
  .je08240c {
    padding: var(--spacing-2xl) var(--spacing-lg);
    min-height: calc(100vh - 80px);
  }

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

  .nd9ac2d {
    gap: clamp(1.5rem, 4vw, 2.5rem);
  }

  .j727 {
    font-size: clamp(5rem, 18vw, 8rem);
  }

  .k56ed {
    width: clamp(160px, 30vw, 250px);
    height: clamp(160px, 30vw, 250px);
  }

  .n56e2 {
    font-size: clamp(2rem, 6vw, 3rem);
  }

  .i0b01f79 {
    font-size: clamp(1rem, 1.1vw + 0.5rem, 1.2rem);
  }

  .l14a5 {
    font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  }

  .h35813 {
    padding: var(--spacing-lg) var(--spacing-2xl);
  }

  .h8a785bf {
    max-width: 250px;
    height: 150px;
    margin-top: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .je08240c {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .j727 {
    font-size: clamp(6rem, 20vw, 8rem);
  }

  .nd9ac2d {
    gap: 3rem;
  }

  .k56ed {
    width: 300px;
    height: 300px;
  }

  .h35813:hover {
    transform: translateY(-3px);
  }
}

@media (max-height: 600px) {
  .je08240c {
    min-height: auto;
    padding: var(--spacing-lg);
  }

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

  .j727 {
    font-size: clamp(3rem, 12vw, 5rem);
  }

  .h8a785bf {
    margin-top: var(--spacing-md);
    max-width: 150px;
    height: 90px;
    opacity: 0.4;
  }
}

@supports (scroll-behavior: smooth) {
  html {
    scroll-behavior: smooth;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@media (prefers-color-scheme: dark) {
  .j727 {
    text-shadow: 0 0 40px rgba(var(--color-primary-rgb), 0.1);
  }
}

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

.a1de {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.g358 {
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .a1de {
    padding: 5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .a1de {
    padding: 6rem 2rem;
  }
}

.i20 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.ca3 {
  width: 100%;
}

.hbd310c7 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}

.nb7 {
  flex: 1 1 100%;
  min-width: 0;
}

.n583 {
  flex: 1 1 100%;
  min-width: 0;
}

.aaa6d {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.3px;
}

.l5d {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.l32b7203 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.a0f88a,
.adf941 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  box-sizing: border-box;
}

.a0f88a::placeholder,
.adf941::placeholder {
  color: var(--color-text-muted);
}

.a0f88a:focus,
.adf941:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.adf941 {
  resize: vertical;
  min-height: 140px;
}

.b27 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 600;
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
}

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

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

.nf3647e {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.3rem, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  text-align: center;
  margin-top: var(--spacing-sm);
}

.j0fb16 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  border-bottom: 1px solid transparent;
}

.j0fb16:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary);
}

.k59b {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.3px;
}

.h481 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

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

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

.fe3 {
  flex: 1;
  min-width: 0;
}

.b7a {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  letter-spacing: -0.2px;
}

.k42 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 0;
}

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

.c61f:hover,
.h1f9261:hover {
  color: var(--color-primary-hover);
}

.gd99f98 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.3rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: var(--spacing-xs) 0 0 0;
}

.db3 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

.daf565 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.2px;
}

.k5a0a10 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
}

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

.i03 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.e042486 {
  text-align: center;
}

.l49 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.3px;
}

.m96 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.p44 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  justify-content: center;
  align-items: center;
}

.o28 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
  letter-spacing: 0.3px;
  border: none;
  text-align: center;
  min-width: 200px;
}

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

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

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

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

@media (min-width: 768px) {
  .i20 {
    padding: 4rem 2rem;
  }

  .i03 {
    padding: 4rem 2rem;
  }

  .hbd310c7 {
    gap: 4rem;
  }

  .nb7 {
    flex: 1 1 400px;
    max-width: 500px;
  }

  .n583 {
    flex: 1 1 400px;
  }

  .p44 {
    flex-direction: row;
    gap: var(--spacing-lg);
  }

  .o28 {
    min-width: 220px;
  }
}

@media (min-width: 1024px) {
  .i20 {
    padding: 5rem 2rem;
  }

  .i03 {
    padding: 5rem 2rem;
  }

  .hbd310c7 {
    gap: 5rem;
  }

  .nb7 {
    flex: 1 1 450px;
  }

  .n583 {
    flex: 1 1 450px;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.b128,.o47b{width:34px;}
.b128[aria-expanded="true"]{display:none;}
.g7079.bcdeefe7{z-index:999;}
.g7079{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.g7079{max-width:100%;}}
.cc1800d1{justify-content:flex-end;}
@media (max-width:768px){.f53e10{min-height:500px;}}
@media (max-width:768px){.f57ec{min-height:500px;}}