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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f8fafc;
  --color-bg-tertiary: #f1f5f9;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e293b;
  --color-text-secondary: #5f6e84;
  --color-text-muted: #677280;

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-light: #dbeafe;
  --color-primary-lighter: #eff6ff;

  --color-secondary: #0ea5e9;
  --color-secondary-light: #cffafe;
  --color-secondary-lighter: #ecf8ff;

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

  --color-border: #e2e8f0;
  --color-border-light: #f1f5f9;

  --font-primary: 'Work Sans', sans-serif;
  --font-heading: 'Nunito', sans-serif;

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  font-size: 16px;
}

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

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

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

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

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

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

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

button, input, textarea, select {
  font-family: var(--font-primary);
}

button {
  cursor: pointer;
  border: none;
  border-radius: var(--radius-lg);
  padding: var(--spacing-md) var(--spacing-lg);
  font-weight: 600;
  transition: all var(--transition-fast);
}

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

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

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

.o0ccb4:hover {
  background: #0284c7;
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

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

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

input, textarea, select {
  width: 100%;
  padding: var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  font-size: 1rem;
  transition: all var(--transition-fast);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m10fd10a {
  justify-content: center;
  align-items: center;
}

.h53eab {
  justify-content: space-between;
  align-items: center;
}

.i0e04 {
  flex-direction: column;
}

.e11c9b { margin-top: var(--spacing-xs); }
.f6a1d2c { margin-top: var(--spacing-sm); }
.i271 { margin-top: var(--spacing-md); }
.mbdf7f { margin-top: var(--spacing-lg); }
.aa9 { margin-top: var(--spacing-xl); }
.a1ab { margin-top: var(--spacing-2xl); }
.k30 { margin-top: var(--spacing-3xl); }

.k3dd { margin-bottom: var(--spacing-xs); }
.p138e { margin-bottom: var(--spacing-sm); }
.dfb80b3f { margin-bottom: var(--spacing-md); }
.b4b27 { margin-bottom: var(--spacing-lg); }
.cad { margin-bottom: var(--spacing-xl); }
.jd159 { margin-bottom: var(--spacing-2xl); }
.e1f7e0 { margin-bottom: var(--spacing-3xl); }

.m85a { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); }
.k26a { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.m11 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.l94d35 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.n6fb { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }

.o019de { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); }
.hbfc { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.ddd32 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.pc219a { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.ofc0283 { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }

.ab7ba2 { gap: var(--spacing-xs); }
.m8c64c0 { gap: var(--spacing-sm); }
.g66cf56 { gap: var(--spacing-md); }
.j9a1 { gap: var(--spacing-lg); }
.ee75f0 { gap: var(--spacing-xl); }

.e1cc { border-radius: var(--radius-sm); }
.pf796259 { border-radius: var(--radius-md); }
.h611 { border-radius: var(--radius-lg); }
.h3893 { border-radius: var(--radius-xl); }
.g337c7 { border-radius: var(--radius-full); }

.m94 { box-shadow: var(--shadow-sm); }
.pfc4a { box-shadow: var(--shadow-md); }
.k69f19a { box-shadow: var(--shadow-lg); }
.o25551e7 { box-shadow: var(--shadow-xl); }

.a75a13 { opacity: 0.5; }
.l7a0b { opacity: 0.75; }

.na10 { overflow: hidden; }

.bd64 {
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-lg) 0;
}

.hb944a {
  border: none;
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-lg) 0;
}

.ibb {
  list-style: none;
  padding: 0;
}

.ibb li {
  padding: var(--spacing-sm) 0;
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

  .i9763, .l02d2, .i145f0 {
    grid-template-columns: 1fr;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  button {
    width: 100%;
  }

  .j074f {
    gap: var(--spacing-md);
  }
}
.ccd39 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 1000;
  overflow: hidden;
}

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

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

.l5a0a0e8:hover {
  opacity: 0.85;
}

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

.ea0 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  white-space: nowrap;
}

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

.p4888b76 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p2f7 {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  border-radius: 0.5rem;
  text-decoration: none;
  transition: background var(--transition-base), transform var(--transition-base);
  flex-shrink: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.l6c45 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding-top: clamp(60px, 12vw, 80px);
}

.l6c45.h273e10 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

.a20560 {
  display: block;
  margin: 1.5rem clamp(1rem, 4vw, 2rem);
  padding: 1rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  border-radius: 0.5rem;
  text-decoration: none;
  text-align: center;
  transition: background var(--transition-base), transform var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .p2f7 {
    display: block;
  }

  .k8e7d {
    display: none;
  }

  .l6c45 {
    display: none;
  }
}

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

  .kfb3885 {
    gap: 2.5rem;
  }

  .p4888b76 {
    font-size: 1rem;
  }

  .p2f7 {
    padding: 0.875rem 1.75rem;
    font-size: 1rem;
  }
}

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

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

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

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

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

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

.p04a26 {
  width: 100%;
  max-width: 600px;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  transform: perspective(1200px) rotateY(-5deg);
}

.i6029e2 {
  text-align: center;
  max-width: 700px;
  width: 100%;
}

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

.p5ddf69 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 2vw, 1.25rem);
  line-height: 1.6;
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
}

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

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

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

.if5 {
  padding: 0.875rem 2rem;
  background: transparent;
  color: var(--color-accent);
  text-decoration: none;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
}

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

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

  .p04a26 {
    flex: 1 1 45%;
    max-width: 500px;
  }

  .i6029e2 {
    flex: 1 1 45%;
    text-align: right;
  }

  .d31d {
    flex-direction: row;
    justify-content: flex-end;
  }
}

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

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

.oc8e5b {
  text-align: center;
}

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

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

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

.k103 {
  flex: 1 1 200px;
  max-width: 280px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 50%;
  width: 280px;
  height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.k103 i {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-accent);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

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

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

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

.hbe4fdc {
  text-align: center;
}

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

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

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

.o286e {
  flex: 1 1 200px;
  max-width: 250px;
  text-align: center;
  padding: clamp(1.5rem, 2vw, 2rem);
}

.h4c883 {
  color: var(--color-accent);
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 700;
  line-height: 1;
  margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0;
}

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

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

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

.ed53e {
  text-align: center;
}

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

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

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

.ld89da {
  flex: 1 1 240px;
  max-width: 300px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  align-items: center;
}

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

.fbd1573 {
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.fbd1573 i {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-text-on-accent);
}

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

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

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

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

.ca15f0 {
  text-align: center;
}

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

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

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

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

.f1d4e670 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-md);
}

.add9 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  margin: 0 0 clamp(0.75rem, 1vw, 1rem) 0;
}

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

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

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

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

.f30af0a {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  align-items: center;
}

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

.a056b {
  width: 120px;
  height: 100px;
  min-width: 120px;
  object-fit: cover;
  border-radius: var(--radius-md);
}

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

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

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

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

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

.i883 {
  text-align: center;
  padding: clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

  .nb2cbc3b {
    flex: 1 1 50%;
  }

  .pbb78a19 {
    flex: 1 1 45%;
  }

  .f30af0a {
    flex-direction: column;
  }

  .a056b {
    width: 100%;
    height: 150px;
  }
}

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

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

.i06 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  max-width: 600px;
  box-shadow: var(--shadow-lg);
}

.ab2ee12 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

.d52f6f3 {
  display: inline-block;
  padding: 1rem 2rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw, 1.125rem);
  transition: all var(--transition-base);
}

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

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

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

.e1cb0 {
  text-align: center;
}

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

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

.b5b26c6 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
}

.ad1 {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  height: 250px;
}

.laed {
  grid-row: span 2;
  height: auto;
}

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

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

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

  .ad1 {
    height: 280px;
  }

  .laed {
    grid-row: span 2;
  }
}

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

  .laed {
    grid-row: span 1;
  }

  .ad1 {
    height: 200px;
  }
}

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

.l24e28a.mdbec7a {
  display: none;
}

.f231a5 {
  color: #f1f5f9;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  flex: 1 1 auto;
  min-width: 200px;
  text-align: center;
}

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

.l42 {
  padding: 0.625rem 1.25rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
}

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

.aca5 {
  padding: 0.625rem 1.25rem;
  background: transparent;
  color: #f1f5f9;
  border: 1px solid rgba(241, 245, 249, 0.3);
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
}

.aca5:hover {
  border-color: rgba(241, 245, 249, 0.6);
  color: #ffffff;
}

@media (max-width: 640px) {
  .l24e28a {
    padding: 1rem;
    flex-direction: column;
  }

  .f231a5 {
    order: 1;
    min-width: 100%;
  }

  .kde8e9c1 {
    order: 2;
    width: 100%;
  }

  .l42,
  .aca5 {
    flex: 1 1 45%;
  }
}

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

  .de0,
  .b08,
  .of7b,
  .l4a2d4a6,
  .k94,
  .n72d0 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

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

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

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

.k666 {
  display: block;
}

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

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

.hf9e {
  display: block;
}

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

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

.j4ff660 li {
  display: block;
}

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

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

.db84 {
  display: block;
}

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

.i1e0d {
  display: block;
}

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

.i1e0d p:last-child {
  padding-bottom: 0;
}

.o0217 {
  display: block;
}

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

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

.pd43f04 li {
  display: block;
}

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

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

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

.l75 {
  display: block;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

.f977 {
  display: block;
}

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

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

  .k666 {
    flex: 1 1 280px;
  }

  .hf9e {
    flex: 1 1 180px;
  }

  .db84 {
    flex: 1 1 220px;
  }

  .o0217 {
    flex: 1 1 180px;
  }

  .a2534 {
    flex: 1 1 100%;
    border-top: 1px solid var(--color-border-light);
    padding-top: clamp(2rem, 3vw, 3rem);
  }
}

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

  .cfd726 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .j4ff660,
  .pd43f04 {
    gap: clamp(0.4rem, 1vw, 0.6rem);
  }
}
    

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

.ke4eb {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 5vw, 3.5rem);
  max-width: 700px;
  width: 100%;
  box-shadow: var(--shadow-md);
  text-align: center;
}

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

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

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

.h360b7 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
}

.h360b7 i {
  color: var(--color-accent);
  font-size: 1.1rem;
}

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

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

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

.p6bb {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  line-height: 1.2;
  margin-bottom: 0.75rem;
}

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

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

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

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

.d9e66 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

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

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

.oaec9e3b {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  border-top: 1px solid var(--color-border-light);
  padding-top: 1rem;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
}

.gcfd,
.gd8c,
.g6d352 {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--color-text-muted);
}

.gcfd i,
.gd8c i,
.g6d352 i {
  color: var(--color-accent);
  font-size: 0.95rem;
}

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

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

.j2a0c::after {
  content: '→';
  display: inline-block;
}

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

  .j27 {
    width: 35%;
    flex-shrink: 0;
  }

  .lf6e819e {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
  }

  .df264 {
    width: 65%;
    justify-content: space-between;
  }
}

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

  .je2dc48 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .e3c {
    gap: clamp(2rem, 4vw, 3rem);
  }

  .d42 {
    min-height: 300px;
  }
}

@media (max-width: 767px) {
  .oaec9e3b {
    gap: 1rem;
    font-size: 0.8125rem;
  }

  .df264 {
    padding: 1.25rem;
  }
}

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

html, body {
  height: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.g48 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  align-items: center;
}

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

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

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

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

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

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

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

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

  .nf3ce img {
    max-height: 300px;
  }
}

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

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

.e6fb0 {
  flex: 0 0 auto;
  width: clamp(200px, 20%, 280px);
  position: sticky;
  top: clamp(1rem, 2vw, 2rem);
}

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

.p5e44ba5 {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

.n4ca4a {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
}

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

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

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

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

.ja890d {
  flex: 1 1 auto;
}

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

  .e6fb0 {
    width: 100%;
    position: static;
  }
}

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

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

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

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

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

.dfc69 {
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

  .k68c img {
    max-height: 250px;
  }
}

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

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

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

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

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

.b249 {
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

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

  .f2838 img {
    max-height: 250px;
  }
}

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

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

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

.m9938e5e {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

  .n055 img {
    max-height: 250px;
  }
}

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

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

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

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

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

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

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

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

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

  .f069778a img {
    max-height: 250px;
  }
}

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

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

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

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

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

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

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

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

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

  .ccca5d16 img {
    max-height: 250px;
  }
}

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

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

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

.pa5047 {
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.pa5047:last-of-type {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

.cefe6adc {
  text-align: center;
}

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

.ifca {
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

.h724e2 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

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

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

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

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

.g5e63e {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gcb7 {
  flex: 0 0 auto;
  width: clamp(200px, 25%, 280px);
  position: sticky;
  top: 2rem;
}

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

.j82491 {
  width: 100%;
  display: flex;
  justify-content: center;
}

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

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

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

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

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

.lbb2121 {
  font-size: 0.875rem;
  color: var(--color-accent);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

.ledb676 {
  background: linear-gradient(135deg, var(--color-accent-light) 0%, var(--color-secondary-light) 100%);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

.df239b49 {
  flex: 0 0 auto;
  font-size: 1.75rem;
  color: var(--color-accent);
}

.j4b {
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

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

.h0ae19 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  padding: 0.75rem;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
}

.l8a6fb9 {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  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: 0.875rem;
}

.f2c5 {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 500;
}

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

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

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

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

.b25267bc {
  flex: 0 0 auto;
  font-size: 1.5rem;
  color: var(--color-warning);
}

.id3c403 {
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

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

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

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

.eb0cd720 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  font-style: italic;
  margin: 0;
}

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

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

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

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

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

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

.m1505132 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
}

.p20d {
  font-size: 1.75rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

.k31 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
  text-align: center;
}

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

.f3e0ffcb {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.p87b25 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-on-accent);
  margin-bottom: 0.75rem;
}

.k1573d {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.6;
}

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

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

.cfd2b {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
  margin: 0;
}

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

.md9d4 {
  flex: 1 1 calc(33.333% - 2rem);
  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);
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

  .gcb7 {
    width: 100%;
    position: static;
  }

  .jd00f6a8 {
    width: 100%;
  }

  .ac2bb {
    flex-direction: column;
  }

  .a23,
  .pa04 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ge42240 {
    flex-direction: column;
  }

  .b00df8,
  .cdebd {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ma3b7 {
    flex-direction: column;
  }

  .ha91,
  .f731c0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k49ac140 {
    flex-direction: column;
  }

  .g13,
  .n449ede {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k4174aaa {
    flex-direction: column;
  }

  .h616ce3,
  .p0b81e3e {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k90c {
    flex-direction: column;
  }

  .m1505132 {
    flex: 1 1 100%;
  }

  .cb3731c0 {
    flex-direction: column;
  }

  .md9d4 {
    flex: 1 1 100%;
  }

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

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

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

  .d7b08 {
    gap: 0.75rem;
  }

  .e3f {
    font-size: 0.75rem;
  }

  .p6f4513 {
    padding: 1rem;
  }

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

  .i49c {
    gap: 0.5rem;
  }

  .h0ae19 {
    padding: 0.5rem;
  }

  .l8a6fb9 {
    width: 28px;
    height: 28px;
    font-size: 0.75rem;
  }

  .ledb676 {
    gap: 1rem;
    padding: 1rem;
  }

  .df239b49 {
    font-size: 1.5rem;
  }

  .l1c29 {
    gap: 1rem;
    padding: 1rem;
  }

  .b25267bc {
    font-size: 1.25rem;
  }

  .f3e0ffcb {
    padding: 1.5rem;
  }

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

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

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

  .ddc {
    gap: 0.35rem;
  }

  .ddc i {
    font-size: 0.875rem;
  }

  .e3f {
    font-size: 0.7rem;
    gap: 0.35rem;
  }

  .ma3b7,
  .k49ac140,
  .k4174aaa {
    gap: 1rem;
  }

  .h0ae19 {
    gap: 0.5rem;
  }

  .ledb676,
  .l1c29 {
    padding: 0.75rem;
  }

  .k90c {
    gap: 0.75rem;
  }

  .cb3731c0 {
    gap: 1rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.lb338877 i {
  color: var(--color-accent);
}

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

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

.h9e43 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 30px rgba(30, 41, 59, 0.1);
  object-fit: cover;
}

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

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

.e933 {
  flex: 0 0 250px;
  position: sticky;
  top: 2rem;
  height: fit-content;
}

.fa8ff {
  background: var(--color-bg-card);
  border-radius: 12px;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.08);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ofa8 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 auto;
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

.m7f1 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

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

.e21,
.oafe,
.m84af91 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

.ge17 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 4px 12px rgba(30, 41, 59, 0.08);
  object-fit: cover;
}

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

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

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

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

.j970a {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

.c17c1a8 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 250px;
  background: var(--color-bg-card);
  border-radius: 12px;
  padding: clamp(1.5rem, 2vw, 2rem);
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.08);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

.ed0d6 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

.cb5d59bd {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: clamp(1rem, 1.5vw, 1.25rem);
  background: var(--color-bg-tertiary);
  border-radius: 8px;
  border-left: 3px solid var(--color-accent);
}

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

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

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

.m6b {
  margin-bottom: 0;
}

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

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

.g642b {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

.lb4 {
  flex: 1 1 calc(33.333% - 1.667rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(30, 41, 59, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.lb4:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 24px rgba(30, 41, 59, 0.12);
}

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

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

.lb4:hover .be31 {
  transform: scale(1.05);
}

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

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

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

.c1a1b {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.3s ease;
  align-self: flex-start;
}

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

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

  .nbf6c,
  .ea1a20a {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .idc868 {
    flex-direction: column;
  }

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

  .j35f {
    flex: 1 1 100%;
  }

  .oa08,
  .b63ca {
    flex-direction: column;
  }

  .ae183efa,
  .gaf4f,
  .fd3,
  .c45d5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c17c1a8 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 240px;
  }

  .lb4 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 260px;
  }
}

@media (max-width: 768px) {
  .e933 {
    order: 2;
  }

  .j35f {
    order: 1;
  }

  .g1d3272 {
    flex-direction: column;
  }

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

  .j0ab {
    flex-direction: column;
  }

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

  .ee65 {
    font-size: 0.8125rem;
  }

  .nc8e7 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
}

@media (max-width: 480px) {
  .ea96bbe,
  .ef9bb,
  .h8d4dbf {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .fa8ff {
    padding: 1.25rem;
  }

  .c17c1a8,
  .lb4 {
    padding: 1.25rem;
  }

  .cb5d59bd {
    padding: 1rem;
  }
}

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

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

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li,
cite {
  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;
}

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

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

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

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

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

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

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

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

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

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

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

.oa7 i {
  color: var(--color-accent);
  width: 1rem;
  text-align: center;
}

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

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

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

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

  .p9b5c,
  .ieb095 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m63cb {
    gap: 1rem;
  }
}

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

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

.h0b7f3 {
  flex: 0 0 200px;
  display: flex;
  flex-direction: column;
}

.j25 {
  flex: 1 1 auto;
}

.m0a8 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  position: sticky;
  top: 2rem;
}

.a3f17b {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 3px solid var(--color-border);
}

.k91c04 {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin: 0;
}

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

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

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

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

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

  .h0b7f3 {
    flex: 1 1 100%;
  }

  .m0a8 {
    position: static;
  }
}

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

.c33b {
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
}

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

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

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

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

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

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

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

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

  .jf6b,
  .ha66c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.pfc38 {
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
}

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

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

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

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

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

.e182e {
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.e182e strong {
  color: var(--color-text-primary);
  display: block;
  margin-bottom: 0.5rem;
}

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

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

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

  .kd251a,
  .c39c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.ac06 i {
  font-size: 1.25rem;
  color: var(--color-secondary);
  width: 1.5rem;
  text-align: center;
}

.oe15 {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

.n07a757 {
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
}

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

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

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

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

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

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

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

.m1518c {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

.pc1b strong {
  color: var(--color-text-primary);
  display: block;
  margin-bottom: 0.5rem;
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

  .k8fcf,
  .k99 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.ab06 {
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
}

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

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

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

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

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

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

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

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

  .e61745f2,
  .k015abbd {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.o30a2:last-of-type {
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.f3d41a {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-border);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  justify-content: center;
}

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

.ga046456 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
  text-decoration: none;
}

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

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

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

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

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

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

.pc93f {
  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;
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 350px;
}

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

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

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

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

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

.gded7fde {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  transition: var(--transition-base);
  align-self: flex-start;
  margin-top: auto;
}

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

.gded7fde::after {
  content: '←';
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

.m303034f {
  text-align: center;
  max-width: 900px;
}

.f87 {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 800;
  letter-spacing: -1px;
}

.m55e245 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-secondary-light);
  line-height: 1.6;
}

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

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

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

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

.jb06740 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary-light);
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.efbf4e3 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  padding: clamp(1.75rem, 3vw, 2.25rem);
  border-radius: var(--radius-lg);
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.m8e4f85 {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
  width: fit-content;
}

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

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

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

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

.i255925e {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

.e669a4f6 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary-light);
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

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

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

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

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

.pbbc47d7 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  width: clamp(3rem, 5vw, 3.5rem);
  height: clamp(3rem, 5vw, 3.5rem);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  flex-shrink: 0;
}

.cfe56a {
  flex: 1;
  padding-top: 0.5rem;
}

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

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

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

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

.f31 {
  border-left: 5px solid var(--color-accent);
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
  padding-top: clamp(1.5rem, 2vw, 2rem);
  padding-bottom: clamp(1.5rem, 2vw, 2rem);
}

.c74 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.8;
  margin-bottom: 1.5rem;
  font-family: var(--font-heading);
  font-weight: 700;
}

.g8c6c76 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-muted);
  font-style: normal;
}

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

.kc9f {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 850px;
}

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

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

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

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

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

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

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

  .pbbc47d7 {
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1.125rem;
  }
}

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

  .a799,
  .if03b9,
  .k4f7bd {
    font-size: clamp(1.5rem, 3vw, 2rem);
  }

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

  .f31 {
    padding-left: 1rem;
  }
}

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

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

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

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

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

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

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

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

.fdcf8 {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

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

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

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

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

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

.j1a7495 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

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

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

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

.fd848 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

.o715e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

.d1f827 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

.h19927 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  text-align: center;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

.bde1b55 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  padding: clamp(2.5rem, 4vw, 4rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-accent);
  text-align: center;
  max-width: 700px;
  width: 100%;
}

.h2af294 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

  .o8793906 {
    flex: 1 1 100%;
  }

  .fdcf8 {
    flex: 1 1 100%;
    min-height: 250px;
  }

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

  .jb42ee {
    flex-direction: column;
  }

  .cb361c,
  .od3 {
    width: 100%;
  }
}

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

  .o8793906 {
    flex: 1 1 45%;
  }

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

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

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

.k77208 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  direction: rtl;
  text-align: right;
}

.a0f {
  background-color: var(--color-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.kcffca {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.c7201645 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-on-accent);
  font-weight: 300;
  margin: 0;
  opacity: 0.95;
  line-height: 1.6;
}

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

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

.j9ffbf {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.p8b2abb {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl) var(--spacing-lg);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

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

.ld522b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-md);
  font-size: 28px;
  margin-bottom: var(--spacing-lg);
  flex-shrink: 0;
}

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

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

.o19f {
  display: inline-block;
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9375rem;
  transition: all var(--transition-fast);
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid transparent;
}

.o19f:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
  padding-left: var(--spacing-sm);
}

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

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

.p074 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.01em;
}

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

.laa {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.laa:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

@media (min-width: 640px) {
  .a0f {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 320px;
  }

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

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

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

@media (min-width: 768px) {
  .a0f {
    padding: 4rem var(--spacing-lg);
    min-height: 360px;
  }

  .i37a2 {
    padding: 4rem var(--spacing-lg);
  }

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

  .ld522b {
    width: 72px;
    height: 72px;
    font-size: 32px;
  }

  .bdcb37 {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a0f {
    padding: 5rem 0;
    min-height: 400px;
  }

  .i37a2 {
    padding: 5rem 0;
  }

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

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

  .bdcb37 {
    padding: 5rem 0;
  }
}

@media (min-width: 1280px) {
  .j9ffbf {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.nd57b56 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.j6aa38 {
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

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

.d5d00a6 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

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

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

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

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

.c5188040 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  letter-spacing: 0.5px;
}

.e82 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 3vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.g7c774 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex: 1;
}

.h90e8 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid var(--color-accent);
  transition: color var(--transition-base), border-color var(--transition-base);
  width: fit-content;
}

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

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

.ia8 {
  max-width: 600px;
  margin: 0 auto;
}

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

.lb7b392 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.le80 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  text-decoration: none;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
}

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

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

@media (min-width: 640px) {
  .nd57b56 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    min-height: 220px;
  }

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

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

  .ld4 {
    height: 260px;
  }

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

@media (min-width: 1024px) {
  .nd57b56 {
    padding: var(--spacing-3xl) var(--spacing-xl);
    min-height: 240px;
  }

  .j88f10f {
    padding: 4rem var(--spacing-xl);
  }

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

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

  .ld4 {
    height: 280px;
  }

  .bf6 {
    padding: 2rem;
  }

  .ee7236 {
    padding: 4rem var(--spacing-xl);
  }
}

@media (min-width: 1200px) {
  .d5d00a6 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.p9fa16 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  padding: var(--spacing-lg) var(--spacing-md);
}

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

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

.p9fa16 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
  text-align: right;
  direction: rtl;
}

.p9fa16 .p3852e2 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  text-align: right;
  direction: rtl;
}

.p9fa16 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  text-align: right;
  direction: rtl;
}

.p9fa16 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  text-align: right;
  direction: rtl;
}

.p9fa16 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
  text-align: right;
  direction: rtl;
}

.p9fa16 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.p9fa16 .bda77368 {
  margin-bottom: var(--spacing-3xl);
}

.p9fa16 .d4b6 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
  text-align: right;
  direction: rtl;
}

.p9fa16 .d4b6 h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.p9fa16 .d4b6 p {
  margin-bottom: var(--spacing-sm);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
}

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

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

  .p9fa16 .a21 {
    padding: 0 var(--spacing-lg);
  }

  .p9fa16 .d4b6 {
    padding: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .p9fa16 {
    padding: var(--spacing-2xl) 0;
  }

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

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

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

.p8451 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.he7 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

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

.i02fd4 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.ifb99 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.i09df {
  font-size: clamp(3rem, 10vw, 5rem);
  color: var(--color-success);
  margin-bottom: var(--spacing-md);
  animation: bounce-in 0.6s ease-out;
}

.i09df i {
  display: inline-block;
}

@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.nae83e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
  animation: fade-in-up 0.8s ease-out 0.2s both;
}

.bd9 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  animation: fade-in-up 0.8s ease-out 0.3s both;
}

.j4e17 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  max-width: 600px;
  animation: fade-in-up 0.8s ease-out 0.4s both;
}

.m5d {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  max-width: 600px;
  animation: fade-in-up 0.8s ease-out 0.5s both;
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.lb6 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  text-align: center;
  animation: fade-in-up 0.8s ease-out 0.6s both;
}

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

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

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

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

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

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

@media (min-width: 768px) {
  .he7 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }

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

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

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

@media (min-width: 1024px) {
  .he7 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

@media (prefers-reduced-motion: reduce) {
  .i09df,
  .nae83e,
  .bd9,
  .j4e17,
  .m5d,
  .lb6 {
    animation: none;
  }

  .f423d50:hover {
    transform: none;
  }
}

.mf21cb9c {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
  overflow: hidden;
}

.ff29be {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.a21 {
  width: 100%;
  max-width: 1440px;
  padding: 0 var(--spacing-md);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.i02fd4 {
  width: 100%;
  max-width: 800px;
  text-align: center;
  position: relative;
  z-index: 10;
}

.l36 {
  position: relative;
  height: 280px;
  margin-bottom: var(--spacing-2xl);
  display: flex;
  align-items: center;
  justify-content: center;
}

.i633e {
  font-size: clamp(6rem, 15vw, 12rem);
  font-weight: 900;
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin: 0;
  padding: 0;
  line-height: 1;
  letter-spacing: -0.02em;
  animation: float 4s ease-in-out infinite;
}

.m0d3d176 {
  position: absolute;
  width: 120px;
  height: 12px;
  background-color: var(--color-accent);
  border-radius: var(--radius-full);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-20deg);
  box-shadow: var(--shadow-md);
  animation: paddle-swing 2s ease-in-out infinite;
}

.k91 {
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: var(--color-secondary);
  border-radius: var(--radius-full);
  top: 35%;
  right: 20%;
  box-shadow: var(--shadow-lg);
  animation: ball-bounce 2s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes paddle-swing {
  0%, 100% {
    transform: translate(-50%, -50%) rotate(-20deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(20deg);
  }
}

@keyframes ball-bounce {
  0%, 100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-80px, -100px) scale(1.1);
    opacity: 0.7;
  }
}

.h42 {
  margin-bottom: var(--spacing-2xl);
  position: relative;
  z-index: 20;
}

.i05e1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  padding: 0;
  line-height: 1.2;
}

.f6e {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: 500;
  font-family: var(--font-heading);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  padding: 0;
  line-height: 1.4;
}

.me176f64 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  padding: 0;
  line-height: 1.8;
  letter-spacing: 0.3px;
}

.p2c9 {
  font-size: clamp(0.9rem, 1.1vw, 1rem);
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  padding: 0;
  line-height: 1.7;
  font-style: italic;
}

.md1e12 {
  display: inline-block;
  padding: clamp(0.85rem, 2vw, 1.1rem) clamp(1.5rem, 4vw, 2.5rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  font-weight: 600;
  font-family: var(--font-heading);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  cursor: pointer;
  border: none;
  margin: var(--spacing-sm) var(--spacing-xs);
  position: relative;
  overflow: hidden;
}

.md1e12::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: var(--color-primary-hover);
  border-radius: var(--radius-full);
  transform: translate(-50%, -50%);
  transition: width var(--transition-base), height var(--transition-base);
  z-index: -1;
}

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

.md1e12:hover::before {
  width: 300px;
  height: 300px;
}

.md1e12:active {
  transform: translateY(-1px);
}

.ifff1 {
  display: inline-block;
  padding: clamp(0.85rem, 2vw, 1.1rem) clamp(1.5rem, 4vw, 2.5rem);
  background-color: var(--color-secondary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  cursor: pointer;
  border: none;
  margin: var(--spacing-sm) var(--spacing-xs);
  position: relative;
  overflow: hidden;
}

.ifff1::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: var(--color-secondary-hover);
  border-radius: var(--radius-full);
  transform: translate(-50%, -50%);
  transition: width var(--transition-base), height var(--transition-base);
  z-index: -1;
}

.ifff1:hover {
  background-color: var(--color-secondary-hover);
  transform: translateY(-3px);
  box-shadow: var(--shadow-lg);
}

.ifff1:hover::before {
  width: 300px;
  height: 300px;
}

.ifff1:active {
  transform: translateY(-1px);
}

.p7b843c {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
}

.c6a7 {
  position: absolute;
  border-radius: var(--radius-full);
  opacity: 0.08;
  border: 2px solid var(--color-primary);
}

.ibc2eb {
  width: 400px;
  height: 400px;
  top: -100px;
  right: -100px;
  animation: rotate-circle 20s linear infinite;
}

.k740 {
  width: 300px;
  height: 300px;
  bottom: -50px;
  left: -50px;
  animation: rotate-circle-reverse 25s linear infinite;
}

.p2c9a {
  width: 250px;
  height: 250px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: rotate-circle 30s linear infinite;
}

@keyframes rotate-circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate-circle-reverse {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

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

  .l36 {
    height: 320px;
    margin-bottom: var(--spacing-3xl);
  }

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

  .md1e12,
  .ifff1 {
    margin: var(--spacing-md) var(--spacing-sm);
  }
}

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

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

  .l36 {
    height: 350px;
    margin-bottom: var(--spacing-3xl);
  }

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

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

  .me176f64,
  .p2c9 {
    margin-bottom: var(--spacing-lg);
  }

  .ibc2eb {
    width: 500px;
    height: 500px;
  }

  .k740 {
    width: 400px;
    height: 400px;
  }

  .p2c9a {
    width: 350px;
    height: 350px;
  }
}

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

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

  .l36 {
    height: 400px;
    margin-bottom: var(--spacing-3xl);
  }

  .i633e {
    animation: float 5s ease-in-out infinite;
  }

  .m0d3d176 {
    width: 140px;
    animation: paddle-swing 2.5s ease-in-out infinite;
  }

  .k91 {
    animation: ball-bounce 2.5s ease-in-out infinite;
  }

  .md1e12,
  .ifff1 {
    margin: var(--spacing-md) var(--spacing-lg);
  }
}

@media (min-width: 1440px) {
  .mf21cb9c {
    padding: var(--spacing-2xl);
  }

  .a21 {
    padding: 0;
  }
}

.n0e {
  background-color: var(--color-bg-primary);
  direction: rtl;
}

.if8e13 {
  background-color: var(--color-bg-secondary);
  padding: 4rem 2rem;
  overflow: hidden;
}

.j3d2 {
  text-align: center;
}

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

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

.f15c16 {
  background-color: var(--color-bg-primary);
  padding: 4rem 2rem;
  overflow: hidden;
}

.p03a {
  width: 100%;
}

.dd226 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

.n35 {
  flex: 1 1 100%;
  min-width: 280px;
}

.hfe {
  flex: 1 1 100%;
  min-width: 280px;
}

.e90 {
  margin-bottom: 2rem;
}

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

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

.ecbf8e {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}

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

.fd9 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
  display: block;
}

.e914c00,
.ad1f {
  font-family: var(--font-primary);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1.1rem);
  transition: all var(--transition-base);
}

.e914c00::placeholder,
.ad1f::placeholder {
  color: var(--color-text-muted);
}

.e914c00:focus,
.ad1f:focus {
  outline: none;
  background-color: var(--color-bg-card);
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.ad1f {
  min-height: 140px;
  resize: vertical;
  font-size: clamp(0.9rem, 1vw, 1.1rem);
}

.ec8 {
  margin-top: 0.5rem;
}

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

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

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

.o00c757e {
  font-family: var(--font-primary);
  width: 100%;
  padding: 1rem 1.5rem;
  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.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: none;
}

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

.o00c757e:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.ba2688 {
  margin-bottom: 2rem;
}

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

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

.cc91 {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  margin-bottom: 2rem;
}

.c1425d {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.e3a {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: var(--color-primary);
}

.ff8cd333 {
  flex: 1;
}

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

.ofb2c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-fast);
  display: inline-block;
  line-height: 1.6;
}

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

.p1fa {
  background-color: var(--color-bg-secondary);
  padding: 1.5rem;
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

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

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

.h4c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.p948 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 500;
  color: var(--color-text-primary);
}

.d38f4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
}

.ga6dd65 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 2rem;
  overflow: hidden;
}

.cd33cb50 {
  text-align: center;
}

.lcc20916 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
}

.cee7 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0 0 2rem 0;
  line-height: 1.6;
}

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

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

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

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

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

.e54:hover {
  background-color: var(--color-bg-tertiary);
  border-color: var(--color-primary);
  color: var(--color-primary);
}

@media (min-width: 768px) {
  .if8e13 {
    padding: 5rem 2rem;
  }

  .f15c16 {
    padding: 5rem 2rem;
  }

  .dd226 {
    gap: 4rem;
    align-items: stretch;
  }

  .n35 {
    flex: 1 1 45%;
  }

  .hfe {
    flex: 1 1 45%;
  }

  .ga6dd65 {
    padding: 4rem 2rem;
  }
}

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

  .f15c16 {
    padding: 6rem 2rem;
  }

  .dd226 {
    gap: 5rem;
  }

  .n35 {
    flex: 0 1 48%;
  }

  .hfe {
    flex: 0 1 48%;
  }

  .ga6dd65 {
    padding: 5rem 2rem;
  }
}

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

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

  .ce09a {
    flex-direction: column;
  }

  .k1918274 {
    width: 100%;
  }
}
.k8e7d,.be4ad672{
  width: 34px;
}

/* FIX:nav .kfb3885 */
.kfb3885{
  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;
}

.l6c45{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .l6c45{
    max-width: 100%;
  }
}

/* FIX:zindex .l6c45.h273e10 */
.l6c45.h273e10{
  z-index: 999;
}

/* FIX:navpad .p39 */
.p39{
  padding-top: 50px;
}

/* FIX:toggle-expand .k8e7d */
.k8e7d[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .lf6e819e {
    aspect-ratio: 6 / 9;
  }
}

/* === QA batch contrast/rtl/honeypot === */

a.ifff1, .ifff1 {
  background-color: #0369a1;
  color: #ffffff;
}
a.ifff1:hover, .ifff1:hover {
  background-color: #075985;
  color: #ffffff;
  text-decoration: none;
}

/* solid CTA hover: beat global a:hover */
a.d52f6f3:hover, .d52f6f3:hover {
  color: #ffffff;
  text-decoration: none;
}
a.e54:hover, .e54:hover {
  color: #ffffff;
  text-decoration: none;
}
a.f3237bff:hover, .f3237bff:hover {
  color: #ffffff;
  text-decoration: none;
}
a.fff:hover, .fff:hover {
  color: #ffffff;
  text-decoration: none;
}
a.h25c4:hover, .h25c4:hover {
  color: #ffffff;
  text-decoration: none;
}
a.i8d:hover, .i8d:hover {
  color: #ffffff;
  text-decoration: none;
}
a.ifff1:hover, .ifff1:hover {
  color: #ffffff;
  text-decoration: none;
}
a.k1918274:hover, .k1918274:hover {
  color: #ffffff;
  text-decoration: none;
}
a.laa:hover, .laa:hover {
  color: #ffffff;
  text-decoration: none;
}
a.le80:hover, .le80:hover {
  color: #ffffff;
  text-decoration: none;
}
a.md1e12:hover, .md1e12:hover {
  color: #ffffff;
  text-decoration: none;
}
a.p2f7:hover, .p2f7:hover {
  color: #ffffff;
  text-decoration: none;
}

/* === QA residual pass-3 === */
a.if5, .if5 { color: #1d4ed8; }
a.if5:hover, .if5:hover { color: #1e3a8a; text-decoration: none; }