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

:root {
  --color-bg-primary: #1a0f0a;
  --color-bg-secondary: #2a1a12;
  --color-bg-tertiary: #3a251a;
  --color-bg-card: #2a1a12;

  --color-text-primary: #fef2f2;
  --color-text-secondary: #fca5a5;
  --color-text-muted: #f87171;

  --color-primary: #b91c1c;
  --color-primary-hover: #991b1b;
  --color-primary-light: #dc2626;
  --color-secondary: #dc2626;
  --color-secondary-light: #ef4444;

  --color-success: #059669;
  --color-success-light: #10b981;
  --color-warning: #d97706;
  --color-warning-light: #f59e0b;
  --color-danger: #b91c1c;
  --color-danger-light: #dc2626;

  --color-border: #3a251a;
  --color-border-light: #2a1a12;

  --font-primary: 'Hind', sans-serif;
  --font-heading: 'Montserrat', sans-serif;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;

  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.7);
  --shadow-xl: 0 16px 32px rgba(0, 0, 0, 0.8);

  --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: #ffffff;
}

html {
  scroll-behavior: smooth;
}

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

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

h1 {
  font-size: 48px;
  font-weight: 700;
}

h2 {
  font-size: 36px;
  font-weight: 700;
}

h3 {
  font-size: 28px;
  font-weight: 600;
}

h4 {
  font-size: 24px;
  font-weight: 600;
}

h5 {
  font-size: 20px;
  font-weight: 600;
}

h6 {
  font-size: 16px;
  font-weight: 600;
}

p {
  margin: 0;
  color: var(--color-text-primary);
}

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

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

button {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

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

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

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

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

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 20px;
  }

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

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

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 18px;
  }

  .haf25a8 {
    padding: 0 var(--spacing-sm);
  }
}
.gafc7 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 100;
}

.m6906b {
  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: auto;
  min-height: 70px;
  gap: clamp(1rem, 3vw, 2rem);
}

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

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

.d71485 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  white-space: nowrap;
}

.o13e49:hover .d71485 {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

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

.g89331 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: all var(--transition-base);
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}

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

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

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

.n222618 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
  z-index: 1001;
}

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

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

.dd31 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  padding-top: 70px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 1000;
  overflow-y: auto;
}

.dd31.k8943 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

.m7de53:hover {
  color: var(--color-accent);
  padding-left: 0.5rem;
}

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

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

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

  .dd31 {
    display: none;
  }

  .g335c {
    display: flex;
  }

  .i2cb6 {
    display: block;
  }

  .m6906b {
    min-height: 80px;
  }
}

@media (min-width: 1024px) {
  .m6906b {
    min-height: 90px;
  }

  .g335c {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .d71485 {
    font-size: 1.5rem;
  }

  .g89331 {
    font-size: 1rem;
  }

  .i2cb6 {
    font-size: 1rem;
    padding: 0.875rem 2rem;
  }
}

    .i3d1e7 {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

.n9331ac4 {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 500px;
}

.pc53 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

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

.bc5c53 {
  text-align: center;
}

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

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

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

.kfeb8c {
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 200px;
  max-width: 300px;
  padding: clamp(1.25rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  transition: all var(--transition-base);
}

.kfeb8c:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  background: var(--color-bg-tertiary);
}

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

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

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

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

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

.m7cfe {
  text-align: center;
}

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

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

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

.oed75a5 {
  flex: 1 1 40%;
  min-width: 250px;
  max-width: 450px;
}

.b645c83 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-accent);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  font-family: var(--font-heading);
}

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

.n416da {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  align-items: center;
  padding: clamp(0.875rem, 2vw, 1.25rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
}

.n416da:hover {
  background: var(--color-bg-tertiary);
  transform: translateX(4px);
}

.je1 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-accent);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

.ba48b4 {
  text-align: center;
}

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

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

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

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

.l347 {
  border-left: 4px solid var(--color-danger);
  padding-left: clamp(1rem, 2vw, 1.5rem);
}

.a477ec {
  border-left: 4px solid var(--color-success);
  padding-left: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.j5d {
  font-size: clamp(1rem, 2vw, 1.25rem);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(1.5rem, 3vw, 2rem);
  height: clamp(1.5rem, 3vw, 2rem);
}

.l347 .j5d {
  color: var(--color-danger);
}

.a477ec .j5d {
  color: var(--color-success);
}

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

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

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

.e836e9 {
  text-align: center;
}

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

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

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

.a775 {
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 180px;
  max-width: 280px;
  padding: clamp(1.25rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  text-align: center;
  transition: all var(--transition-base);
}

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

.g53d {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
}

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

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

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

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

.ca86a {
  text-align: center;
}

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

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

.g31a4 {
  margin: clamp(0.5rem, 2vw, 1rem) 0;
}

.h25 {
  position: relative;
  border-radius: var(--radius-md);
  overflow: hidden;
  min-height: 300px;
  max-height: 450px;
  box-shadow: var(--shadow-lg);
  transition: all var(--transition-base);
}

.h25:hover {
  transform: scale(1.02);
}

.e76 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.m822 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  color: var(--color-text-primary);
}

.p73c {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-heading);
}

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

.ha076 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  align-self: flex-start;
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

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

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

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

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

.j14 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
  flex-grow: 1;
}

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

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

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

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

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

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

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

.i0e {
  background: var(--color-bg-card);
  padding: clamp(2rem, 5vw, 3.5rem);
  border-radius: var(--radius-md);
  text-align: center;
  border-left: 6px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-md);
}

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

.e8e6 {
  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-left: auto;
  margin-right: auto;
}

.n186db {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.125rem);
  padding: clamp(1rem, 2vw + 0.5rem, 1.5rem) clamp(2rem, 4vw, 3rem);
  align-self: center;
}

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

.fc0caa {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-lg);
  border-top: 2px solid var(--color-accent);
}

.fc0caa.f943e2 {
  display: none;
}

.j48 {
  color: var(--color-text-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  flex: 1 1 auto;
  min-width: 200px;
  line-height: 1.5;
}

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

.n36e,
.pb12c {
  padding: clamp(0.625rem, 1vw + 0.5rem, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-sm);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
}

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

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

.pb12c {
  background: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

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

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

  .mf8fda61 {
    flex: 1 1 100%;
  }

  .n9331ac4 {
    flex: 1 1 100%;
    min-height: 250px;
    max-height: 350px;
  }

  .pf74b0 {
    flex-direction: column;
  }

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

  .k10ab {
    flex-direction: column;
  }

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

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

  .f424cf69 {
    flex: 1 1 100%;
  }

  .m09f {
    flex-direction: column;
  }

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

  .ie7b {
    flex-direction: column;
  }

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

  .h25 {
    min-height: 250px;
  }

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

  .e6d0012 {
    width: 100%;
  }

  .n36e,
  .pb12c {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

@media (max-width: 480px) {
  .g86 {
    font-size: clamp(1.375rem, 5vw, 2rem);
  }

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

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

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

  .i0e {
    padding: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

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

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

.j76be {
  max-width: 500px;
}

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

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

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

.c7a25061,
.j04bd26d {
  flex: 1 1 200px;
  min-width: 160px;
}

.c7a25061 h3,
.j04bd26d h3,
.h1e8ed1 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  font-weight: 600;
  letter-spacing: -0.3px;
}

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

.d9f li {
  display: block;
}

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

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

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

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

.h1e8ed1 {
  flex: 1 1 200px;
  min-width: 160px;
}

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

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

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

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

  .c7a25061,
  .j04bd26d,
  .h1e8ed1 {
    flex: 1 1 100%;
  }

  .d9f {
    gap: clamp(0.5rem, 1.5vw, 0.625rem);
  }
}

@media (max-width: 480px) {
  .ebae98ee {
    gap: clamp(1.5rem, 4vw, 2.5rem);
  }

  .j76be {
    max-width: 100%;
  }

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

  .m7f {
    padding-top: clamp(1rem, 2vw, 1.5rem);
    gap: clamp(0.5rem, 1vw, 0.75rem);
  }
}
    

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

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

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

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

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

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

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

.j2a {
  text-align: center;
}

.l408e4 {
  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;
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.i33464c3 {
  flex: 1 1 clamp(300px, 45vw, 480px);
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

.n95 i,
.jdb7281 i,
.bbab i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

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

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

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

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

.m0aeaf {
  text-align: center;
}

.j79ccdb0 {
  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;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

  .g9a34e {
    flex-direction: column;
  }

  .eb58f5ff {
    text-align: center;
  }

  .f66e9 {
    text-align: center;
  }
}

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

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

@media (min-width: 1024px) {
  .i33464c3 {
    flex: 1 1 clamp(350px, 45vw, 480px);
  }

  .g9a34e {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.paf1 span:last-child {
  color: var(--color-text-primary);
}

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

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

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

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

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

.j43a68,
.b62b,
.iedb39e {
  color: var(--color-text-secondary);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

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

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

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

  .k2d {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

.ofa3:not(:last-child) {
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

.m624d {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.25rem);
}

.iac {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.e9b252f {
  color: var(--color-accent);
  font-weight: 700;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

.n88a81:not(:last-child) {
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n9ad7b75 {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: var(--transition-base);
  display: inline-block;
}

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

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

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

.f73776 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 4rem);
  border-left: 4px solid var(--color-accent);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

.ea3b3b {
  color: var(--color-accent);
  font-weight: 600;
  transition: var(--transition-base);
}

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

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

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

.k268cf8 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
}

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .ef55c2c {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .k268cf8 {
    flex-shrink: 0;
  }
}

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

html, body {
  width: 100%;
}

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

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

.gc9 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Hind', sans-serif;
}

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

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

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

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

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

.oa1fe span:last-child {
  color: var(--color-text-primary);
}

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

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

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

.ne65fb76 img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

.od06888c {
  display: inline-block;
  background: rgba(220, 38, 38, 0.15);
  color: var(--color-secondary);
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

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

  .ae2423,
  .ne65fb76 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

.a28c4 img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

.n7b8a {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

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

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

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

  .gd8,
  .a28c4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.ka95 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border: 1px solid rgba(220, 38, 38, 0.1);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.ka95:hover {
  transform: translateY(-4px);
  border-color: rgba(220, 38, 38, 0.3);
  background: rgba(220, 38, 38, 0.05);
}

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

.g5deeb86 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  margin: 0;
}

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

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

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

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

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

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

.d30 img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

.ld4 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

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

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

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

  .i99c,
  .d30 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.ga80 img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

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

.f99625 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

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

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

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

  .ga80,
  .i4a77e04 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.i963925d {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

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

.e2ebb34 {
  flex: 1 1 calc(25% - 1.875rem);
  min-width: 200px;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border-left: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.a65e39 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  margin: 0;
}

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

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

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

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

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

.e39 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

.h50b {
  flex: 1 1 calc(33.333% - 1.667rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  border: 1px solid rgba(220, 38, 38, 0.1);
}

.h50b:hover {
  transform: translateY(-6px);
  border-color: rgba(220, 38, 38, 0.3);
}

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

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

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

.j94 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
}

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

.p8a77c:hover {
  color: var(--color-secondary);
}

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

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

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

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

.j079 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid rgba(220, 38, 38, 0.1);
}

.a89b3d1c {
  flex-shrink: 0;
}

.a89b3d1c img {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

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

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

.l29b {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  margin: 0;
}

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

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

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

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

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

  .a89b3d1c {
    flex-shrink: 0;
  }
}

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

.d9787 {
  background: rgba(185, 28, 28, 0.1);
  border: 1px solid rgba(220, 38, 38, 0.2);
  border-left: 3px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

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

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

.b1d490 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  margin: 0;
}

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

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

  .g7b {
    margin-top: 0;
  }
}

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

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

.d2500389 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

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

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

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

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

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

.ne5d {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .j2e,
  .he8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c736 {
    max-height: 300px;
  }
}

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

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

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

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

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

.od48ab9 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 150px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  text-align: center;
  border-left: 4px solid var(--color-accent);
}

.i66f {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

.o1c4 .a0d9 {
  order: -1;
}

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

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

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

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

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

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

.i34c241 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 140px;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
  text-align: center;
}

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

.ga949 {
  display: block;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-accent);
  font-weight: 700;
}

.g59174 {
  margin-top: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border-right: 4px solid var(--color-accent);
}

.pa96b2 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
}

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

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

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

  .o1c4 .a0d9 {
    order: 0;
  }

  .i27,
  .a0d9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

.d81512 {
  flex: 1 1 calc(33.333% - 1.667rem);
  min-width: 250px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

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

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

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

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

.a51d {
  margin: 0;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
}

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

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

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

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

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

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

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

.g6959 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-muted);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.abee {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  margin-top: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

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

.jba8381 {
  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.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
}

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

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

.kd095796 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

  .ded {
    gap: 0.35rem;
  }
}

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

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

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .k28,
  .gccb125 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .f72e9 {
    gap: 1rem;
  }
}

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

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

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

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

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

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

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

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

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

  .ccb,
  .ee25c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

  .de5e82,
  .j09d4255 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

.ld932745::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.25rem;
}

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

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

  .l6ca6f,
  .c493 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.h51 {
  background: var(--color-bg-tertiary);
  border-left: 5px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

.j914f5 {
  flex: 1 1 auto;
}

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

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

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

  .f34b65d {
    margin-top: 0;
  }
}

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

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

.h4260 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
  margin: 0;
  line-height: 1.3;
}

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

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

.me24:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(185, 28, 28, 0.2);
}

.jef {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow: hidden;
}

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

.me24:hover .p63e {
  transform: scale(1.05);
}

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

.h1d {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
  font-weight: 600;
}

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

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

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

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

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

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

.g34dd5 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

.b9d25 {
  flex-shrink: 0;
}

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

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

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

.he0 {
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.eec {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
}

.c60 {
  flex: 1 1 auto;
}

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

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

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

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

  .m2ef184a,
  .c725029 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .c60 {
    text-align: center;
  }
}

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

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

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

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

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

.a916 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 500;
}

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

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

@media (max-width: 768px) {
  .oc9608 {
    text-align: center;
  }

  .ef11 {
    width: 100%;
  }

  .c56d794d {
    width: 100%;
    text-align: center;
  }
}

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

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

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

.c13afd71 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.c13afd71 .haf25a8 {
  display: flex;
  flex-direction: column;
}

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

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

.b74f7 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 600px;
}

.m8aa1 {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
}

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

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

.a2e {
  text-align: center;
}

.l02cd50 {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 1rem;
}

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

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

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

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

.be12bf6 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

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

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

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

.m955 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 250px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: 10px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

.pe4525a2 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(185, 28, 28, 0.15);
  border-radius: 8px;
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

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

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

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

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

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

.e7ed744 {
  flex: 1 1 50%;
  min-height: 350px;
  max-height: 450px;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.dfa47 {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: fit-content;
}

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

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

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

  .l24d0e0 {
    flex: 1 1 100%;
  }

  .e7ed744 {
    flex: 1 1 100%;
    min-height: 280px;
  }
}

.m5c {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

.a34 {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.kaf57cd {
  border-left: 4px solid var(--color-accent);
  padding: clamp(2rem, 4vw, 3rem);
  padding-left: clamp(2rem, 4vw, 3rem);
  background: rgba(185, 28, 28, 0.08);
  border-radius: 8px;
}

.p0aba {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 500;
  line-height: 1.7;
  margin-bottom: 1.5rem;
  font-style: italic;
}

.jd12 {
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  display: block;
}

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

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

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

.d801bc {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.25rem;
}

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

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

@media (max-width: 768px) {
  .lce0 {
    align-items: center;
    text-align: center;
  }

  .m8aa1 {
    max-width: 100%;
  }

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

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

  .kaf57cd {
    padding: 1.5rem;
    padding-left: 1.5rem;
    border-left-width: 3px;
  }
}

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

  .m955 {
    flex: 1 1 100%;
    min-width: 100%;
    padding: 1.25rem;
  }

  .h2e {
    width: 45px;
    height: 45px;
    font-size: 1rem;
  }

  .kaf57cd {
    padding: 1rem;
    border-left-width: 2px;
  }

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

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

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

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

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

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

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

.nad {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  line-height: 1.6;
  max-width: 500px;
}

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

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

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

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

  .o4717c9b {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

.i93 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
  line-height: 1.8;
}

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

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

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

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

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

.nba00 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  max-width: 600px;
  margin: 0 auto;
}

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

.ffc {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 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-md);
  border: 1px solid var(--color-border-light);
}

.k5f3 {
  width: clamp(3rem, 8vw, 4rem);
  height: clamp(3rem, 8vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  border-radius: var(--radius-full);
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

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

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

.kfe7 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  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-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.f2574 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  border-bottom: 3px solid var(--color-accent);
  padding-bottom: clamp(0.75rem, 1.5vw, 1rem);
  display: inline-block;
}

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

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

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

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

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

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

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

.b5450 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

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

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

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

.hf6 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  font-weight: 500;
}

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

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

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

.a0613 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(2rem, 5vw, 3.5rem);
  background: linear-gradient(135deg, var(--color-accent), var(--color-secondary));
  border-radius: var(--radius-lg);
  text-align: center;
  max-width: 600px;
  width: 100%;
}

.e311 {
  color: var(--color-text-on-accent);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

.j2e18c6 {
  color: var(--color-text-on-accent);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  line-height: 1.7;
}

.n36b29b {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(2rem, 4vw, 2.5rem);
  background: var(--color-bg-primary);
  color: var(--color-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  transition: all var(--transition-base);
  align-self: center;
}

.n36b29b:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent-hover);
  box-shadow: var(--shadow-md);
}

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

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

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

.k8b87 {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.hf0 {
  max-width: 1000px;
  margin: 0 auto var(--spacing-lg);
  text-align: center;
}

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

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

.c69e20 {
  width: 100%;
  max-width: 1000px;
  height: auto;
  margin: var(--spacing-lg) auto 0;
  display: block;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

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

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

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

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

.l75 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: background-color var(--transition-fast);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
}

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

.l75:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}

.l75[aria-expanded="true"] {
  background-color: var(--color-primary-light);
}

.m0d96e2 {
  flex: 1;
}

.p5d {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  display: inline-block;
  position: relative;
  transition: transform var(--transition-fast);
}

.l75[aria-expanded="true"] .p5d {
  transform: rotate(180deg);
}

.p5d::before,
.p5d::after {
  content: '';
  position: absolute;
  background-color: var(--color-primary);
  transition: background-color var(--transition-fast);
}

.l75[aria-expanded="true"] .p5d::before,
.l75[aria-expanded="true"] .p5d::after {
  background-color: var(--color-text-on-accent);
}

.p5d::before {
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.p5d::after {
  width: 2px;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.l75[aria-expanded="true"] .p5d::after {
  display: none;
}

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

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

.md4 {
  padding: var(--spacing-xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  align-items: center;
}

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

.o855079 {
  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-md) 0;
  line-height: 1.3;
}

.d773770 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
}

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

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

.ae858:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

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

.ke2 {
  width: 100%;
  max-width: 600px;
  height: auto;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

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

  .hf0 {
    margin-bottom: var(--spacing-2xl);
  }

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

  .n1d0e428 {
    margin-bottom: var(--spacing-lg);
  }

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

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

  .n3c74 p {
    font-size: 1.05rem;
  }

  .md4 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }

  .add5 {
    text-align: left;
  }

  .o855079 {
    font-size: 2.25rem;
  }

  .d773770 {
    font-size: 1.1rem;
  }
}

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

  .hf0 {
    text-align: left;
    margin-bottom: var(--spacing-3xl);
  }

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

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

  .add5 {
    grid-column: 1;
  }

  .ke2 {
    grid-column: 2;
  }
}

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

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

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

.h527798 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.gdf {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2.5vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 400;
  line-height: 1.5;
}

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

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

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

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

.gd2bd {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin: 0;
  padding: 0;
  list-style: none;
}

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

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

@media (min-width: 1024px) {
  .gd2bd {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

.nff2aaa {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  position: relative;
}

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

.nff2aaa::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-accent));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--transition-base);
}

.nff2aaa:hover::before {
  transform: scaleX(1);
}

.l2cff {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  font-size: 1.75rem;
  color: var(--color-primary);
  transition: all var(--transition-base);
}

.nff2aaa:hover .l2cff {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  transform: scale(1.1);
}

.gf5f {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 3vw + 0.25rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.d59 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.375rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.o2b4 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  width: fit-content;
  text-align: center;
}

.o2b4:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateX(4px);
}

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

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

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

.i28fe7e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.01em;
}

.jc50c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.375rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-xl) 0;
}

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

.g6f:hover {
  background-color: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

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

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

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

@media (max-width: 767px) {
  .nff2aaa {
    padding: var(--spacing-lg);
  }

  .l2cff {
    width: 48px;
    height: 48px;
    font-size: 1.5rem;
  }
}

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

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

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

.mc76c72 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
  line-height: 1.3;
}

.mc76c72 .e343 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.mc76c72 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
  line-height: 1.4;
}

.mc76c72 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.mc76c72 ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  list-style: disc;
}

.mc76c72 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

.mc76c72 .e7a {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
  border-radius: var(--radius-md);
}

.mc76c72 .e7a h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.mc76c72 .e7a p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.mc76c72 .e7a strong {
  color: var(--color-primary);
  font-weight: 600;
}

@media (min-width: 768px) {
  .mc76c72 .haf25a8 {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .mc76c72 .haf25a8 {
    padding: 0 var(--spacing-xl);
  }

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

.d68 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nd5338 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.l0bc {
  text-align: center;
}

.of8d8 {
  margin-bottom: var(--spacing-xl);
}

.of8d8 i {
  font-size: clamp(3rem, 10vw, 5rem);
  color: var(--color-success);
  animation: iconBounce 0.8s ease-out;
}

@keyframes iconBounce {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.n467a {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.h4abf4 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
}

.eaa31 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.l90bd {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-2xl);
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.g51 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.g51 i {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-success);
  flex-shrink: 0;
}

.g51 span {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-primary);
  text-align: left;
  line-height: 1.6;
}

.g51:hover {
  border-color: var(--color-success);
  background-color: var(--color-success-light);
}

.a2772 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
}

.db93e8 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.db93e8:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

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

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

  .l0bc {
    animation: fadeInUp 0.8s ease-out;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 480px) {
  .n467a {
    margin-bottom: var(--spacing-sm);
  }

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

  .eaa31 {
    margin-bottom: var(--spacing-xl);
  }

  .l90bd {
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-xl);
  }

  .g51 {
    padding: var(--spacing-sm) var(--spacing-md);
  }
}

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

.f96902a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.pfec0c04 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.j4df6 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.d5da2 {
  text-align: center;
  animation: slideIn 0.8s ease-out;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.g4f {
  position: relative;
  margin-bottom: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-lg);
}

.ea15 {
  position: relative;
  width: 180px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

.d32 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
  line-height: 1;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.d0e4b {
  width: 100px;
  height: 100px;
  color: var(--color-accent);
  opacity: 0.8;
  animation: bounce 2s ease-in-out infinite;
}

@keyframes bounce {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

.f5b00 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
}

.mef {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  font-weight: 400;
}

.g45f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw + 0.45rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
  font-weight: 400;
}

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

.a2772 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.3px;
}

.db93e8 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  margin-bottom: var(--spacing-2xl);
  box-shadow: var(--shadow-md);
}

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

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

.dcd66 {
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--color-border-light);
}

.gba81bc7 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.cb9008e {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
  border-bottom: 1px solid transparent;
}

.cb9008e:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary);
}

@media (min-width: 640px) {
  .pfec0c04 {
    padding: var(--spacing-xl) var(--spacing-md);
  }

  .ea15 {
    width: 220px;
    height: 220px;
  }

  .d0e4b {
    width: 120px;
    height: 120px;
  }
}

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

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

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

  .g4f {
    margin-bottom: var(--spacing-3xl);
  }

  .ea15 {
    width: 240px;
    height: 240px;
  }

  .d0e4b {
    width: 140px;
    height: 140px;
  }
}

@media (min-width: 1024px) {
  .pfec0c04 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 100vh;
  }

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

  .ea15 {
    width: 260px;
    height: 260px;
  }

  .d0e4b {
    width: 160px;
    height: 160px;
  }

  .a2772 {
    padding: var(--spacing-md) var(--spacing-2xl);
  }

  .db93e8:hover {
    transform: translateY(-3px);
  }
}

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

.ib34a939 {
  width: 100%;
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.kd6b3d2 {
  width: 100%;
}

.ed681 {
  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;
  line-height: 1.2;
}

.g835 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  max-width: 600px;
}

.p0ae3fb0 {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.j74 {
  width: 100%;
}

.c1f58 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
  width: 100%;
}

.e2a6 {
  width: 100%;
}

.lcee0 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.3;
}

.d528b8 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.ne07 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.h543a {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

.de5e,
.hf92ba {
  width: 100%;
  padding: 0.875rem 1rem;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
  box-sizing: border-box;
}

.de5e::placeholder,
.hf92ba::placeholder {
  color: var(--color-text-muted);
}

.de5e:focus,
.hf92ba:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.de5e.p2c,
.hf92ba.p2c {
  border-color: var(--color-danger);
}

.de5e.p2c:focus,
.hf92ba.p2c:focus {
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}

.hf92ba {
  min-height: 140px;
  resize: vertical;
  max-height: 300px;
}

.f3246 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.85rem);
  color: var(--color-danger);
  margin: 0;
  min-height: 1.2rem;
  display: block;
}

.aac11fd {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
}

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

.jd169340 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

.jd169340:hover,
.jd169340:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
  outline: none;
}

.h1a {
  width: 100%;
  padding: 1rem 2rem;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  box-sizing: border-box;
}

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

.h1a:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

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

.h78 {
  width: 100%;
}

.i2f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.3;
}

.f1d7 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.abb1613 {
  width: 100%;
  display: flex;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  transition: border-color var(--transition-base), background-color var(--transition-base);
}

.abb1613:hover {
  border-color: var(--color-primary-light);
  background-color: var(--color-bg-tertiary);
}

.o1c2543 {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.o1c2543 i {
  font-size: 1.5rem;
  color: var(--color-primary);
}

.bae {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  width: 100%;
}

.if9aca {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

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

.l1a1 a:hover,
.l1a1 a:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
  outline: none;
}

.mbe230f {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
}

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

.d41 {
  display: inline-block;
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  padding: 0.75rem 1.5rem;
  background-color: transparent;
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

.d41:hover,
.d41:focus {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  outline: none;
}

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

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

  .c1f58 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }
}

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

  .p0ae3fb0 {
    padding: 4rem 0;
  }

  .c1f58 {
    gap: 4rem;
  }
}
.n222618,.aff7cddb{
  width: 34px;
}

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

.dd31{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .dd31{
    max-width: 100%;
  }
}

.dd31.k8943{
  z-index: 999;
}

.hb3e0{
  padding-top: 50px;
}

.n222618[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .j7a59 {
    aspect-ratio: 6 / 9;
  }
  .l346ab {
    aspect-ratio: 6 / 9;
  }
}