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

:root {
  --color-bg-primary: #fff7ed;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #0c0a09;
  --color-bg-card: #ffffff;

  --color-text-primary: #431407;
  --color-text-secondary: #78350f;
  --color-text-muted: #8b663f;

  --color-primary: #ea580c;
  --color-primary-hover: #c2410c;
  --color-primary-light: #f5a96a;
  --color-secondary: #f97316;
  --color-secondary-light: #fca47c;

  --color-success: #16a34a;
  --color-warning: #eab308;
  --color-danger: #dc2626;

  --color-border: #fed7aa;
  --color-border-light: #fef3c7;

  --font-primary: 'Red Hat Text', sans-serif;
  --font-heading: 'Red Hat Display', sans-serif;

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

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

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;

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

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

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

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

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

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

h1 {
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: var(--spacing-xl);
}

h2 {
  font-size: 2.5rem;
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: 1.75rem;
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.375rem;
  margin-bottom: var(--spacing-md);
}

h5 {
  font-size: 1.125rem;
  margin-bottom: var(--spacing-sm);
}

h6 {
  font-size: 1rem;
  margin-bottom: var(--spacing-sm);
}

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
  font-weight: 400;
}

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

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

button, .md7b {
  font-family: var(--font-primary);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-fast);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 1rem;
}

.c7211 {
  background: var(--color-primary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

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

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

.c385433d:hover {
  background: #f05a0d;
}

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

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

.g7c66 {
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: 0.875rem;
}

.ac58ec {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: 1.125rem;
}

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

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.1);
}

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

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

.c61 {
  background: var(--color-bg-tertiary);
  color: #ffffff;
}

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

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

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

.j4630d {
  background: #dcfce7;
  color: #166534;
}

.e37d6a {
  background: #fef3c7;
  color: #92400e;
}

.e19 {
  background: #fee2e2;
  color: #991b1b;
}

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

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

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

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

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

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

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

.d152 {
  flex-direction: column;
}

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

.o5d4b {
  background: var(--color-bg-tertiary);
  color: #ffffff;
  padding: var(--spacing-3xl) 0;
}

.f06ef {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-3xl) 0;
}

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

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

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

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

.gc55 {
  text-align: center;
}

.o070a {
  text-align: right;
}

.o89c5 {
  font-weight: 600;
}

.g9eca3 { margin-top: var(--spacing-xs); }
.p832bb { margin-top: var(--spacing-sm); }
.k8d6890 { margin-top: var(--spacing-md); }
.p5c0 { margin-top: var(--spacing-lg); }
.od8 { margin-top: var(--spacing-xl); }
.e23 { margin-top: var(--spacing-2xl); }
.gf15 { margin-top: var(--spacing-3xl); }

.gb68 { margin-bottom: var(--spacing-xs); }
.lcd07 { margin-bottom: var(--spacing-sm); }
.n05831b { margin-bottom: var(--spacing-md); }
.b85 { margin-bottom: var(--spacing-lg); }
.jb0e980 { margin-bottom: var(--spacing-xl); }
.naa { margin-bottom: var(--spacing-2xl); }
.gac174c { margin-bottom: var(--spacing-3xl); }

.d072 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.if90367 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.hbc { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }

.e56 { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.c7d { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.d3f05 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .m2e1, .k6d2ed14, .i3c29c {
    grid-template-columns: 1fr;
  }

  .pc8, .o5d4b, .f06ef {
    padding: var(--spacing-2xl) 0;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  button, .md7b {
    width: 100%;
  }

  .m37f {
    flex-direction: column;
  }
}
.d592bb {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 1000;
  width: 100%;
}

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

.kbdd {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 0.5rem;
  flex-shrink: 0;
  transition: transform var(--transition-fast);
}

.kbdd:hover {
  transform: translateY(-2px);
}

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

.c467 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 3vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  white-space: nowrap;
}

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

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

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

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

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

.g89 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 6px;
  padding: 0;
  flex-shrink: 0;
}

.g4d88 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 24px;
}

.g4d88::before,
.g4d88::after,
.g4d88 {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-fast);
}

.g4d88 {
  position: relative;
}

.b12f6da {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 999;
  padding-top: clamp(4rem, 10vw, 5rem);
  overflow-y: auto;
  border-right: 1px solid var(--color-border-light);
}

.b12f6da.i95f89 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.l65ea7f {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: clamp(4rem, 10vw, 5rem);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

.a79f29f {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-fast);
}

.a79f29f:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-right: clamp(1.5rem, 5vw, 2.5rem);
}

.h1e {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-weight: 600;
  text-align: center;
  margin: 0 clamp(1rem, 4vw, 2rem);
  transition: all var(--transition-fast);
  display: block;
}

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

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

  .b12f6da {
    display: none;
  }

  .l4e1064 {
    display: flex;
  }

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

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

  .g99261bd {
    height: 5rem;
  }
}

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

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

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

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

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

.a18 {
  font-size: clamp(2.5rem, 7vw + 0.5rem, 4.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
  letter-spacing: -0.02em;
}

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

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

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

.md7b {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.875rem, 1vw, 1rem);
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 600;
  display: inline-block;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

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

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

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

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

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

.a42 {
  flex: 1 1 50%;
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
}

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

.k110f9 {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

.c6d4b910 {
  text-align: center;
}

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

.of539d {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  margin-top: clamp(0.75rem, 1vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.a0edc49:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-3px);
}

.a0edc49 i {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
}

.oa3cc {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: #ffffff;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.g546de6 {
  text-align: center;
}

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

.hba2e3 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.b3f6 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  border-left: 4px solid var(--color-accent);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

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

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

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

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

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

.e5c594f {
  text-align: center;
}

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

.k7a7 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.l7558ee {
  flex: 1 1 300px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

.l7558ee i {
  font-size: clamp(2.5rem, 4vw, 3.5rem);
  color: var(--color-accent);
}

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

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

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

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

.e9560ddc {
  text-align: center;
}

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

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

.o964,
.le80646c {
  flex: 1 1 300px;
  min-height: 250px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.o964 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.le80646c {
  background: rgba(234, 88, 12, 0.1);
  border: 1px solid rgba(234, 88, 12, 0.3);
}

.e21f {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: #ffffff;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p0ff {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #e0e0e0;
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p0ff::before {
  content: '✗';
  position: absolute;
  left: 0;
  color: #ef4444;
  font-weight: bold;
}

.cdd85 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #c8e6c9;
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cdd85::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: #4caf50;
  font-weight: bold;
}

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

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

.je9 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.jebec {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.9);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.mbda1 {
  text-align: center;
}

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

.ab5 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.jc702 {
  flex: 1 1 250px;
  max-width: 300px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--color-border-light);
}

.jc702:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  border-color: var(--color-accent);
}

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

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

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

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

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

.o952 {
  text-align: center;
}

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

.hcf3d {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f2e7 {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  aspect-ratio: 4/3;
  cursor: pointer;
}

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

.f2e7:hover .m1b11f8 {
  transform: scale(1.08);
}

.g6d {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.f2e7:hover .g6d {
  opacity: 1;
}

.g25 {
  color: #ffffff;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-align: center;
  padding: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.f8ca {
  flex: 1 1 55%;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

.af9 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f66 {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

.e82 {
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
  transition: all 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f66[open] .e82 {
  background: rgba(234, 88, 12, 0.2);
}

.c7f282 {
  padding: clamp(1rem, 2vw, 1.5rem);
  color: #d0d0d0;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  background: rgba(0, 0, 0, 0.3);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g5dae {
  flex: 1 1 40%;
  min-width: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.j87 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
}

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

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

.ba9bc3 {
  text-align: center;
}

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

.ce854 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.cb2 {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}

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

.a04:hover .j6b2d {
  transform: scale(1.05);
}

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

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

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

.c3ac8 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

.i3ca97 {
  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);
  overflow: hidden;
}

.i3ca97.n061a6 {
  display: none;
}

.c3b8 {
  color: #ffffff;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  margin: 0;
  flex: 1 1 200px;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c901 {
  display: flex;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  flex-wrap: wrap;
}

.p54,
.d7a47 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 6px;
  cursor: pointer;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  border: none;
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

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

.d7a47:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
}

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

  .fca9,
  .a42 {
    flex: 1 1 100%;
  }

  .a42 {
    max-height: 300px;
  }

  .ld0e08f4 {
    flex-direction: column;
  }

  .f8ca,
  .g5dae {
    flex: 1 1 100%;
  }

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

  .l29 {
    flex-direction: column;
  }

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

  .c3b8 {
    flex: 1 1 100%;
    text-align: center;
  }

  .c901 {
    flex: 1 1 100%;
    justify-content: center;
  }
}

@media (max-width: 1024px) {
  .fef {
    flex-direction: column;
    align-items: center;
  }

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

  .jaee {
    flex-direction: column;
  }

  .l7558ee {
    flex: 1 1 100%;
  }

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

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

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

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

.i365 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.b4d2dd {
  max-width: 500px;
}

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

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

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

.j4f7,
.n0d4,
.f43d {
  flex: 1 1 200px;
  min-width: 180px;
}

.j4f7 h3,
.n0d4 h3,
.f43d h3 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  font-weight: 700;
}

.e5ab29c6,
.n176c5 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1.5vw, 0.875rem);
}

.e5ab29c6 li,
.n176c5 li {
  margin: 0;
  padding: 0;
}

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

.j4f7 a:hover,
.f43d a:hover {
  color: var(--color-accent);
}

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

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

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

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

.b2b9b {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .j4f7,
  .n0d4,
  .f43d {
    flex: 1 1 100%;
  }

  .m7914af {
    align-items: flex-start;
  }
}

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

  .j4f7,
  .n0d4,
  .f43d {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

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

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

.bd316b {
  background: var(--color-bg-secondary);
  padding: clamp(4rem, 10vw, 7rem) 0;
  overflow: hidden;
  border-bottom: 3px solid var(--color-accent);
}

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

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

.de54b {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i3cc2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 800px;
  margin: 0 auto;
}

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

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

.d632 {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-right: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
}

.d632 p {
  font-family: var(--font-primary);
  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;
  margin: 0;
}

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

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

.e69d6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i9db {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  justify-content: center;
}

.c090 {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
  max-width: 100%;
}

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

.bfb {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 0;
}

.jd05 {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

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

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

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

.d887c63c {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.5rem);
  padding-top: 0.5rem;
  border-top: 1px solid var(--color-border-light);
}

.hdb3889 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

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

.n9c8 {
  align-self: flex-start;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0;
  transition: all 0.3s ease;
  margin-top: 0.5rem;
}

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

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

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

.c527 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-muted);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f05c {
  flex: 1 1 clamp(250px, 25vw, 280px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-align: center;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

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

.g16f {
  font-size: 2.5rem;
  color: var(--color-accent);
  display: flex;
  justify-content: center;
}

.d2a9a90a {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

@media (min-width: 768px) {
  .i9db {
    gap: clamp(2rem, 5vw, 3rem);
  }

  .c090 {
    flex-direction: row;
    max-width: 100%;
  }

  .bfb {
    flex-direction: row;
    gap: 0;
  }

  .jd05 {
    flex: 1 1 35%;
    aspect-ratio: auto;
    min-height: 280px;
  }

  .k08 {
    flex: 1 1 65%;
  }

  .ld8c {
    flex-wrap: wrap;
  }

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

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

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

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

  .c090 {
    align-items: stretch;
  }

  .jd05 {
    flex: 1 1 40%;
    min-height: 320px;
  }

  .k08 {
    flex: 1 1 60%;
  }

  .f05c {
    flex: 1 1 calc(25% - 1.875rem);
  }
}

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

  .jd05 {
    width: 100%;
    aspect-ratio: 16/9;
    min-height: auto;
  }

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

  .ld8c {
    flex-direction: column;
  }

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

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

html, body {
  font-family: 'Red Hat Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  direction: rtl;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.da7cc {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

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

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

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

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

.a3b944 {
  text-align: center;
}

.o1b146d2 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

.k0c34fd {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.375rem 0.75rem;
  border-radius: 9999px;
  font-weight: 600;
}

.de9032,
.a57,
.ka268 {
  color: var(--color-text-secondary);
}

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

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

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

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

.e3a6 {
  flex: 1 1 70%;
  min-width: 0;
}

.la6426 {
  flex: 1 1 30%;
  min-width: 0;
  position: sticky;
  top: 2rem;
}

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

.o45c36 {
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

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

.de3d1 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

.a854e {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.lc8099 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  padding: 1.25rem;
  background: var(--color-bg-primary);
  border-radius: 0.5rem;
  border-left: 4px solid var(--color-accent);
}

.m3f {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
}

.i4c1 {
  flex: 1;
}

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

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

.j8068 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  margin-top: clamp(2rem, 4vw, 3rem);
}

.m11ea3d {
  max-width: 100%;
}

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

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

.hc0a3e {
  background: var(--color-bg-card);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

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

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

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

.o9bf5 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.m01 {
  margin-bottom: 1rem;
}

.e1bb8 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.375rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.f42e {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  margin: 1rem auto;
  display: block;
  border: 3px solid var(--color-border);
}

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

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

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

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

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

.k114 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

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

.m296c {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-border-light);
}

.m296c:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.m296c:not(:last-child) {
  margin-bottom: 1rem;
}

.o3f {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: cover;
  border-radius: 0.5rem;
  display: block;
}

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

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

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

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

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

  .e3a6 {
    flex: 1 1 100%;
  }

  .la6426 {
    flex: 1 1 100%;
    position: static;
    top: auto;
  }

  .m28 {
    flex-direction: column;
  }

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

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

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

  .da7cc {
    margin-bottom: 1.5rem;
  }

  .d4d5 {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

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

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

  .m3f {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.5rem;
  }

  .o9bf5 {
    margin-bottom: 1.5rem;
  }
}

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

  .k0c34fd {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
  }

  .o1b146d2 {
    gap: 0.5rem;
  }

  .d24 {
    gap: 1rem;
  }

  .o45c36 {
    padding: 1rem;
  }

  .lc8099 {
    padding: 0.75rem;
    gap: 0.5rem;
  }

  .m3f {
    width: 2rem;
    height: 2rem;
    font-size: 1.25rem;
  }
}

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

.i9bb {
  display: block;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

.b0b {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.5;
  max-width: 650px;
}

.nf40b5 {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kcec8 {
  background: rgba(234, 88, 12, 0.08);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
}

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

.n8a43f {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

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

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

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

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

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

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

.h5b0685b {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: 0.5rem;
}

.bd807f {
  background: var(--color-bg-primary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border: 2px solid rgba(234, 88, 12, 0.15);
}

.g35d46 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

.o3688 {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.0625rem);
  font-weight: 600;
}

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

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

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

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

.mf1 {
  flex: 1;
  min-width: 0;
}

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

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

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

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

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

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

.m427e4 {
  background: rgba(234, 88, 12, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
}

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

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

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

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

.a6cc23c {
  background: rgba(234, 88, 12, 0.08);
  border: 2px solid rgba(234, 88, 12, 0.2);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
}

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

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

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

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

.n01 {
  color: #ffffff;
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: 1.3;
}

.m7bb {
  color: #e0e0e0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.0625rem);
  line-height: 1.7;
}

.d9b04b {
  margin-top: 1rem;
}

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

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

.pe898 {
  width: clamp(280px, 30%, 360px);
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.e83b {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 2px solid rgba(234, 88, 12, 0.15);
  position: sticky;
  top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.f64bbfcf {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.he6ca {
  width: 100%;
  max-width: 120px;
  height: auto;
  border-radius: var(--radius-md);
  display: block;
  margin: 0 auto;
}

.c7844f4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1.5vw, 1.0625rem);
  font-weight: 600;
  margin: 0.5rem 0 0 0;
}

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

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

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

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

.m856e {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 2px solid rgba(234, 88, 12, 0.15);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.a0c {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

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

.l950d501 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  overflow: hidden;
  transition: all 0.3s ease;
}

.l950d501:hover {
  transform: translateY(-2px);
}

.a72 {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

.h0503 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(0.8125rem, 1.2vw, 0.9375rem);
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}

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

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

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

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

  .pe898 {
    width: 100%;
  }

  .e83b {
    position: static;
  }

  .nb8a4,
  .f8515,
  .mbc3,
  .i89c9 {
    flex-direction: column;
  }

  .be15a4,
  .bfcacf,
  .e150b158,
  .na91,
  .l2ad3,
  .c3ede21,
  .lf7f031,
  .id7477f8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .g5b7a870 span,
  .g5b7a870 a {
    font-size: 0.75rem;
  }

  .nf40b5 {
    gap: 0.75rem;
  }

  .b5c {
    font-size: 0.75rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

  .f4ca i {
    color: var(--color-accent);
    font-size: 1.1em;
  }

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

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

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

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

  .le77 {
    width: 100%;
    max-height: 500px;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
  }

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

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

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

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

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

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

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

  .b70a {
    font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
    color: var(--color-text-secondary);
    line-height: 1.8;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .cfbdb6ae {
    background: rgba(234, 88, 12, 0.08);
    border-left: 4px solid var(--color-accent);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: var(--radius-md);
    margin: clamp(1rem, 2vw, 1.5rem) 0;
  }

  .k9a560 {
    font-size: clamp(0.9375rem, 1vw, 1rem);
    color: var(--color-text-primary);
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .ib466e71 {
    font-size: clamp(0.9375rem, 1vw, 1rem);
    color: var(--color-text-secondary);
    padding-left: 2rem;
    position: relative;
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .ib466e71::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--color-accent);
    font-weight: bold;
    font-size: 1.2em;
  }

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

  .n078f {
    flex: 1 1 calc(50% - clamp(0.5rem, 1vw, 0.75rem));
    background: rgba(234, 88, 12, 0.05);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .dccddb {
    font-size: clamp(0.9375rem, 1vw, 1.0625rem);
    color: var(--color-text-primary);
    font-weight: 600;
    font-family: var(--font-heading);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .o027 {
    background: rgba(12, 10, 9, 0.04);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    margin: clamp(2rem, 4vw, 3rem) 0;
  }

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

  .kab9c {
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: var(--color-text-primary);
    font-weight: 600;
    font-family: var(--font-heading);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .kab9c i {
    color: var(--color-accent);
    font-size: 1.3em;
  }

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

  .of745 {
    flex: 1 1 30%;
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 3vw, 2.5rem);
    position: sticky;
    top: 2rem;
  }

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

  .id3 {
    width: 100px;
    height: 100px;
    border-radius: var(--radius-full);
    object-fit: cover;
    display: block;
    border: 3px solid var(--color-accent);
  }

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

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

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

  .ad7d974f {
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    color: var(--color-accent);
    font-weight: 500;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .n671 {
    font-size: clamp(1.1875rem, 2vw, 1.375rem);
    color: var(--color-text-primary);
    font-weight: 700;
    font-family: var(--font-heading);
    border-bottom: 2px solid var(--color-accent);
    padding-bottom: 0.75rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .f84646 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--color-border-light);
  }

  .f84646:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

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

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

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

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

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

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

    .j35 {
      flex: 1 1 100%;
    }

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

    .g201f5 {
      flex-direction: column;
    }

    .hd2,
    .nad8ec {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .fc51 {
      flex-direction: column;
    }

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

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

    .g711 {
      padding: clamp(2rem, 6vw, 3rem) 0;
    }

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

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

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

    .le77 {
      max-height: 350px;
    }

    .id3 {
      width: 80px;
      height: 80px;
    }
  }

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

html, body {
  width: 100%;
  height: 100%;
}

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

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

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

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

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

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

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

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

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

.dd6 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

.a94fd14 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: 'Red Hat Text', sans-serif;
  line-height: 1.6;
  max-width: 90%;
}

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

.ceb9fc {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-family: 'Red Hat Text', sans-serif;
}

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

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

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

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

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

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

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

.f45ebf {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 700;
  line-height: 1.3;
}

.m64e {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-family: 'Red Hat Text', sans-serif;
  line-height: 1.8;
}

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

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

@media (max-width: 768px) {
  .oc46 {
    flex-direction: column;
  }
  
  .n98806,
  .ie547 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.n7e16bee {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: start;
}

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

.b3ee5 {
  color: var(--color-text-muted);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 700;
  line-height: 1.3;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.ebc0 {
  color: #e8e8e8;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-family: 'Red Hat Text', sans-serif;
  line-height: 1.8;
}

.occb4 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: block;
  margin: clamp(1rem, 2vw, 1.5rem) 0;
}

.hb4c65 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: rgba(234, 88, 12, 0.1);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

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

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

.c783209c {
  color: #e8e8e8;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-family: 'Red Hat Text', sans-serif;
  line-height: 1.7;
}

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

.m750f7 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  margin: clamp(1.5rem, 3vw, 2rem) 0;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: rgba(255, 255, 255, 0.03);
  border-radius: var(--radius-lg);
}

.nff {
  color: var(--color-text-muted);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 700;
}

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

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

.cd6705 {
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3rem);
  height: clamp(2.5rem, 5vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 700;
  border-radius: 50%;
}

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

.l9c {
  color: var(--color-text-muted);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 600;
}

.f42 {
  color: #e8e8e8;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-family: 'Red Hat Text', sans-serif;
  line-height: 1.7;
}

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

.da1e2 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1vw, 1rem));
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

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

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

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

.m297ccd0 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 600;
}

.e7726 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-family: 'Red Hat Text', sans-serif;
  line-height: 1.7;
}

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

.eb4c50 {
  padding: clamp(1.5rem, 3vw, 2rem);
  background: rgba(217, 119, 6, 0.1);
  border-left: 4px solid var(--color-secondary);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.fca471 {
  color: var(--color-text-muted);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 600;
}

.p219a34 {
  color: #e8e8e8;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-family: 'Red Hat Text', sans-serif;
  line-height: 1.7;
}

.f93b63 {
  padding: clamp(2rem, 4vw, 3rem);
  background: rgba(217, 119, 6, 0.08);
  border: 1px solid rgba(234, 88, 12, 0.3);
  border-radius: var(--radius-lg);
  margin: clamp(2rem, 4vw, 3rem) 0;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

.ic7e {
  color: var(--color-text-muted);
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 600;
}

.mae {
  color: #e8e8e8;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-family: 'Red Hat Text', sans-serif;
  line-height: 1.7;
}

.k91ff3 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
  height: fit-content;
  position: sticky;
  top: clamp(1rem, 2vw, 2rem);
}

.lc0f0d {
  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);
  align-items: center;
  text-align: center;
}

.a799 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

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

.b1f6e16 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.ib1c42d {
  margin: 0;
}

.mb685f {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

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

.k81 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-family: 'Red Hat Text', sans-serif;
  font-weight: 600;
}

.cc3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-family: 'Red Hat Text', sans-serif;
  line-height: 1.6;
}

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

.le27f {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 700;
  margin: 0;
}

.l0898 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  padding: clamp(1rem, 2vw, 1.25rem) 0;
  border-bottom: 1px solid rgba(67, 20, 7, 0.1);
  transition: all 0.3s ease;
}

.l0898:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

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

.pdc {
  width: 100%;
  height: 120px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

.l0898:hover .a3cbcb8b {
  transform: scale(1.05);
}

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

.i9b08 {
  margin: 0;
}

.e60c {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  line-height: 1.4;
}

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

.de6ef4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-family: 'Red Hat Text', sans-serif;
  line-height: 1.5;
  margin: 0;
}

@media (max-width: 1024px) {
  .n7e16bee {
    grid-template-columns: 1fr;
  }
  
  .k91ff3 {
    position: static;
  }
}

@media (max-width: 768px) {
  .g1c6 {
    padding: clamp(2rem, 5vw, 3rem) 0 clamp(1.5rem, 3vw, 2rem);
  }
  
  .m280 {
    max-height: 300px;
  }
  
  .oc46 {
    flex-direction: column;
  }
  
  .n98806,
  .ie547 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .da1e2 {
    flex: 1 1 100%;
  }
  
  .a94fd14 {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .e7ff6951 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  
  .paeb587 {
    font-size: 0.75rem;
    gap: 0.25rem;
  }
  
  .m6de1 {
    gap: 1rem;
  }
  
  .a9f {
    gap: 0.75rem;
  }
}

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

html, body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

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

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

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

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

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

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

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

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

.f2d83 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

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

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

.a53 {
  text-align: center;
}

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

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

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

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

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

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

.a66099 {
  text-align: center;
}

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

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

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

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

.o6772:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
  border-color: var(--color-primary);
}

.n97851 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-primary);
  line-height: 1;
}

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

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

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

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

.e329 {
  text-align: center;
}

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

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

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

.o9fd4 {
  flex: 1 1 clamp(280px, 45%, 550px);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

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

.f306 {
  flex: 1 1 clamp(280px, 45%, 500px);
  min-height: 300px;
  max-height: 450px;
  width: 100%;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}

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

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

.la849e {
  text-align: center;
}

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

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

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

.hc57b1c {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: flex-start;
}

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

.m40 {
  flex: 1;
}

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

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

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

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

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

.l8f800 {
  font-size: 1.25rem;
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

.k1772 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  text-align: right;
  direction: rtl;
}

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

  .f306 {
    min-height: 250px;
  }

  .o6772 {
    flex: 1 1 100%;
  }

  .od9,
  .h3b,
  .kd2,
  .h1b7 {
    gap: 1.5rem;
  }
}

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

  .h89 {
    gap: 1rem;
  }

  .hc57b1c {
    gap: 1rem;
  }

  .o6772 {
    padding: 1rem;
  }
}

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

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

::-webkit-scrollbar-thumb {
  background: var(--color-accent);
  border-radius: 4px;
}

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

.nbf379 {
  width: 100%;
  font-family: var(--font-primary);
}

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

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

.n952003 {
  flex: 1 1 100%;
  min-height: 250px;
  max-height: 400px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.c02 {
  flex: 1 1 100%;
}

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

.k3fb1e5 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.aec6f {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .n952003 {
    flex: 1 1 48%;
    min-height: 350px;
  }

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

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

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

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

.hd6d {
  text-align: center;
}

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

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

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

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

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

.o59a {
  flex: 0 0 auto;
  width: clamp(3rem, 10vw, 4rem);
  height: clamp(3rem, 10vw, 4rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.e91fcf {
  flex: 1 1 auto;
}

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

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

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

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

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

.l497 {
  text-align: center;
}

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

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

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

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

.i68c {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 4vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.i24 {
  width: clamp(2.5rem, 6vw, 3.5rem);
  height: clamp(2.5rem, 6vw, 3.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  margin-bottom: 1rem;
}

.b885d {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.dee {
  text-align: center;
}

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

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

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

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

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

.l1c51a {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
}

.f0d354 {
  font-style: italic;
  margin: 0;
}

.k4f9b5 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l0c0d126 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-style: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .a02 {
    flex: 1 1 55%;
  }

  .l1c51a {
    flex: 1 1 40%;
  }
}

.jc7b35e {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 4vw, 2rem);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.c79dc0 {
  padding: clamp(1rem, 3vw, 1.5rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.jdb13f {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.ld3038b {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.f570 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.dc33 {
  background: transparent;
  color: var(--color-accent);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2rem);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .f570,
  .dc33 {
    flex: 1 1 auto;
    max-width: 250px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .f570,
  .dc33 {
    width: 100%;
  }
}

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

.o4b161 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

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

.pee7e21b {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
}

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

.o225 {
  padding: var(--spacing-xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
}

.cd2e8 {
  max-width: 700px;
  margin: 0 auto;
}

.i2f {
  margin-bottom: var(--spacing-md);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  transition: all var(--transition-base);
}

.i2f:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

.l8e {
  width: 100%;
  padding: var(--spacing-md);
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: all var(--transition-fast);
  font-family: var(--font-primary);
  text-align: right;
}

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

.h6056d {
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  color: var(--color-text-primary);
  font-weight: 600;
  flex: 1;
  text-align: right;
}

.lb5 {
  font-size: 1.5rem;
  color: var(--color-primary);
  font-weight: 300;
  flex-shrink: 0;
  transition: transform var(--transition-base);
  display: inline-block;
}

.i2f.i95f89 .lb5 {
  transform: rotate(45deg);
}

.ica3916 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base) ease-in-out;
  background-color: var(--color-bg-primary);
}

.i2f.i95f89 .ica3916 {
  max-height: 500px;
}

.ica3916 p {
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  margin: 0;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  text-align: right;
}

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

.b9e1f {
  max-width: 600px;
  margin: 0 auto;
}

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

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

.pb9 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
}

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

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

@media (min-width: 640px) {
  .o4b161 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

  .ica3916 p {
    padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .o4b161 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .o225 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .cd2e8 {
    max-width: 800px;
  }

  .d5b9042a {
    padding: 4rem var(--spacing-2xl);
  }
}

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

.g62 {
  background-color: var(--color-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.abb89 {
  max-width: 900px;
  width: 100%;
  text-align: center;
}

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

.m13a33b2 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--color-text-on-accent);
  margin: 0;
  opacity: 0.95;
  line-height: 1.5;
}

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

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

.ib1a4 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  width: 100%;
}

.a4c8b022 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  box-shadow: var(--shadow-sm);
}

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

.i5a9d9 {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  color: var(--color-primary);
}

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

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

.b2d1f0 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
}

.d4670ce {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  color: var(--color-text-secondary);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

.d4670ce i {
  color: var(--color-success);
  font-size: 1rem;
}

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

.dae04e4d {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: center;
}

.kce56f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.gcb28769 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.m70334 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  width: fit-content;
}

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

.m4a8ae {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

.c13ae {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
  line-height: 1.2;
}

.d9dc {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  width: 100%;
}

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

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

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

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

.l3fdd3:hover .lb8e img {
  transform: scale(1.05);
}

.l3fdd3 > * {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.lb8e {
  padding: 0;
}

.dad2 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.3rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: var(--spacing-lg) 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

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

.iee {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  margin-bottom: var(--spacing-lg);
}

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

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

  .j0d0e5e2 {
    font-size: clamp(2.5rem, 6vw, 3.5rem);
  }

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

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

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

  .dae04e4d {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

  .m4a8ae {
    min-height: 350px;
  }

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

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

  .lb8e {
    height: 250px;
  }
}

@media (min-width: 1024px) {
  .g62 {
    padding: var(--spacing-3xl) 0;
    min-height: 380px;
  }

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

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

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

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

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

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

  .m70334 {
    padding: var(--spacing-lg) var(--spacing-2xl);
    font-size: 1.05rem;
  }
}

@media (min-width: 1440px) {
  .ib1a4 {
    gap: var(--spacing-3xl);
  }

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

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

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

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

.ked 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.3;
}

.ked .j3cf855d {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.ked h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.ked p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.ked ul {
  list-style: none;
  padding: 0;
  margin: var(--spacing-md) 0;
}

.ked li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

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

.ked .acb {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.ked .acb h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.ked .acb p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.ked .p6f644f strong {
  display: block;
  margin-bottom: var(--spacing-xs);
  color: var(--color-primary);
}

@media (min-width: 768px) {
  .ked .k02ad {
    padding: 0 var(--spacing-lg);
  }

  .ked .d02f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .ked h2 {
    margin-top: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .ked .k02ad {
    padding: 0 var(--spacing-xl);
  }

  .ked .d02f {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.e7b {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.g5d7ac2 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
  width: 100%;
}

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

.d02f {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.bff30 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.h5bfe {
  color: var(--color-success);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.h5bfe svg {
  width: 100px;
  height: 100px;
  display: block;
}

@keyframes scaleIn {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.bff30 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  animation: fadeInUp 0.6s ease-out 0.2s both;
  line-height: 1.2;
}

.id90b {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 500;
  color: var(--color-primary);
  margin: 0;
  animation: fadeInUp 0.6s ease-out 0.3s both;
  line-height: 1.5;
}

.cf6ff {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  animation: fadeInUp 0.6s ease-out 0.4s both;
  line-height: 1.8;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.cd65f1 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  animation: fadeInUp 0.6s ease-out 0.5s both;
  line-height: 1.7;
  font-style: italic;
}

.md7b {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid transparent;
  transition: var(--transition-base);
  cursor: pointer;
  text-align: center;
  animation: fadeInUp 0.6s ease-out 0.6s both;
  margin-top: var(--spacing-md);
}

.c7211 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.c7211:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.c7211:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

  .h5bfe svg {
    width: 80px;
    height: 80px;
  }

  .md7b {
    width: 100%;
    max-width: 300px;
  }
}

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

  .k02ad {
    padding: 0 var(--spacing-lg);
  }

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

  .h5bfe svg {
    width: 110px;
    height: 110px;
  }
}

@media (min-width: 1024px) {
  .g5d7ac2 {
    padding: var(--spacing-3xl) 0;
  }

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

  .md7b {
    width: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .h5bfe {
    animation: none;
  }

  .bff30 h1,
  .id90b,
  .cf6ff,
  .cd65f1,
  .md7b {
    animation: none;
  }

  .c7211:hover {
    transform: none;
  }

  .c7211:active {
    transform: none;
  }
}

.o2e5071 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

.p06e {
  width: 100%;
  padding: var(--spacing-xl) 0;
  overflow: hidden;
}

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

.d02f {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.ce0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xl);
  text-align: center;
}

.eda {
  position: relative;
  width: 100%;
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.i1ebc {
  position: relative;
  width: 100%;
  max-width: 300px;
  height: 180px;
  background-color: var(--color-bg-secondary);
  border: 3px solid var(--color-primary);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.m8e3c94 {
  position: absolute;
  background-color: var(--color-border-light);
}

.f17 {
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0;
  animation: pulse-line 2s ease-in-out infinite;
}

.a79 {
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
  animation: pulse-line 2s ease-in-out infinite 0.5s;
}

.l4fe {
  position: absolute;
  width: 6px;
  height: 140px;
  background-color: var(--color-primary);
  left: 15%;
  top: 20px;
  border-radius: var(--radius-sm);
}

.a0692ad {
  left: auto;
  right: 15%;
}

.k2722a3 {
  position: absolute;
  width: 70%;
  height: 2px;
  background: repeating-linear-gradient(
    90deg,
    var(--color-primary),
    var(--color-primary) 4px,
    transparent 4px,
    transparent 8px
  );
  top: 50%;
  left: 15%;
  transform: translateY(-50%);
  animation: sway 3s ease-in-out infinite;
}

.d35d2fd8 {
  position: absolute;
  width: 12px;
  height: 16px;
  background-color: var(--color-accent);
  border-radius: 50% 50% 40% 40%;
  animation: fly 4s ease-in-out infinite;
}

.d7c75c0 {
  left: 10%;
  animation: fly-1 4s ease-in-out infinite;
}

.caa2 {
  right: 10%;
  animation: fly-2 4s ease-in-out infinite 1s;
}

.m42 {
  position: absolute;
  font-size: clamp(5rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
  line-height: 1;
  letter-spacing: -0.02em;
}

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

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

.p918a9 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.3;
}

.p08bdcf {
  font-size: clamp(1rem, 1vw + 0.5rem, 1.125rem);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.6;
  font-weight: 600;
}

.i292fd45 {
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  font-family: var(--font-primary);
  color: var(--color-primary);
  margin: 0;
  line-height: 1.6;
  font-weight: 500;
}

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

.md7b {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  font-family: var(--font-heading);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  margin-top: var(--spacing-md);
}

.c7211 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

@keyframes pulse-line {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}

@keyframes sway {
  0%, 100% {
    transform: translateY(-50%) skewX(-1deg);
  }
  50% {
    transform: translateY(-50%) skewX(1deg);
  }
}

@keyframes fly-1 {
  0% {
    left: 10%;
    top: 140px;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    left: 50%;
    top: 40px;
  }
  90% {
    opacity: 1;
  }
  100% {
    left: 90%;
    top: 140px;
    opacity: 0;
  }
}

@keyframes fly-2 {
  0% {
    right: 10%;
    top: 40px;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    right: 50%;
    top: 140px;
  }
  90% {
    opacity: 1;
  }
  100% {
    right: 90%;
    top: 40px;
    opacity: 0;
  }
}

@media (min-width: 768px) {
  .p06e {
    padding: var(--spacing-2xl) 0;
  }

  .eda {
    height: 280px;
  }

  .i1ebc {
    max-width: 400px;
    height: 220px;
  }

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

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

@media (min-width: 1024px) {
  .p06e {
    padding: var(--spacing-3xl) 0;
  }

  .eda {
    height: 320px;
  }

  .i1ebc {
    max-width: 450px;
    height: 260px;
  }

  .m42 {
    font-size: clamp(6rem, 12vw, 9rem);
  }

  .md7b {
    padding: var(--spacing-md) var(--spacing-xl);
    font-size: clamp(1rem, 1vw + 0.5rem, 1.15rem);
  }
}

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

.c2bb {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.i97 {
  text-align: center;
}

.mab45a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.b37b0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .c2bb {
    padding: 5rem 0;
  }
}

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

.hced239c {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.a2071aa {
  width: 100%;
}

.pf2d377 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  width: 100%;
}

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

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

.de0f2d90 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
}

.f2b23d {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.gd0 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 500;
  color: var(--color-text-primary);
  display: block;
}

.m1679,
.d4e1c36 {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: 1.5;
  transition: all var(--transition-base);
}

.m1679::placeholder,
.d4e1c36::placeholder {
  color: var(--color-text-muted);
}

.m1679:focus,
.d4e1c36:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px var(--color-accent-light);
}

.d4e1c36 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

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

.b602 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

.b602:hover,
.b602:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.p605b8 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all var(--transition-base);
}

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

.p605b8:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--color-accent-light);
}

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

.cea64385 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
}

.i4f4c628 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.a3cf {
  display: flex;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.a3cf:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

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

.p1d1636 {
  flex: 1;
}

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

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

.l8d7 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-bottom: var(--spacing-lg);
}

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

.fb2c15 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

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

.abc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: 1.6;
  gap: var(--spacing-md);
}

.g957 {
  color: var(--color-text-primary);
  font-weight: 500;
}

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

.cb4b {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.j2646 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  display: inline-block;
  transition: all var(--transition-base);
  padding: var(--spacing-xs) 0;
}

.j2646:hover,
.j2646:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
  padding-right: var(--spacing-xs);
}

@media (min-width: 768px) {
  .hced239c {
    padding: 4rem 0;
  }

  .o67a0 {
    flex: 1 1 calc(50% - var(--spacing-3xl) / 2);
    max-width: 500px;
  }

  .p1846 {
    flex: 1 1 calc(50% - var(--spacing-3xl) / 2);
  }
}

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

  .pf2d377 {
    gap: var(--spacing-3xl);
  }
}
.g89,.ce47{
  width: 34px;
}

/* FIX:nav .l4e1064 */
.l4e1064{
  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;
}

.b12f6da{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .b12f6da{
    max-width: 100%;
  }
}

/* FIX:zindex .b12f6da.i95f89 */
.b12f6da.i95f89{
  z-index: 999;
}

/* FIX:navpad .d83e */
.d83e{
  padding-top: 50px;
}

/* FIX:toggle-expand .g89 */
.g89[aria-expanded="true"]{
  display: none;
}