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

:root {
  --color-bg-primary: #022c22;
  --color-bg-secondary: #f0fdf4;
  --color-bg-tertiary: #064e3b;
  --color-bg-card: #ffffff;

  --color-text-primary: #064e3b;
  --color-text-secondary: #a7a7a7;
  --color-text-muted: #bebebe;
  --color-text-light: #ffffff;

  --color-primary: #059669;
  --color-primary-hover: #047857;
  --color-primary-light: #d1fae5;
  --color-primary-lighter: #ecfdf5;
  
  --color-secondary: #10b981;
  --color-secondary-light: #a7f3d0;
  --color-secondary-lighter: #f0fdf4;

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

  --color-border: #d1d5db;
  --color-border-light: #e5e7eb;
  --color-border-dark: #ffffff;

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'Plus Jakarta Sans', sans-serif;

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

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

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 200ms ease-in-out;
  --transition-slow: 300ms ease-in-out;

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

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

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

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

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

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

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

h1 {
  font-size: 3rem;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.25rem;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 1.875rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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 {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  border-radius: var(--radius-lg);
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.p5b1 {
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: 1rem;
}

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

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

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

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

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

.ib3f67c:hover {
  background: var(--color-primary-lighter);
  border-color: var(--color-primary-hover);
}

.hdd6f {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  padding: var(--spacing-2xl);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--color-border-light);
}

.cdfce84 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
  border-color: rgba(255, 255, 255, 0.1);
}

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

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

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

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

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

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

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

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

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

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

.af29 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

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

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

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

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

.c9196,
input,
textarea,
select {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  font-size: 1rem;
  color: var(--color-text-primary);
  background: var(--color-bg-card);
  transition: border-color var(--transition-base), box-shadow 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);
}

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

.n46b5c {
  text-align: center;
}

.b14fb {
  text-align: right;
}

.ff8a6c {
  text-align: left;
}

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

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

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

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

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

.jfbc { margin-top: var(--spacing-xs); }
.l19d6 { margin-top: var(--spacing-sm); }
.ed7 { margin-top: var(--spacing-md); }
.k6d8 { margin-top: var(--spacing-lg); }
.ged0930 { margin-top: var(--spacing-xl); }
.h97a { margin-top: var(--spacing-2xl); }
.dc85f2 { margin-top: var(--spacing-3xl); }

.o8c6 { margin-bottom: var(--spacing-xs); }
.e52b { margin-bottom: var(--spacing-sm); }
.fe2e2e { margin-bottom: var(--spacing-md); }
.l31e5899 { margin-bottom: var(--spacing-lg); }
.m99b1bd9 { margin-bottom: var(--spacing-xl); }
.dab9 { margin-bottom: var(--spacing-2xl); }
.jcc { margin-bottom: var(--spacing-3xl); }

.ff1fbc { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.mcd9 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.g57eb380 { padding: var(--spacing-2xl); }

.gca5e22 { gap: var(--spacing-md); }
.ee03 { gap: var(--spacing-lg); }
.d92db { gap: var(--spacing-xl); }

.o34 { border-radius: var(--radius-sm); }
.a8a { border-radius: var(--radius-md); }
.cea27de { border-radius: var(--radius-lg); }
.na7b { border-radius: var(--radius-xl); }

.ofe885 { box-shadow: var(--shadow-sm); }
.k139af9 { box-shadow: var(--shadow-md); }
.k3c { box-shadow: var(--shadow-lg); }

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

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

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

.b5fce {
  opacity: 0.5;
}

.k77002 {
  opacity: 0.75;
}

.deb {
  display: none;
}

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

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

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .e5735b,
  .l3523d {
    grid-template-columns: 1fr;
  }

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

  .p5b1 {
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: 0.95rem;
  }

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

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.1rem;
  }

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

  .l5909e {
    padding: var(--spacing-xl) 0;
  }
}
* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

.a9489 {
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  transition: all var(--transition-base);
  position: relative;
  padding: 0.5rem 0;
}

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

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

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

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

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

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

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

.f3d6678[aria-expanded="true"] span:nth-child(1) {
  transform: rotate(45deg) translate(10px, 10px);
}

.f3d6678[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

.f3d6678[aria-expanded="true"] span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.af1e {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  padding-top: 80px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
  border-left: 1px solid var(--color-border-light);
}

.af1e.j9e {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.ha21d2 {
  display: flex;
  justify-content: flex-end;
  padding: 1rem;
  border-bottom: 1px solid var(--color-border-light);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

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

.c863e9 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1.5rem 0;
}

.p42 {
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 500;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: block;
}

.p42:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-right: 2rem;
}

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

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

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

  .af1e {
    display: none;
  }

  .m2ec6a5a {
    display: flex;
  }

  .i2d93 {
    display: inline-block;
  }

  .e7b0c {
    padding: 1.25rem clamp(1rem, 4vw, 2rem);
  }
}

@media (min-width: 1024px) {
  .e7b0c {
    padding: 1.5rem clamp(1rem, 4vw, 2rem);
  }

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

    

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

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

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

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

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

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

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

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

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

.p5b1 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: 8px;
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

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

.lb33bc82:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(5, 150, 105, 0.3);
}

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

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

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

.g420 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

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

  .d72e,
  .nfffff {
    flex: 1 1 100%;
  }

  .p98 {
    flex-direction: column;
  }

  .p5b1 {
    width: 100%;
  }
}

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

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

.da0 {
  flex: 1 1 45%;
}

.f94c {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
}

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

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

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

.ca61a77 {
  display: inline-flex;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
  width: fit-content;
}

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

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

  .da0,
  .oc96 {
    flex: 1 1 100%;
  }
}

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

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

.f2b5c27 {
  padding: clamp(2rem, 4vw, 3rem);
  background: rgba(255, 255, 255, 0.05);
  border-left: 4px solid var(--color-accent);
  border-radius: 8px;
}

.bf1a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #d1fae5;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

.pa82c88 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  font-weight: 600;
  font-style: italic;
}

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

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

.a5f {
  text-align: center;
}

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

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

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

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

.lbd6be:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.ob4bbfd {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}

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

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

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

.mb8 {
  display: inline-flex;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.9vw, 0.95rem);
  align-items: center;
  gap: 0.4rem;
  transition: all 0.3s ease;
  width: fit-content;
  margin-top: 0.5rem;
}

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

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

.g0c5e4 {
  display: inline-flex;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  border: none;
}

.g0c5e4:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(5, 150, 105, 0.3);
}

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

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

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

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

.k3162 {
  padding: clamp(2rem, 4vw, 3rem);
  background: rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  text-align: center;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.f15 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  line-height: 1.2;
}

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

.k57 {
  align-self: center;
}

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

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

.bd7318 {
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  text-align: center;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 12px 32px rgba(6, 78, 59, 0.12);
  transform: translateY(-8px);
}

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

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

.g7aab78 {
  align-self: center;
}

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

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

.h1c {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

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

.g7554 {
  flex: 1 1 250px;
  max-width: 300px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1.25rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

.g7554:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--color-accent);
  transform: translateY(-4px);
}

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

.l4a1f0 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  line-height: 1.3;
}

.p6555e4e {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: #d1fae5;
  line-height: 1.6;
}

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

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

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

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

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

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

.ca8 {
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.d280e8 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}

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

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

.ae4e.deb {
  display: none;
}

.o8298 {
  color: #d1fae5;
  margin: 0;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  line-height: 1.5;
  max-width: 400px;
}

.jea27e0 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1vw, 1rem);
  flex-wrap: wrap;
}

.c3cc4,
.n78c73 {
  padding: clamp(0.5rem, 0.8vw, 0.75rem) clamp(1rem, 1.5vw, 1.25rem);
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
  transition: all 0.3s ease;
}

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

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

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

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

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

  .o8298 {
    max-width: 100%;
  }

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

  .c3cc4,
  .n78c73 {
    flex: 1 1 45%;
  }
}

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

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

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

.f4903d,
.n04b,
.h31bd18,
.fe0e8,
.lc4 {
  display: block;
}

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

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

.f4903d p {
  color: var(--color-text-secondary);
  max-width: 85ch;
}

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

.ic179 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.k931bb {
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
  margin: 0;
}

.c3415 {
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
  font-style: italic;
}

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

  .lc4 {
    grid-column: 1 / -1;
    border-top: 1px solid var(--color-border-light);
    padding-top: clamp(1.5rem, 3vw, 2rem);
    margin-top: clamp(0.5rem, 2vw, 1rem);
  }
}

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

  .f4903d {
    grid-column: 1 / -1;
    margin-bottom: clamp(0.5rem, 2vw, 1rem);
  }
}

@media (max-width: 767px) {
  .c63163ca,
  .l3067 {
    gap: clamp(0.75rem, 2vw, 1.25rem);
  }

  .ic179 {
    flex: 0 0 auto;
  }
}
    

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

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

.jab6d {
  width: 100%;
}

.edf7 {
  width: 100%;
}

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

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

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

.eb1 {
  text-align: center;
}

.ic4 {
  color: var(--color-bg-secondary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.eca673 {
  color: var(--color-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 400;
  line-height: 1.5;
}

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

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

.e9a {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
}

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

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

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

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

.f0444 {
  text-align: center;
}

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

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

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

.j58b5a {
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease;
}

.j58b5a:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.j58b5a[open] {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.l53 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.3s ease;
}

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

.b729 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--color-accent);
  transition: transform 0.3s ease;
}

.j58b5a[open] .b729 {
  transform: rotate(180deg);
}

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

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

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

.pf9aea6b {
  text-align: center;
}

.mb197 {
  color: var(--color-bg-secondary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

.b3acd6 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.b3acd6:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}

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

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

@media (min-width: 768px) {
  .bb332 {
    flex: 1 1 50%;
    aspect-ratio: auto;
    min-height: 300px;
  }
}

.kbf4 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1 1 50%;
  justify-content: space-between;
}

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

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

.d03 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem) 0;
  border-top: 1px solid var(--color-text-muted);
  border-bottom: 1px solid var(--color-text-muted);
}

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

.d03 i {
  color: var(--color-accent);
  width: 16px;
}

.ee9fb98e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: white;
  text-decoration: none;
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: background-color 0.3s ease, transform 0.3s ease;
  width: fit-content;
}

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

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

.b7ccd6ec {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 clamp(280px, 100%, 380px);
  background: var(--color-bg-card);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  padding: clamp(1rem, 2vw, 1.5rem);
}

.b7ccd6ec:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.b0bd3 {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

.he96d {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  line-height: 1.4;
  flex-grow: 1;
}

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

.l67a0ba6 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding-top: clamp(0.75rem, 1.5vw, 1rem);
  border-top: 1px solid var(--color-text-muted);
}

.l67a0ba6 span {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 1vw + 0.4rem, 0.875rem);
}

.l67a0ba6 i {
  color: var(--color-accent);
  font-size: 0.875rem;
  width: 14px;
}

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

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

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

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

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

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

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

.l0557 {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .ndfe2dc {
    flex-direction: column;
  }
  
  .g1ae,
  .j1f97a31 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.k8d4d4 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  overflow: hidden;
}

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

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

.cb6f2432 {
  flex-shrink: 0;
}

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

.k74 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.n3d545 a {
  color: var(--color-text-primary);
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  text-decoration: none;
  transition: all var(--transition-base);
}

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

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

@media (max-width: 768px) {
  .cb6f2432 img {
    width: 60px;
    height: 60px;
  }
}

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .j95a {
    flex-direction: column;
  }
  
  .g7a046,
  .i74040 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .afec3 {
    flex-direction: column;
  }
  
  .e9ee9df,
  .b989 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.f044d5 {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

.o76e3 {
  flex: 1;
}

.dd29a2d {
  color: var(--color-text-on-accent);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

.e9762 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
}

.faeb9 {
  flex: 1;
}

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

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

@media (max-width: 768px) {
  .a35e {
    flex-direction: column;
  }
  
  .g9536,
  .c4c78 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.n9704 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-warning);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.ac1158 {
  flex-shrink: 0;
  color: var(--color-warning);
  font-size: clamp(1.5rem, 3vw, 1.75rem);
}

.mc3ce34b {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.g8d1671 {
  flex: 1;
}

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

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

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

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

@media (max-width: 768px) {
  .je3cdf {
    flex-direction: column;
  }
  
  .jf600982,
  .k88eee83 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.n45 {
  max-width: 800px;
}

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

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

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

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

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

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

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

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

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

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

.me8b img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all var(--transition-base);
}

.eab:hover .me8b img {
  transform: scale(1.05);
}

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

.p9d81 {
  margin: 0;
}

.p9d81 a {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  transition: all var(--transition-base);
}

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

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

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

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

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.6;
}

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

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

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

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

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

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

.j65ab51f span {
  color: var(--color-text-light, #e0e0e0);
}

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

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

.oaf {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-bg-card);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.2;
}

.ie562 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.2rem);
  color: var(--color-text-light, #d1d5db);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.7;
}

.ob739c96 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-light, #b0b9c3);
}

.da9f {
  display: inline;
}

.g83342d1 {
  display: inline;
}

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

.jb41733 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 0.75rem);
  display: block;
  object-fit: cover;
}

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

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

.eaee18 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.a558a {
  flex: 1;
}

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

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

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

.na0 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 500;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

.nc5 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 0.75rem);
  display: block;
  object-fit: cover;
}

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

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

.a9e3b0a4 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg, 0.75rem);
  border-left: 4px solid var(--color-accent);
}

.iaead22 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  font-weight: 600;
}

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

.j610d1 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  padding-left: 1.75rem;
  position: relative;
  line-height: 1.7;
}

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

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

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

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

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

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

.ea3f {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: var(--color-bg-card);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.1rem;
}

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

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

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

.cea8d img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 0.75rem);
  display: block;
  object-fit: cover;
}

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

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

.n28c1f {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg, 0.75rem);
  border: 1px solid var(--color-accent);
}

.e3c1e {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-secondary);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

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

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

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

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

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

.o33ae6b {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

.m81918a6 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 0.75rem);
  display: block;
  object-fit: cover;
}

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

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

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

.m62f .p6779c9 {
  color: var(--color-bg-card);
}

.m62f .e9d73d0 {
  color: var(--color-text-light, #d1d5db);
}

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

.h4502f0d {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  color: var(--color-secondary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

.f2182d img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 0.75rem);
  display: block;
  object-fit: cover;
}

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

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

.ba108 .p6779c9 {
  text-align: center;
  color: var(--color-text-primary);
}

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

.iaff {
  background: var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg, 0.75rem);
  text-align: center;
}

.bc7764 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  color: var(--color-bg-card);
  margin-bottom: 1rem;
  line-height: 1.6;
}

.l6d2f0 {
  display: inline-block;
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.05rem);
  color: var(--color-bg-card);
  background: var(--color-accent-hover);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md, 0.5rem);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base, 0.3s ease);
}

.l6d2f0:hover {
  background: var(--color-accent);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3);
}

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

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

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

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

.e1541 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg, 0.75rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: all var(--transition-base, 0.3s ease);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

.lf6fe3 {
  display: inline-block;
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base, 0.3s ease);
}

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

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

  .ea47,
  .jb41733 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h9b9a99e {
    flex-direction: column;
  }

  .n83f5,
  .nc5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .gb4acd {
    flex-direction: column;
  }

  .cd9,
  .cea8d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k94b9 {
    flex-direction: column;
  }

  .j00696d2,
  .m81918a6 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .edcc {
    flex-direction: column;
  }

  .m62f,
  .f2182d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l9a58 {
    flex-direction: column;
  }

  .e1541 {
    flex: 1 1 100%;
    min-width: unset;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .j65ab51f {
    font-size: 0.8125rem;
  }

  .oaf {
    font-size: 1.75rem;
  }

  .ie562 {
    font-size: 0.95rem;
  }

  .p6779c9 {
    font-size: 1.5rem;
  }

  .e9d73d0 {
    font-size: 0.875rem;
  }

  .ba108 {
    max-width: 100%;
  }

  .ldb8 {
    flex-direction: row;
  }

  .eaee18 {
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 640px) {
  .oaf {
    font-size: 1.5rem;
  }

  .ie562 {
    font-size: 0.9rem;
  }

  .p6779c9 {
    font-size: 1.25rem;
  }

  .e9d73d0 {
    font-size: 0.875rem;
  }

  .l9a58 {
    gap: 1rem;
  }

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

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

html, body {
  font-family: 'DM Sans', sans-serif;
  line-height: 1.6;
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

.n3e span {
  color: var(--color-text-light);
  opacity: 0.6;
}

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

.j1c {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.125rem);
  color: #c7d5cc;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.7;
}

.o9bc {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: #a3b5a0;
}

.jffe9 {
  color: #a3b5a0;
}

.c59 {
  color: #a3b5a0;
  opacity: 0.5;
}

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

.d85f {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
}

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

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

.a7caf09c {
  flex-shrink: 0;
}

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

.lf392 {
  flex: 1;
}

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

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

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

.e97cdcd {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin-top: 0.25rem;
}

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

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

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

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

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

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

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

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

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

.c2da943 {
  background: rgba(255, 255, 255, 0.08);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
}

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

.i3a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: #d1dccf;
  line-height: 1.7;
}

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

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

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

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

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

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

.c41acf83 {
  background: #fef3c7;
  border: 1px solid #fcd34d;
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(1.5rem, 3vw, 2rem);
}

.nd18c4e2 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: #92400e;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.effd537 {
  font-size: 0.875rem;
  color: #78350f;
  line-height: 1.7;
}

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

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

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

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

.ccd17 .n13 {
  color: #c7d5cc;
}

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

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

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

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

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

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

.j0e3 {
  flex: 0 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.j0e3:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(5, 150, 105, 0.1);
}

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

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

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

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

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

.f36 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-light);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  line-height: 1.3;
  font-weight: 700;
}

.o9e290 .n13 {
  color: #d1dccf;
  text-align: center;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
}

.ccfa7 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.375rem, 0.5vw, 0.5rem);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

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

.o0f3d74 {
  flex: 0 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 300px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.o0f3d74:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(5, 150, 105, 0.12);
}

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

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

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

.d5d4cc {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.4;
}

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

.a7a4bd {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.875rem;
  transition: color 0.3s ease;
  align-self: flex-start;
  margin-top: 0.5rem;
}

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

@media (max-width: 1023px) {
  .f1f,
  .e42b55f,
  .g22,
  .gf1 {
    flex-direction: column;
  }

  .n1d470,
  .jbf1,
  .i174ab5,
  .be8e42,
  .p654,
  .i5f9794,
  .a919b7e,
  .e98 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .p654 {
    order: 0;
  }

  .j0e3 {
    flex: 0 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
  }

  .o0f3d74 {
    flex: 0 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
  }
}

@media (max-width: 767px) {
  .j0e3 {
    flex: 0 1 100%;
  }

  .o0f3d74 {
    flex: 0 1 100%;
  }

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

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

  .n3e {
    flex-wrap: wrap;
    font-size: 0.75rem;
  }
}

.oc6 {
  font-family: 'DM Sans', sans-serif;
  direction: rtl;
  text-align: right;
}

.f6955 {
  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;
}

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

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

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

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

.d76e9 span {
  color: var(--color-text-light);
  opacity: 0.7;
}

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

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

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

.g016a2 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  color: #d1fae5;
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
  line-height: 1.6;
}

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

.ebec {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #a7f3d0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

.ebec i {
  font-size: 1.1rem;
}

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

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

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

  .efbe8a,
  .gb07 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d76e9 {
    font-size: 0.8125rem;
  }
}

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

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

.o1f6 {
  flex-shrink: 0;
}

.o1f6 img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.c6bb816 {
  flex: 1 1 auto;
}

.ga8 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
}

.icf {
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
  display: block;
  margin-top: 0.25rem;
}

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

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

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

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

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

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

.b1c9 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 1.5vw, 1.5rem);
}

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

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

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

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

  .fb1a7cb,
  .n1edc1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.gfe5582 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-light);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.ic3 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  color: #d1fae5;
  line-height: 1.7;
  margin-bottom: clamp(1rem, 1.5vw, 1.5rem);
}

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

.be106e {
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.3rem);
  color: var(--color-text-light);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

.j759da7a li {
  color: #d1fae5;
  font-size: clamp(0.9rem, 1.1vw + 0.5rem, 1.05rem);
  line-height: 1.6;
  margin-bottom: 0.75rem;
  padding-right: 1.5rem;
  position: relative;
}

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

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

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

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

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

  .cc532fd,
  .g2dd84 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.nc653d58 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 1.5vw, 1.5rem);
}

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

  .mc85,
  .c90d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.o25f7b {
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  background: #f0f9ff;
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  border-right: 4px solid var(--color-accent);
}

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

.bfc0f {
  flex: 1 1 auto;
}

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

.k24ea663 {
  font-size: clamp(0.9rem, 1.1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

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

  .b305113 {
    order: -1;
  }
}

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

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

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

.pdb18f9 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-light);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.b7a8 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  color: #d1fae5;
  line-height: 1.7;
  margin-bottom: clamp(1rem, 1.5vw, 1.5rem);
}

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

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

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

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

  .lb4573,
  .e3d9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.h43d6d {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

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

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

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

.n304 {
  font-size: clamp(0.9rem, 1.1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

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

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

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

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

.g0274 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  color: #d1fae5;
  line-height: 1.7;
  margin: 0;
}

.b9f02faf {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-light);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  transition: all 0.3s ease;
  align-self: center;
  margin-top: 1rem;
}

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

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

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

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

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

.mbf5 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 300px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

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

.gd2e {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: #f3f4f6;
}

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

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

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

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

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  background: var(--color-bg-secondary);
  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;
}

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

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

.a1fd2c {
  width: 100%;
  background: var(--color-bg-secondary);
}

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

.d5c8e3 .f6955 {
  display: block;
}

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

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

.aa4ffb3 {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: #ffffff;
  line-height: 1.2;
  max-width: 800px;
}

.h0f {
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.25rem);
  color: #d1fae5;
  max-width: 700px;
  line-height: 1.6;
}

.o4b6 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: clamp(8px, 2vw, 16px);
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

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

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

.j1637 .f6955 {
  display: block;
}

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

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

.o1e81 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.k16e9d61 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  margin-bottom: 1rem;
}

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

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

.j27 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: clamp(8px, 2vw, 12px);
  border-left: 4px solid var(--color-primary);
}

.cda9 {
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-primary);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 0.5rem;
}

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

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

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

.c7d09 .f6955 {
  display: block;
}

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

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

.g99b {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

.n72e96 {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(16, 185, 129, 0.2);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(8px, 1.5vw, 12px);
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

.n72e96:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: var(--color-secondary);
  transform: translateY(-4px);
}

.pa819 {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-secondary);
  margin-bottom: 1rem;
}

.h0251f {
  font-size: clamp(1rem, 1.5vw, 1.3rem);
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.fae75b {
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 1rem);
  color: #d1fae5;
  line-height: 1.6;
}

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

.bfa .f6955 {
  display: block;
}

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

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

.odab2e {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.m16058 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  margin-bottom: 1rem;
}

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

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

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

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

.n5e {
  flex: 1;
}

.jc3 {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

.l9e3da9 .f6955 {
  display: block;
}

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

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

.lb8ee {
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  color: #ffffff;
  line-height: 1.3;
  max-width: 600px;
}

.j47e570 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #d1fae5;
  line-height: 1.7;
  max-width: 650px;
}

.b680fa92 {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: clamp(8px, 2vw, 16px);
  overflow: hidden;
  margin-top: 1rem;
}

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

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

.ie82ee7 .f6955 {
  display: block;
}

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

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

.n7918a {
  font-size: clamp(1.1rem, 1.5vw, 1.4rem);
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 0.2rem;
}

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

.cc075 {
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 8px;
  border-left: 3px solid var(--color-primary);
}

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

  .a7ba692 {
    gap: 1.25rem;
  }

  .pad0 {
    gap: 1rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.g6294 {
  color: var(--color-accent);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-family: var(--font-heading);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (min-width: 1024px) {
  .p4bf36 {
    flex: 1 1 45%;
    max-width: 500px;
  }
}

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

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

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

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

.le5b {
  text-align: center;
}

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

.n95dea {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.i85 {
  text-align: center;
}

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

.bfd84e {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.fe6d2 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 350px;
}

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

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

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

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

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

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

.eff5c {
  text-align: center;
}

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

.c5b3a298 {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.f56b0 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 350px;
}

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

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

.aa9e {
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 1.75rem;
}

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

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

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

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

.n742b297 {
  text-align: center;
}

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

.p093a {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.oe0b73 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 100%;
  min-width: 260px;
  max-width: 320px;
  align-items: flex-start;
}

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

@media (min-width: 1024px) {
  .oe0b73 {
    flex: 1 1 calc(25% - 1rem);
    align-items: center;
    text-align: center;
  }
}

.a510411 {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.75rem;
}

@media (min-width: 1024px) {
  .a510411 {
    width: 60px;
    height: 60px;
    font-size: 2rem;
  }
}

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

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

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

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

.a83 {
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3rem);
  max-width: 700px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  text-align: center;
}

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

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

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

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

.id2e4,
.p6e1 {
  display: inline-block;
  padding: clamp(0.875rem, 1vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-family: var(--font-primary);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-decoration: none;
  text-align: center;
  transition: var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
  border: 2px solid transparent;
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

  .d1245f {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .ne04 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .c87 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .e0b86c4f {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .m90b3 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }
}

.h9b6 {
  width: 100%;
}

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

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

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

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

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

.ec4 {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: start;
}

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

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

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

.k98dda {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: background-color var(--transition-fast);
  text-align: right;
}

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

.i2007 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.2rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  flex: 1;
  line-height: 1.4;
}

.idcb48 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 700;
  border-radius: var(--radius-md);
  transition: transform var(--transition-fast), background-color var(--transition-fast);
  flex-shrink: 0;
}

.g2e9a[open] .idcb48 {
  transform: rotate(45deg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
}

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

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

.ffa224a2 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.2rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.g52af {
  display: none;
}

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

.bf2d8 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

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

.f41 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.2rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.p59f935e {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.3rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: background-color var(--transition-fast), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  text-align: center;
}

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

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

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

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

  .l0b57 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .ec4 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

  .g52af {
    display: block;
  }

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

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

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

  .j02c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j612 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .l0b57 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

  .j02c {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

.i0b4bd4 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid var(--color-border-light);
}

.b48de45 {
  max-width: 900px;
  text-align: center;
  width: 100%;
}

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

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

.ma2 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.ba0 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

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

.i48 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.75rem;
  transition: all var(--transition-base);
}

.gbeb:hover .i48 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  transform: scale(1.1);
}

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

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

.f25ae808 {
  background-color: var(--color-bg-tertiary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
  border-top: 2px solid var(--color-border-light);
}

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

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

.la0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.k1e {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: 0.875rem 2.5rem;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  line-height: 1.4;
}

.k1e:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

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

.a736 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.j9503 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
  transition: all var(--transition-base);
}

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

.e47a9 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-accent-light);
  border-radius: var(--radius-md);
  color: var(--color-accent);
  font-size: 1.5rem;
  margin-bottom: var(--spacing-md);
  transition: all var(--transition-base);
}

.j9503:hover .e47a9 {
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  transform: scale(1.1);
}

.gd4 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

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

.n00abd {
  padding: 4rem var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

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

.ka52af9 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.k62e843 {
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  aspect-ratio: 16 / 10;
}

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

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

@media (min-width: 640px) {
  .ba0 {
    grid-template-columns: repeat(2, 1fr);
  }

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

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

@media (min-width: 1024px) {
  .i0b4bd4 {
    padding: 5rem var(--spacing-lg);
    min-height: 350px;
  }

  .f2f {
    padding: 5rem var(--spacing-lg);
  }

  .f25ae808 {
    padding: 4rem var(--spacing-lg);
  }

  .maadb7 {
    padding: 5rem var(--spacing-lg);
  }

  .n00abd {
    padding: 5rem var(--spacing-lg);
  }

  .ba0 {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-xl);
  }

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

  .a736 {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-xl);
  }

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

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

@media (min-width: 1440px) {
  .i0b4bd4 {
    min-height: 400px;
  }

  .ba0 {
    gap: 2rem;
  }

  .a736 {
    gap: 2rem;
  }
}

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

.ef872f main {
  width: 100%;
  max-width: 100%;
}

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

.ef872f .cb4109 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.ef872f h1 {
  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-lg);
  line-height: 1.3;
}

.ef872f h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  padding-bottom: var(--spacing-md);
  border-bottom: 2px solid var(--color-border-light);
}

.ef872f p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.ef872f .l0709 {
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.ef872f ul {
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-lg);
  color: var(--color-text-primary);
}

.ef872f li {
  margin-bottom: var(--spacing-sm);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
}

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

.ef872f .l5bd89d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.ef872f .l5bd89d h2 {
  margin-top: 0;
  border-bottom: 2px solid var(--color-primary);
}

.ef872f .mb6ceb41 {
  margin: var(--spacing-md) 0;
  padding: var(--spacing-sm) 0;
}

.ef872f .mb6ceb41 p {
  margin: var(--spacing-sm) 0;
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
}

.ef872f .h0a3f4 {
  color: var(--color-primary);
  font-weight: 600;
}

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

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

  .ef872f h2 {
    margin-top: var(--spacing-2xl);
  }

  .ef872f .l5bd89d {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .ef872f .cb4109 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

  .ef872f h2 {
    margin-top: var(--spacing-3xl);
    margin-bottom: var(--spacing-lg);
  }
}

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

.ab0892 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.i47 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.cb4109 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.i357c9 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  animation: fadeInUp 0.8s ease-out;
}

.ce088174 {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ce088174 svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
}

.j7f6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
  line-height: 1.2;
}

.pdb22 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2.5vw, 1.3rem);
  color: var(--color-primary);
  font-weight: 600;
  letter-spacing: 0.3px;
}

.ob0694fd {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
}

.hec {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

.p5b1 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  letter-spacing: 0.3px;
  min-width: 220px;
}

.jfa0 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.jfa0:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  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) {
  .i47 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

  .ce088174 {
    width: 140px;
    height: 140px;
  }
}

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

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

  .ce088174 {
    width: 160px;
    height: 160px;
  }

  .p5b1 {
    min-width: 240px;
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .i47 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

  .p5b1:hover {
    transform: translateY(-3px);
  }
}

@media (max-width: 480px) {
  .i357c9 {
    gap: var(--spacing-md);
  }

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

  .p5b1 {
    width: 100%;
    min-width: auto;
  }
}

* {
  box-sizing: border-box;
}

.g9c {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.gb1069 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  position: relative;
}

@media (min-width: 768px) {
  .gb1069 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .gb1069 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

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

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

.cb4109 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.e806 {
  text-align: center;
  position: relative;
  z-index: 2;
}

.g214b6d {
  margin-bottom: var(--spacing-2xl);
  position: relative;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .g214b6d {
    min-height: 280px;
    margin-bottom: var(--spacing-3xl);
  }
}

.o2c30 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-lg);
}

.fa8b1 {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
  line-height: 1;
  letter-spacing: -0.02em;
  animation: float 3s ease-in-out infinite;
}

.a27f1517 {
  font-size: clamp(2.5rem, 10vw, 4rem);
  animation: bounce 2s ease-in-out infinite;
  display: inline-block;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  25% {
    transform: translateY(-15px) rotate(-5deg);
  }
  50% {
    transform: translateY(0px) rotate(0deg);
  }
  75% {
    transform: translateY(-10px) rotate(5deg);
  }
}

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

@media (min-width: 768px) {
  .l4a791 {
    margin-bottom: var(--spacing-3xl);
  }
}

.c3afb {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.a1508823 {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: 0.5px;
}

.a81a5df {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
}

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

.e5d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .e5d {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-lg);
  }
}

.p5b1 {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

.jfa0 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.jfa0:active {
  transform: translateY(0px);
}

.efc {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}

.o94 {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--color-primary-light);
  opacity: 0.1;
  top: 10%;
  right: 5%;
  animation: drift 6s ease-in-out infinite;
}

@media (min-width: 768px) {
  .o94 {
    width: 120px;
    height: 120px;
  }
}

.gcdd {
  position: absolute;
  width: 100px;
  height: 20px;
  background-color: var(--color-secondary-light);
  opacity: 0.08;
  bottom: 15%;
  left: 5%;
  border-radius: 10px;
  transform: rotate(-30deg);
  animation: drift-reverse 8s ease-in-out infinite;
}

@media (min-width: 768px) {
  .gcdd {
    width: 150px;
    height: 30px;
  }
}

@keyframes drift {
  0%, 100% {
    transform: translateX(0px) translateY(0px);
  }
  50% {
    transform: translateX(30px) translateY(-30px);
  }
}

@keyframes drift-reverse {
  0%, 100% {
    transform: translateX(0px) rotate(-30deg);
  }
  50% {
    transform: translateX(-40px) rotate(-25deg);
  }
}

@media (min-width: 1024px) {
  .g214b6d {
    min-height: 320px;
  }

  .fa8b1 {
    font-size: 8rem;
  }

  .a27f1517 {
    font-size: 4rem;
  }
}

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

.hf57 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.jb1bbc69 {
  text-align: center;
}

.d2ab {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: 1rem;
}

.jaf4e6b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .hf57 {
    padding: 4rem 0;
  }
}

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

.mac6ee0 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.keb9d4 {
  width: 100%;
}

.m35605 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

.p5e {
  margin-bottom: 2rem;
}

.jc9 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: 0.5rem;
}

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

.a6a5 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.ge065 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.a99ca5d,
.ic44ed6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: var(--transition-base);
}

.a99ca5d::placeholder,
.ic44ed6::placeholder {
  color: var(--color-text-muted);
}

.a99ca5d:focus,
.ic44ed6:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.ic44ed6 {
  min-height: 140px;
  resize: vertical;
  max-height: 400px;
}

.n890326 {
  margin-top: 1rem;
}

.meb0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition-base);
}

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

.meb0:active {
  transform: scale(0.98);
}

.o23e {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.85vw, 0.9rem);
  color: var(--color-text-secondary);
  margin-top: 1rem;
  line-height: 1.5;
}

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

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

.b1d529f {
  margin-bottom: 2rem;
}

.e63ba06c {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: 0.5rem;
}

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

.ad9 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.n9665a {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

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

.a085e7b {
  flex: 1;
}

.o187 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: 0.25rem;
}

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

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

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

.g891 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: 1.5rem;
}

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

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

.l907de {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}

.bbcbf538 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
}

.d5038 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
}

@media (min-width: 768px) {
  .mac6ee0 {
    padding: 4rem 0;
  }

  .m35605 {
    gap: 4rem;
  }

  .h5acc9 {
    flex: 1 1 45%;
  }

  .h3d4 {
    flex: 1 1 45%;
  }
}

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

  .m35605 {
    gap: 5rem;
  }

  .h5acc9 {
    flex: 1 1 50%;
  }

  .h3d4 {
    flex: 1 1 50%;
  }

  .l907de {
    flex-direction: row;
  }
}

@media (max-width: 767px) {
  .l907de {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
.f3d6678,.gfdd{
  width: 34px;
}

/* FIX:nav .m2ec6a5a */
.m2ec6a5a{
  justify-content: flex-end;
}

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.af1e{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .af1e{
    max-width: 100%;
  }
}

/* FIX:zindex .af1e.j9e */
.af1e.j9e{
  z-index: 999;
}

/* FIX:navpad .c863e9 */
.c863e9{
  padding-top: 50px;
}

/* FIX:toggle-expand .f3d6678 */
.f3d6678[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .ob4bbfd {
    aspect-ratio: 6 / 9;
  }
  .bb332 {
    aspect-ratio: 6 / 9;
  }
}