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

:root {
  --color-bg-primary: #0c0a09;
  --color-bg-secondary: #1c1917;
  --color-bg-tertiary: #292524;
  --color-bg-card: #1c1917;

  --color-text-primary: #fafaf9;
  --color-text-secondary: #d6d3d1;
  --color-text-muted: #a8a29e;

  --color-primary: #84cc16;
  --color-primary-hover: #65a30d;
  --color-primary-light: #b8e986;
  --color-secondary: #a3e635;
  --color-secondary-light: #bfef45;

  --color-success: #10b981;
  --color-success-light: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: #fcd34d;
  --color-danger: #ef4444;
  --color-danger-light: #fca5a5;

  --color-border: #3f3d3a;
  --color-border-light: #2d2b28;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.6);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.7);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.8);

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

p {
  color: var(--color-text-secondary);
  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);
  text-decoration: underline;
}

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

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

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

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .pc7a5d7d {
    padding: 0 var(--spacing-sm);
  }
}
.p68 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.ee5a:hover {
  opacity: 0.8;
}

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

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

.p42fae14 {
  display: none;
  flex-direction: row;
  gap: clamp(1.5rem, 2vw, 2.5rem);
  align-items: center;
  flex: 1;
  margin-left: clamp(2rem, 4vw, 4rem);
}

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

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

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

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

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

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

.h3b427b {
  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;
  transition: all var(--transition-base);
}

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

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

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

.h3b427b[aria-expanded="true"] span:nth-child(3) {
  transform: rotate(-45deg) translateY(-10px);
}

.ib831 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  padding: clamp(1rem, 3vw, 2rem);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.3s ease;
  z-index: 999;
  overflow-y: auto;
}

.ib831.jee5e8a {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.e7c152d {
  display: flex;
  justify-content: flex-end;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.k98a4 {
  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;
  transition: color var(--transition-base);
}

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

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

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

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

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

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

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

  .ebb9 {
    display: block;
  }

  .h3b427b {
    display: none;
  }

  .ib831 {
    display: none;
  }
}

@media (max-width: 767px) {
  .p0529 {
    justify-content: space-between;
  }
}

    

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

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

.f1d7e70 {
  width: 100%;
  background: var(--color-bg-primary);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
}

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

.jbdfd {
  padding: clamp(4rem, 10vw, 8rem) 0;
  background: var(--color-bg-primary);
  overflow: hidden;
}

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

.af121ee {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 900px;
}

.l1a387 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 8vw + 0.5rem, 4.5rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--color-text-primary);
}

.k588b1 {
  color: var(--color-text-secondary);
  display: block;
}

.l73e5a {
  color: var(--color-accent);
  display: block;
}

.ne12347 {
  color: var(--color-text-muted);
  display: block;
}

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

.i36a9db {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 1rem;
}

.fae539d2 {
  padding: 0.875rem 2rem;
  border-radius: 0.5rem;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.p8408e83 {
  flex: 1 1 300px;
  max-width: 380px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

.l25e {
  font-size: 2.5rem;
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n4f {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

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

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

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

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

.g3a1 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.a65ec {
  flex: 1 1 220px;
  max-width: 280px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: 0.5rem;
  border-left: 4px solid var(--color-accent);
}

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

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

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

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

.p8b13d {
  text-align: center;
}

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

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

.a833a7 {
  flex: 1 1 200px;
  max-width: 250px;
  text-align: center;
  padding: 1rem;
}

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

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

.f79f0ab9 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

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

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

.db8d4b0b {
  text-align: center;
}

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

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

.if9c2 {
  flex: 1 1 280px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.c30ef {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 0.75rem;
}

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

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

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

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

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

.m86 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.m5315c9 {
  flex: 1 1 260px;
  max-width: 320px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.e5af {
  font-family: var(--font-heading);
  font-size: clamp(2.25rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

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

.o325 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.mdf {
  flex: 1 1 320px;
  max-width: 420px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-secondary);
  border-radius: 0.75rem;
}

.jb50bf23 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 1.5rem;
}

.b0d71c2 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.b4012248 {
  border-left: 3px solid var(--color-accent);
  padding-left: 1rem;
}

.e963 {
  font-family: var(--font-heading);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

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

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

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

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

.ld4 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.m187 {
  flex: 1 1 320px;
  max-width: 420px;
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

.m68 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

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

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

.jad {
  text-align: center;
  margin-top: 1rem;
}

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

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

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

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

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

.dec0a775 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.e37e6 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 1rem;
}

.o9c20e {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: 1rem;
  background: var(--color-bg-secondary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  border-top: 1px solid var(--color-bg-tertiary);
}

.o9c20e.n7915c8 {
  display: none;
}

.f3322 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  margin: 0;
  flex: 1 1 auto;
  min-width: 250px;
  text-align: center;
}

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

.n055a4df,
.me5 {
  padding: 0.625rem 1.25rem;
  border-radius: 0.375rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

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

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

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

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

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

  .fae539d2 {
    width: 100%;
  }

  .g7f {
    flex-direction: column;
  }

  .a65ec {
    max-width: none;
  }

  .kff4a3f {
    flex-direction: column;
  }

  .if9c2 {
    max-width: none;
  }

  .nc28c {
    flex-direction: column;
  }

  .m5315c9 {
    max-width: none;
  }

  .hc64c622 {
    flex-direction: column;
  }

  .mdf {
    max-width: none;
  }

  .m7fcae {
    flex-direction: column;
  }

  .m187 {
    max-width: none;
  }

  .e37e6 {
    flex-direction: column;
    width: 100%;
  }

  .e37e6 .fae539d2 {
    width: 100%;
  }

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

  .f3322 {
    min-width: auto;
  }

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

@media (max-width: 480px) {
  .l1a387 {
    font-size: clamp(1.5rem, 6vw, 2.5rem);
  }

  .a679 {
    flex-direction: column;
    gap: 1rem;
  }

  .a833a7 {
    max-width: none;
  }

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

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

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

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

.i5bc3b16 {
  max-width: 600px;
}

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

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

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

.o092,
.o70f510f,
.n10a2b {
  flex: 1 1 250px;
  min-width: 200px;
}

.o092 h3,
.o70f510f h3,
.n10a2b h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

.pd2034 + .pd2034 {
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

.i45 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  padding-top: clamp(1.5rem, 3vw, 2rem);
  border-top: 1px solid var(--color-border-light);
}

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

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

@media (max-width: 768px) {
  .e8110d {
    flex-direction: column;
    gap: clamp(1.5rem, 4vw, 2rem);
  }

  .o092,
  .o70f510f,
  .n10a2b {
    flex: 1 1 100%;
  }

  .i5bc3b16 {
    max-width: 100%;
  }

  .i45 {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .k967e {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .p5fae07a {
    gap: clamp(1.5rem, 4vw, 2rem);
  }

  .p4d,
  .ebc3 {
    gap: clamp(0.4rem, 1vw, 0.6rem);
  }
}
    

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

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

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

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

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

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

.k64876 {
  width: 100%;
  height: 200px;
  background: linear-gradient(180deg, rgba(132, 204, 22, 0.1) 0%, transparent 100%);
  border-radius: var(--radius-2xl);
}

@media (min-width: 768px) {
  .je13 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .k64876 {
    height: 300px;
  }
}

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

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

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

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

.ofad65e {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.25rem, 3vw, 2rem);
  cursor: pointer;
  transition: all var(--transition-base);
}

.ofad65e:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
}

.ofad65e[open] {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
}

.o9a1 {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  list-style: none;
  cursor: pointer;
}

.o9a1::-webkit-details-marker {
  display: none;
}

.md21c8c0 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--color-accent);
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

.ofad65e[open] .md21c8c0 {
  transform: rotate(180deg);
}

.n619d140 {
  flex: 1;
  text-align: left;
}

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

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

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

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

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

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

.n2a95 {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

.n2a95:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(132, 204, 22, 0.15);
}

.b02e18 {
  width: 100%;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

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

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

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

.l907 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding-top: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-border-light);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
}

.b22,
.ife03,
.beb0 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.b22 i,
.ife03 i,
.beb0 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.h4da {
  align-self: flex-start;
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  margin-top: auto;
}

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

.h4da::after {
  content: "";
  transition: transform var(--transition-base);
}

.h4da:hover::after {
  transform: translateX(4px);
}

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

.p5e53 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 1000px;
}

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

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

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

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

@media (min-width: 768px) {
  .n2a95 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    gap: 0;
  }

  .b02e18 {
    grid-column: 1;
    grid-row: 1 / -1;
  }

  .de29f149 {
    grid-column: 2;
    grid-row: 1 / -1;
  }

  .n2a95:nth-child(even) {
    direction: rtl;
  }

  .n2a95:nth-child(even) .de29f149 {
    direction: ltr;
  }

  .n2a95:nth-child(even) .b02e18 {
    grid-column: 2;
  }

  .n2a95:nth-child(even) .de29f149 {
    grid-column: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ce55 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 400;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jc9 strong {
  color: var(--color-accent);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c19431 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

.j152b {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lcf40de {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

  .n19f9ee3,
  .mb2fa {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ad61,
  .l8cc00,
  .ff9e119,
  .f7c {
    flex-direction: column;
  }

  .h69,
  .j121f,
  .i79862e,
  .eb4,
  .e2f6671,
  .n89a,
  .db1c2e,
  .oebcf {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .i7b5ae6 {
    flex: 1 1 100%;
  }

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

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

@media (min-width: 769px) and (max-width: 1023px) {
  .i7b5ae6 {
    flex: 1 1 calc(50% - 1.5rem);
  }
}

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

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

  .i7b5ae6 {
    flex: 1 1 100%;
  }

  .j152b li {
    padding-left: 1.5rem;
  }
}

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

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

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

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

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

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

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

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

  .pdd5a9 span:last-child {
    color: var(--color-text-secondary);
  }

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

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

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

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

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

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

  .m64564c4 i {
    color: var(--color-accent);
    width: 18px;
    text-align: center;
  }

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

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

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

    .n5a65ad3,
    .dfdf8 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .c366e25 {
      flex-direction: column;
      gap: 1rem;
    }
  }

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

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

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

  .n648 {
    font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.375rem);
    color: var(--color-text-primary);
    line-height: 1.8;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    font-weight: 500;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .oa4,
    .afea68c {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

  .n8981d {
    display: flex;
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
    align-items: flex-start;
    padding: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-secondary);
    border-radius: var(--radius-md);
  }

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

  .d025 {
    font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    padding-top: 2px;
  }

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

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

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

  .n552f {
    flex-shrink: 0;
  }

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

  .ndbe7 {
    flex: 1;
  }

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

  .i160d {
    font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.375rem);
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-weight: 600;
    margin-bottom: 0.25rem;
  }

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

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

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

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

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

    .n552f img {
      width: 100px;
      height: 100px;
    }
  }

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

  .k0613 {
    max-width: 900px;
    margin: 0 auto;
    background: var(--color-bg-secondary);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-warning);
  }

  .i42 {
    font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.375rem);
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-weight: 600;
    margin-bottom: 1rem;
  }

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

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

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

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

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

  .id6279 {
    flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
    min-width: 280px;
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    transition: transform var(--transition-base), box-shadow var(--transition-base);
  }

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

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

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

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

  .g1e10ac {
    font-size: clamp(1.05rem, 1.5vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-weight: 600;
    line-height: 1.4;
  }

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

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

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

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

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

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

  @media (max-width: 480px) {
    .fae9ee0 {
      padding: clamp(1.5rem, 3vw, 2.5rem) 0;
    }

    .db4d7,
    .a23,
    .n20c3,
    .n0e52,
    .e8fc1d6,
    .ac8f8f5,
    .f91d1514,
    .f88,
    .e718e5 {
      padding: clamp(2rem, 5vw, 3rem) 0;
    }

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

    .m64564c4 {
      flex-direction: row;
    }
  }

.i83ce45 {
    width: 100%;
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
    font-family: var(--font-primary);
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .ad6cd427 i {
    color: var(--color-accent);
    font-size: 1em;
  }

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

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

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

    .hcc0b1,
    .ne5f09 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .of360 {
      gap: 1rem;
    }
  }

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

  .b7774 {
    display: flex;
    justify-content: flex-start;
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .nd3 {
    font-size: clamp(0.9rem, 1.5vw, 1rem);
    color: var(--color-text-primary);
    margin: 0;
    line-height: 1.6;
  }

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

  .n4aa5 {
    font-size: clamp(0.95rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    padding-left: clamp(1.5rem, 2vw, 2rem);
    position: relative;
  }

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

  .ced69 {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-accent);
  }

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

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

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

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

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

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

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

    .fe5f,
    .ce0 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

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

  .b1b536 {
    font-size: clamp(0.95rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    margin: 0;
  }

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

  .jba99a0c {
    flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem) * 0.66);
    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;
  }

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

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

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

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

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

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ia310 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  font-size: clamp(0.875rem, 1.5vw, 1rem);
}

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

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

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

.c0dc9 {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.hb3b {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
}

.nad1b {
  flex: 0 0 280px;
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
  height: fit-content;
}

.p921 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ha05410 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto;
  border: 2px solid var(--color-accent);
}

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

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

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

.o046a9 {
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  margin: 0;
}

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

.f945 {
  flex: 1 1 auto;
  min-width: 0;
}

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

.jcb6e6:nth-child(even) {
  background: var(--color-bg-secondary);
}

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

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

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

.e92393 {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  display: block;
  object-fit: cover;
}

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

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

.m5e8 {
  background: rgba(132, 204, 22, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 0.5rem;
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

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

.ff77dc strong {
  color: var(--color-accent);
}

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

.acbc00ea {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-style: italic;
  margin: 0;
  line-height: 1.7;
}

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

.oc7e2 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  padding-left: 1.75rem;
  position: relative;
  line-height: 1.6;
}

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

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

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

.ff7f1401 {
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.5rem, 2vw, 2rem);
  font-weight: bold;
  font-family: var(--font-heading);
  flex-shrink: 0;
}

.cc59d618 {
  flex: 1;
}

.fe1692c {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
}

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

.hf756 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.75rem;
  margin: clamp(2rem, 4vw, 3rem) 0;
}

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

.b3e7bb36 {
  color: var(--color-accent);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: bold;
  font-family: var(--font-heading);
}

.fc3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
}

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

.j9db {
  max-width: 800px;
}

.eb7e {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.3;
}

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

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

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

.ldee246 {
  max-width: 800px;
}

.cc5a {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.b5c6c9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  line-height: 1.7;
  margin: 0;
}

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

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

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

.mccb7 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  margin: 0;
}

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

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

.d107:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  border-color: var(--color-accent);
}

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

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

.d107:hover .c83d1a1d {
  transform: scale(1.05);
}

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

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

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

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

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

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

  .nad1b {
    flex: 0 0 auto;
    position: static;
  }

  .o129e508 {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .d107 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
    min-width: 250px;
  }
}

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

  .p49,
  .n49 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .kc98e {
    flex-direction: column;
  }

  .e858,
  .ccec3a {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .nad1b {
    order: -1;
    flex: 1 1 100%;
  }

  .p921 {
    flex-direction: row;
    text-align: left;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .ha05410 {
    width: 80px;
    height: 80px;
    margin: 0;
  }

  .g8403f,
  .o046a9,
  .cd0fbe {
    text-align: left;
  }

  .jaa811 {
    gap: 1rem;
  }

  .ff7f1401 {
    width: 50px;
    height: 50px;
    font-size: 1.25rem;
  }

  .o129e508 {
    flex-direction: column;
  }

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

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

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

  .ia310 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }

  .b74b2 {
    display: none;
  }

  .n73 {
    gap: 1rem;
  }

  .jaa811 {
    gap: 0.75rem;
  }

  .ff7f1401 {
    width: 45px;
    height: 45px;
    font-size: 1.1rem;
  }

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

  .g8403f,
  .o046a9,
  .cd0fbe {
    text-align: center;
  }
}

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

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

.i0da50 {
  width: 100%;
}

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

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

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

.l9ddb4 {
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  letter-spacing: -0.02em;
}

.ab30 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  line-height: 1.6;
}

.gdad5a06 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
  margin-top: clamp(1rem, 2vw, 2rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.obdb {
  flex: 1 1 clamp(250px, 45%, 350px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.obdb:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

.id635689 p {
  margin-bottom: 1.5rem;
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

.g28aa2 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

  .id635689 {
    flex: 1 1 100%;
  }

  .g3bd {
    flex: 1 1 100%;
  }

  .obdb {
    flex: 1 1 100%;
  }

  .g28aa2 {
    width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .fd6b58 {
    justify-content: space-between;
  }

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

@media (min-width: 1025px) {
  .fd6b58 {
    justify-content: center;
  }

  .obdb {
    flex: 0 1 calc(33.333% - 1.33rem);
  }

  .l93a6 {
    flex-direction: row;
  }

  .id635689 {
    flex: 1 1 48%;
  }

  .g3bd {
    flex: 1 1 48%;
  }
}

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

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

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

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

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

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

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

  .n4cf00 {
    width: 100%;
    flex: 1 1 100%;
    min-height: 250px;
    max-height: 400px;
  }

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

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

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

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

  .df871 {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    color: var(--color-text-secondary);
    line-height: 1.5;
    font-weight: 500;
  }

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

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

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

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

  .a0880 {
    background: var(--color-bg-secondary);
    color: var(--color-text-primary);
    border: 1px solid var(--color-border);
  }

  .a0880:hover {
    background: var(--color-bg-tertiary);
    border-color: var(--color-accent);
  }

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

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

  .aaa420 {
    text-align: center;
  }

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

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

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

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

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

  .cb80 {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: var(--color-accent);
    line-height: 1;
  }

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

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

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

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

  .i670 {
    text-align: center;
  }

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

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

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

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

  .p079a6 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: clamp(1.5rem, 3vw, 2rem);
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    transition: var(--transition-base);
    min-height: auto;
  }

  .p079a6:hover {
    border-color: var(--color-accent);
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
  }

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

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

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

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

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

  .ie7611 {
    text-align: center;
  }

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

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

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

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

  .c45b9b {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    line-height: 1.7;
    font-style: italic;
    margin: 0;
  }

  .nce58b {
    display: block;
    margin-top: 1.5rem;
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    color: var(--color-accent);
    font-weight: 600;
    font-style: normal;
  }

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

  .p09a {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    background: var(--color-bg-secondary);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
  }

  .b790b4c {
    font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
    color: var(--color-accent);
    line-height: 1.3;
  }

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

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

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

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

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

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

  .j389702 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
  }

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

    .n4cf00 {
      flex: 1 1 45%;
      max-height: 450px;
    }

    .ffc226 {
      flex: 1 1 45%;
    }

    .e6f9f636 {
      flex-direction: row;
      flex-wrap: wrap;
    }

    .p079a6 {
      flex: 1 1 calc(50% - 1rem);
      min-height: 300px;
    }

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

    .j389702 {
      flex-direction: row;
      gap: 1.5rem;
      margin-top: 2rem;
    }

    .fae539d2 {
      flex: 1;
      max-width: 300px;
    }
  }

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

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

    .j389702 {
      flex-direction: row;
    }

    .fae539d2 {
      flex: 0 1 auto;
    }
  }

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

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

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

.a53a {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

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

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

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

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

@media (min-width: 768px) {
  .m0ec1 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
    padding: 0 var(--spacing-lg);
  }
}

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

  .m0ec1 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
    padding: 0;
  }
}

.kac {
  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), transform var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

.f4b9c {
  padding: var(--spacing-lg);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.k66047 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.m3d0bd {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.4;
}

.nc7 {
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .de0bc {
    height: 220px;
  }

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

@media (min-width: 1024px) {
  .de0bc {
    height: 240px;
  }
}

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

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

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

.de9f7b3 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.7;
}

.n4ec7 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.n4ec7:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

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

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

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

@media (max-width: 767px) {
  .nc7 {
    font-size: 0.9375rem;
  }

  .n4ec7 {
    width: 100%;
  }
}

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

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

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

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

.m36 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

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

.n63 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.m03a {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base);
}

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

.c44 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  transition: background-color var(--transition-base);
}

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

.c44:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
}

.mbdd {
  text-align: left;
  flex: 1;
}

.i7780 {
  flex-shrink: 0;
  color: var(--color-primary);
  stroke: currentColor;
  transition: transform var(--transition-base);
}

.m03a[data-open="true"] .i7780 {
  transform: rotate(180deg);
}

.if7 {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

.if7 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

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

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

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

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

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

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

.b326de {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.cbe8 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

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

.d403894c {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-md);
}

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

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

.d403894c:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

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

@media (max-width: 479px) {
  .c44 {
    padding: var(--spacing-md);
  }

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

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

.k599 main {
  width: 100%;
}

.k599 .pc7a5d7d {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.k599 .o2b770 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.k599 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-sm);
  line-height: 1.2;
}

.k599 .o43e {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.k599 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.k599 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2.5vw, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-top: var(--spacing-lg);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

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

.k599 ul,
.k599 ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.k599 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.k599 em {
  font-style: italic;
  color: var(--color-text-secondary);
}

.k599 .o9b75ce {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-bottom: var(--spacing-2xl);
}

.k599 .o9b75ce p {
  margin-bottom: 0;
}

.k599 .m1ea2c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-2xl);
}

.k599 .m1ea2c h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.k599 .m1ea2c p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.k599 .l52 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-md);
}

.k599 .c5ae {
  padding: var(--spacing-sm) 0;
  border-bottom: 1px solid var(--color-border-light);
}

.k599 .c5ae:last-child {
  border-bottom: none;
}

.k599 .hc4340e7 {
  font-weight: 700;
  color: var(--color-text-primary);
  display: block;
  margin-bottom: var(--spacing-xs);
}

.k599 .dc1a8663 {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
}

.k599 .m436 {
  width: 100%;
  border-collapse: collapse;
  margin: var(--spacing-md) 0;
}

.k599 .m436 th,
.k599 .m436 td {
  padding: var(--spacing-md);
  text-align: left;
  border-bottom: 1px solid var(--color-border-light);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
}

.k599 .m436 th {
  background-color: var(--color-bg-tertiary);
  font-weight: 700;
}

@media (min-width: 768px) {
  .k599 .pc7a5d7d {
    padding: 0 var(--spacing-lg);
  }

  .k599 .o2b770 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .k599 .pc7a5d7d {
    padding: 0 var(--spacing-2xl);
  }

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

.hda2d031 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.a62a {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.m56fb6 {
  width: clamp(60px, 12vw, 120px);
  height: clamp(60px, 12vw, 120px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-success-light);
  border-radius: var(--radius-full);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  flex-shrink: 0;
}

.m56fb6 svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke-width: 1.5;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  margin: 0;
  animation: fadeInUp 0.6s ease-out 0.2s backwards;
}

.kc5 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-primary);
  margin: 0;
  animation: fadeInUp 0.6s ease-out 0.3s backwards;
}

.e991 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin: 0;
  animation: fadeInUp 0.6s ease-out 0.4s backwards;
}

.je6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin: 0;
  animation: fadeInUp 0.6s ease-out 0.5s backwards;
}

.fae539d2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  animation: fadeInUp 0.6s ease-out 0.6s backwards;
}

.k72 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.k72:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .m56fb6 {
    animation: none;
  }

  h1,
  .kc5,
  .e991,
  .je6,
  .fae539d2 {
    animation: none;
  }

  .k72:hover {
    transform: none;
  }

  .k72:active {
    transform: none;
  }
}

.jb28 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.a1809 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .a1809 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .a1809 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
}

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

.o2b770 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.f098 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hee3a822 {
  position: relative;
  margin: 0 auto;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .hee3a822 {
    height: 280px;
  }
}

.j4ca54 {
  font-size: clamp(4rem, 12vw, 10rem);
  font-family: var(--font-heading);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: block;
  line-height: 1;
  position: relative;
  z-index: 2;
}

.hb33b69 {
  position: absolute;
  width: 150px;
  height: 150px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-full);
  opacity: 0.1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: float 6s ease-in-out infinite;
  z-index: 1;
}

@media (min-width: 768px) {
  .hb33b69 {
    width: 250px;
    height: 250px;
  }
}

@keyframes float {
  0%, 100% {
    transform: translate(-50%, -50%);
  }
  50% {
    transform: translate(-50%, -60%);
  }
}

.kaf428 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: -0.5px;
}

.pbd4 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: var(--spacing-md) 0 0 0;
}

.i748e23 {
  font-size: clamp(0.9rem, 0.95vw + 0.4rem, 1rem);
  color: var(--color-text-muted);
  line-height: 1.7;
  margin: var(--spacing-sm) 0 0 0;
  font-style: italic;
}

.fae539d2 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  margin-top: var(--spacing-lg);
  letter-spacing: 0.3px;
}

.k72 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

@media (min-width: 768px) {
  .fae539d2 {
    padding: var(--spacing-md) var(--spacing-2xl);
  }
}

.f1abc {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
}

@media (min-width: 768px) {
  .f1abc {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
  }
}

.p2f {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-secondary);
  transition: all var(--transition-base);
}

.p2f:hover {
  background-color: var(--color-bg-tertiary);
  transform: translateY(-4px);
}

.g76b8a {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  display: block;
  animation: bounceIcon 3s ease-in-out infinite;
}

.p2f:nth-child(2) .g76b8a {
  animation-delay: 0.3s;
}

.p2f:nth-child(3) .g76b8a {
  animation-delay: 0.6s;
}

@keyframes bounceIcon {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

.fbda0 {
  font-size: clamp(0.85rem, 0.9vw + 0.3rem, 0.95rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.5;
  font-weight: 500;
}

@media (max-width: 767px) {
  .hee3a822 {
    height: 160px;
  }
  
  .j4ca54 {
    font-size: 5rem;
  }
  
  .hb33b69 {
    width: 100px;
    height: 100px;
  }
}

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

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

.gb0d6 {
  text-align: center;
}

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

.ld0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.a29 {
  width: 100%;
}

.h35b07c {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 5vw, 4rem);
  width: 100%;
}

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

.n769e9 {
  width: 100%;
}

.d89453ba {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: -0.01em;
}

.c3be282 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 100%;
}

.nfaac {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.ic4d {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.h09,
.h4e3503 {
  font-family: var(--font-primary);
  width: 100%;
  padding: clamp(0.75rem, 1vw, 1rem);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: 1.5;
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
  box-sizing: border-box;
}

.h09::placeholder,
.h4e3503::placeholder {
  color: var(--color-text-muted);
}

.h09:focus,
.h4e3503:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.h4e3503 {
  min-height: clamp(120px, 20vh, 200px);
  resize: vertical;
}

.p78c0685 {
  width: 100%;
}

.j9c46 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.85vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.j666efc {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.i0f10 {
  font-family: var(--font-primary);
  width: 100%;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.i0f10:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

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

.d0529bb7 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}

.a7bbe60 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: -0.01em;
}

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

.k5f708e9 {
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3rem);
  height: clamp(2.5rem, 5vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-lg);
  color: var(--color-primary);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.if9 {
  flex: 1;
}

.afc84 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  letter-spacing: -0.01em;
}

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

.m0ba3204 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.ma9 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.c99 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.01em;
}

.o76eb2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
}

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

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

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

.m878144 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.ibe64 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-2xl) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ed5a {
  display: flex;
  gap: var(--spacing-md);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.f8c3670 {
  font-family: var(--font-primary);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  text-decoration: none;
  letter-spacing: -0.01em;
  transition: all var(--transition-base);
  display: inline-block;
  cursor: pointer;
  border: 2px solid transparent;
  box-sizing: border-box;
}

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

.o3e59052:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.ffdd361 {
  background-color: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.ffdd361:hover {
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  border-color: var(--color-primary);
  transform: translateY(-2px);
}

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

  .f8c3670 {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .f289 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .d12d04 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .kabe8 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }
}

@media (min-width: 1024px) {
  .f289 {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }

  .d12d04 {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }

  .kabe8 {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }
}
.h3b427b,.k98a4{
  width: 34px;
}

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

.ib831{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .ib831{
    max-width: 100%;
  }
}

.ib831.jee5e8a{
  z-index: 999;
}

.a0ea0{
  padding-top: 50px;
}

.h3b427b[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .jd4d0855 {
    aspect-ratio: 6 / 9;
  }
}