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

:root {
  --color-bg-primary: #1a1110;
  --color-bg-secondary: #2a1f1e;
  --color-bg-tertiary: #3d2e2c;
  --color-bg-card: #2a1f1e;

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

  --color-primary: #dc2626;
  --color-primary-hover: #b91c1c;
  --color-primary-light: #f87171;
  --color-secondary: #ef4444;
  --color-secondary-light: #fca5a5;

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

  --color-border: #3d2e2c;
  --color-border-light: #2a1f1e;

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'DM Serif Display', serif;

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

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

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

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

  --line-height-tight: 1.25;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;

  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.05em;

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

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: var(--line-height-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  margin-bottom: var(--spacing-2xl);
}

h2 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  margin-bottom: var(--spacing-xl);
}

h3 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  margin-bottom: var(--spacing-lg);
}

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

h5 {
  font-size: 1.25rem;
  margin-bottom: var(--spacing-md);
}

h6 {
  font-size: 1.125rem;
  margin-bottom: var(--spacing-md);
}

p {
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-relaxed);
  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);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

label {
  display: block;
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
  color: var(--color-text-primary);
}

hr {
  border: none;
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-2xl) 0;
}

ul,
ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

li {
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-relaxed);
}

code {
  font-family: 'Courier New', monospace;
  background: var(--color-bg-tertiary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  color: var(--color-secondary-light);
  font-size: 0.875rem;
}

blockquote {
  border-left: 4px solid var(--color-primary);
  padding-left: var(--spacing-lg);
  margin: var(--spacing-xl) 0;
  font-style: italic;
  color: var(--color-text-secondary);
}

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

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

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

.o09 {
  color: var(--color-success);
}

.p91df38 {
  color: var(--color-warning);
}

.id053a {
  color: var(--color-danger);
}

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

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

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

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

.hbe92c {
  color: var(--color-secondary);
}

.j7c7283c {
  border-color: var(--color-primary);
}

.gaa9fb {
  border-color: var(--color-secondary);
}

.faa {
  box-shadow: var(--shadow-sm);
}

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

.a7ac33 {
  box-shadow: var(--shadow-lg);
}

.jb4c {
  box-shadow: var(--shadow-xl);
}

.cfdf57 {
  border-radius: var(--radius-sm);
}

.n1041 {
  border-radius: var(--radius-md);
}

.ae67e {
  border-radius: var(--radius-lg);
}

.ec91f {
  border-radius: var(--radius-xl);
}

.a08f1c3d {
  border-radius: var(--radius-full);
}

.c54f8 {
  margin: 0;
}

.g07 {
  margin: var(--spacing-xs);
}

.d04d29 {
  margin: var(--spacing-sm);
}

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

.l569adfe {
  margin: var(--spacing-lg);
}

.e68a {
  margin: var(--spacing-xl);
}

.n7dd {
  margin: var(--spacing-2xl);
}

.j41f {
  margin-top: 0;
}

.b8597d {
  margin-top: var(--spacing-xs);
}

.pbb7a995 {
  margin-top: var(--spacing-sm);
}

.kd6356f8 {
  margin-top: var(--spacing-md);
}

.m6b14 {
  margin-top: var(--spacing-lg);
}

.a6a79 {
  margin-top: var(--spacing-xl);
}

.a4c70 {
  margin-top: var(--spacing-2xl);
}

.j71469db {
  margin-bottom: 0;
}

.kaf612 {
  margin-bottom: var(--spacing-xs);
}

.n98eeb {
  margin-bottom: var(--spacing-sm);
}

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

.mae0d {
  margin-bottom: var(--spacing-lg);
}

.b17276 {
  margin-bottom: var(--spacing-xl);
}

.o528 {
  margin-bottom: var(--spacing-2xl);
}

.baa {
  padding: 0;
}

.bb8f9 {
  padding: var(--spacing-xs);
}

.n67 {
  padding: var(--spacing-sm);
}

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

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

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

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

.e5f {
  display: flex;
}

.ge958b92 {
  flex-direction: column;
}

.d7bd167a {
  flex-direction: row;
}

.j08 {
  align-items: center;
}

.g4158f {
  justify-content: center;
}

.cfc9 {
  justify-content: space-between;
}

.ff70d {
  gap: var(--spacing-sm);
}

.dd7 {
  gap: var(--spacing-md);
}

.i7d {
  gap: var(--spacing-lg);
}

.h515 {
  display: grid;
}

.f76dd {
  grid-template-columns: repeat(2, 1fr);
}

.bf546 {
  grid-template-columns: repeat(3, 1fr);
}

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

.je7 {
  text-align: center;
}

.k2de {
  text-align: left;
}

.c28f505 {
  text-align: right;
}

.d04eeac6 {
  font-weight: 700;
}

.edf3740 {
  font-weight: 600;
}

.m24e2ea4 {
  font-weight: 500;
}

.j954c {
  font-weight: 400;
}

.c2e55 {
  font-size: 0.875rem;
}

.kc3f0 {
  font-size: 1rem;
}

.gb246b {
  font-size: 1.125rem;
}

.c9b4efd {
  font-size: 1.25rem;
}

.m0135f {
  font-size: 1.5rem;
}

.k1707b {
  opacity: 0.5;
}

.c27814d {
  opacity: 0.75;
}

.i8c2 {
  opacity: 1;
}

@media (max-width: 768px) {
  .j2066b6 {
    padding: 0 var(--spacing-md);
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .f76dd,
  .bf546,
  .m4a7f {
    grid-template-columns: 1fr;
  }
}

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

  button,
  .nef10 {
    width: 100%;
  }
}
.n6a {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
}

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

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

.cc13e6:hover {
  opacity: 0.8;
}

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

.ic025e {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
}

.pbb2 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 2vw, 2.5rem);
  flex: 1;
  justify-content: center;
  margin: 0 auto;
}

.e7f2a7 {
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  position: relative;
  padding: 0.5rem 0;
}

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

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

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

.kbdd7 {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  flex-shrink: 0;
}

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

.c32 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  transition: color var(--transition-base);
  flex-shrink: 0;
  padding: 0;
  margin: 0;
}

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

.nf8 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.3s ease;
  z-index: 99;
  padding-top: 70px;
  border-left: 1px solid var(--color-border-light);
}

.nf8.m84 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.g78 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  transition: color var(--transition-base);
  padding: 0;
  margin: 0;
}

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

.l2912b0 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: clamp(1rem, 3vw, 1.5rem) 0;
  flex: 1;
  overflow-y: auto;
}

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

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

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

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

@media (min-width: 768px) {
  .d835bce {
    min-height: 75px;
    gap: 2rem;
  }

  .pbb2 {
    display: flex;
  }

  .kbdd7 {
    display: block;
  }

  .c32 {
    display: none;
  }

  .nf8 {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .d835bce {
    min-height: 80px;
  }

  .e7f2a7 {
    font-size: 0.9375rem;
  }
}

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

.d415f77 h1,
.d415f77 h2,
.d415f77 h3,
.d415f77 h4,
.d415f77 h5,
.d415f77 h6 {
  font-family: var(--font-heading);
}

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

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

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

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

.f4f {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
  letter-spacing: var(--letter-spacing-tight);
}

.ce0 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 2vw + 0.5rem, 1.25rem);
  line-height: var(--line-height-normal);
}

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

.febbef {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  flex: 1 1 140px;
  max-width: 180px;
  text-align: center;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.febbef:hover {
  transform: translateY(-4px);
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
}

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

.a92f145d {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  display: block;
}

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

.nef10 {
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.i2a4afe {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
}

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

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

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

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

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

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

.hf0 {
  border-left: 4px solid var(--color-accent);
  padding-left: clamp(1.5rem, 3vw, 2rem);
  margin: 0;
}

.d344 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  line-height: var(--line-height-relaxed);
  font-style: italic;
  font-weight: 600;
}

.o04 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-style: normal;
  margin-top: 1rem;
}

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

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

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

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

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

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

.f715c {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  text-align: center;
  line-height: var(--line-height-normal);
}

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

.laf245::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-border);
  transform: translateX(-50%);
}

.h75e {
  display: flex;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  position: relative;
}

.h75e:nth-child(odd) {
  flex-direction: row;
}

.h75e:nth-child(even) {
  flex-direction: row-reverse;
}

.db2339 {
  color: var(--color-text-on-accent);
  background: var(--color-accent);
  border: 3px solid var(--color-bg-secondary);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.25rem;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

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

.oc32f7 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  margin: 0 0 0.75rem 0;
}

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

@media (max-width: 768px) {
  .laf245::before {
    left: 25px;
  }

  .h75e {
    flex-direction: row !important;
    gap: 1rem;
  }

  .h75e:nth-child(even) {
    flex-direction: row !important;
  }

  .db2339 {
    width: 50px;
    height: 50px;
  }
}

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

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

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

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

.n4c03e4 {
  flex: 1 1 250px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.i5c34 {
  background: var(--color-bg-card);
  width: 140px;
  height: 140px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.75rem;
  padding: 1.5rem;
  border: 2px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.i5c34:hover {
  border-color: var(--color-accent);
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

.j442feb5 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  line-height: 1;
}

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

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

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

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

.obd9a84 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: stretch;
}

.hcbf0a6a {
  flex: 1 1 280px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 350px;
}

.cdea04 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  margin: 0;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--color-border);
}

.k934b6 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.kddf {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  line-height: var(--line-height-relaxed);
}

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

.e6921 {
  width: 2px;
  background: var(--color-border);
  min-height: 350px;
}

@media (max-width: 768px) {
  .e6921 {
    display: none;
  }

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

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

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

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

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

.ab05958 {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: 0.75rem 1.25rem;
  gap: 0.75rem;
}

.ab05958 i {
  color: var(--color-text-secondary);
  font-size: 1rem;
}

.lbb8a {
  background: transparent;
  border: none;
  color: var(--color-text-primary);
  font-size: 1rem;
  flex: 1;
  outline: none;
}

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

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

.a07d76 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.c9426dd4 {
  width: 100%;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: transparent;
  border: none;
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  text-align: left;
  transition: all var(--transition-base);
}

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

.c9426dd4 i {
  color: var(--color-accent);
  font-size: 0.875rem;
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

.a07d76.m84 .c9426dd4 i {
  transform: rotate(180deg);
}

.p9b30c0d {
  display: none;
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: var(--line-height-relaxed);
  border-top: 1px solid var(--color-border-light);
}

.p9b30c0d p {
  margin: 0;
}

.a07d76.m84 .p9b30c0d {
  display: block;
}

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

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

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

.h8470 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  text-align: center;
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

.o1e3ce:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

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

.m43cacd img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  transition: transform var(--transition-base);
}

.o1e3ce:hover .m43cacd img {
  transform: scale(1.05);
}

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

.m1b {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.375rem);
  font-weight: 700;
  margin: 0;
  line-height: var(--line-height-snug);
}

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

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

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

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

.m0a9c3de {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  transition: all var(--transition-base);
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
}

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

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

.le2b.n87 {
  display: none;
}

.j61 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin: 0;
  flex: 1 1 200px;
  line-height: var(--line-height-relaxed);
  min-width: 200px;
}

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

.gc21991d,
.i02f6b {
  padding: 0.625rem 1.25rem;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  transition: all var(--transition-base);
  border: none;
}

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

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

.i02f6b {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border-light);
}

.i02f6b:hover {
  border-color: var(--color-text-secondary);
  color: var(--color-text-primary);
}

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

  .febbef {
    flex: 1 1 120px;
    max-width: 150px;
    padding: 0.875rem;
  }

  .laf245::before {
    left: 25px;
  }

  .e6921 {
    display: none;
  }

  .hcbf0a6a {
    flex: 1 1 100%;
  }

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

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

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

@media (max-width: 480px) {
  .hc3446 {
    flex-direction: column;
    width: 100%;
  }

  .nef10 {
    width: 100%;
  }

  .kddf {
    font-size: 0.75rem;
  }

  .c9426dd4 {
    padding: 0.875rem 1rem;
  }

  .p9b30c0d {
    padding: 0 1rem 1rem 1rem;
  }
}

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

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

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

.d2ae4616 {
  padding-bottom: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
}

.d2ae4616 h3 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-wide);
}

.d2ae4616 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: var(--line-height-relaxed);
  max-width: 500px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h995,
.hf9208,
.hbfe4826 {
  flex: 1 1 200px;
  min-width: 180px;
}

.h995 h3,
.hf9208 h3,
.hbfe4826 h3 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-family: var(--font-heading);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-wide);
}

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

.d648b li {
  margin: 0;
}

.d648b a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color var(--transition-base);
  line-height: var(--line-height-snug);
}

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

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

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

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

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

.c334 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  margin: 0;
  line-height: var(--line-height-snug);
  font-style: italic;
}

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

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

  .h995,
  .hf9208,
  .hbfe4826 {
    flex: 1 1 100%;
  }

  .p539 {
    gap: clamp(0.75rem, 2vw, 1rem);
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .mb4 {
    gap: clamp(1.5rem, 4vw, 2rem);
  }

  .h995,
  .hf9208,
  .hbfe4826 {
    flex: 1 1 calc(50% - 1rem);
  }

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

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

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

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

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

.n26e66a {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  padding: clamp(2rem, 4vw, 3rem) 0;
}

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

.p2fa {
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.ca5c {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border-light);
}

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

.b918 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.g0d {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

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

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

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

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

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

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

.cf7ed {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-snug);
  padding: 0 clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.gbf6 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  padding: 0 clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i66f2 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1vw, 1.25rem);
  padding: 0 clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
}

.ab19,
.fbd140f2,
.lb56 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
}

.ab19 i,
.fbd140f2 i,
.lb56 i {
  color: var(--color-accent);
}

.f800bd {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

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

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

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

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

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

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

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

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

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

  .k56 {
    flex-direction: column;
    align-items: stretch;
  }

  .la8 {
    min-width: auto;
    max-width: none;
  }

  .n26e66a {
    padding: clamp(1.5rem, 3vw, 2rem) 0;
  }
}

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

  .la8 {
    flex: 1 1 calc(50% - 1.25rem);
    min-width: 280px;
    max-width: none;
  }

  .k56 {
    justify-content: center;
  }
}

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

  .la8 {
    flex: 1 1 calc(33.333% - 1.5rem);
  }
}

@media (min-width: 1440px) {
  .j2066b6 {
    padding: 0 clamp(2rem, 5vw, 3rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.a215728e {
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

.d79 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

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

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

@media (max-width: 768px) {
  .n2af6a1 {
    flex-direction: column;
  }
  
  .j4a54,
  .b6e3bae {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.kc8 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3.5vw, 2rem);
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

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

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

.a117321 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1.1vw, 1.125rem);
  line-height: 1.6;
  margin: 0;
}

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

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

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

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

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

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

.i67 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3.5vw, 2rem);
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

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

.fa60c54 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  flex: 1 1 auto;
  min-width: 150px;
}

.ma288 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  line-height: 1.1;
}

.m823d {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.4;
}

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

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

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

.nd8 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3.5vw, 2rem);
  line-height: 1.3;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

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

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

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

.m6692 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.1vw, 1.125rem);
  line-height: 1.6;
  margin: 0;
  padding-top: 0.25rem;
}

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

@media (max-width: 768px) {
  .i7cb2d,
  .dccf7d5f,
  .k87f {
    flex-direction: column;
  }
  
  .k9ab,
  .ebfda,
  .cbc2865b,
  .ceca2,
  .b91,
  .m0348 {
    flex: 1 1 100%;
    max-width: 100%;
    order: initial;
  }
}

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

.g14879d5 {
  max-width: 800px;
  margin: 0 auto;
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-radius: clamp(0.25rem, 1vw, 0.5rem);
}

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

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

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

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

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

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

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

.ofee0 {
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 2vw, 1rem);
}

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

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

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

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

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

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

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

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

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

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

.lde47dc {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
}

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

.dd4c {
  flex: 1 1 auto;
  min-width: 250px;
  max-width: 350px;
}

.cc85 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  text-decoration: none;
  transition: transform 0.3s ease;
}

.cc85:hover {
  transform: translateY(-4px);
}

.k275e6 {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

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

.b7b9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.5;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 768px) {
  .pc36283 {
    flex-direction: column;
    align-items: stretch;
  }
  
  .dd4c {
    min-width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 1024px) {
  .pc36283 {
    justify-content: center;
  }
  
  .dd4c {
    flex: 0 1 calc(50% - 1rem);
  }
}

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

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

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

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
  line-height: var(--line-height-relaxed);
}

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

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

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

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

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

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

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

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

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

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

.jc5 img {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-xl);
  width: 100%;
  height: auto;
  object-fit: cover;
}

.pbae {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

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

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

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

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

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

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

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

.pabf5b {
  flex: 1 1 60%;
  max-width: 60%;
}

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

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

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

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

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

.hf98f4bc {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  display: block;
  margin-bottom: 0.5rem;
}

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

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

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

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

.kb0a8e {
  flex-direction: row-reverse;
}

.cdb6,
.bc31b {
  flex: 1 1 50%;
  max-width: 50%;
}

.kb5,
.n13f11 {
  flex: 1 1 50%;
  max-width: 50%;
}

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

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

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

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

.f4a28 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 5vw, 3rem) 0;
  overflow: hidden;
  border-left: 5px solid var(--color-accent);
}

.cfcdb24 {
  max-width: 900px;
}

.d49cbc {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

.af92a6f {
  max-width: 1000px;
  margin: 0 auto;
}

.b60a7d2 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.nd0422 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

.mefff0 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 250px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
}

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

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

.nbeec {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: var(--line-height-relaxed);
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

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

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

.a89 {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
}

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

.i71 {
  flex: 1;
}

.n8c55d0f {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  margin-bottom: 0.25rem;
}

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

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

.efc011a {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: 0.75rem;
}

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

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

.p04cdb {
  max-width: 1000px;
  margin: 0 auto;
}

.j4ecb3 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

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

.aacb31f0 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
}

.c23a463 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  color: var(--color-text-primary);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.c23a463:hover {
  transform: translateY(-4px);
}

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

.c23a463:hover img {
  box-shadow: var(--shadow-xl);
}

.lf82e3 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  line-height: var(--line-height-snug);
}

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

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

  .oc69,
  .jc5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d343a {
    flex-direction: column;
  }

  .pabf5b,
  .ba5f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .e11d6e55,
  .kb0a8e {
    flex-direction: column;
  }

  .cdb6,
  .bc31b,
  .kb5,
  .n13f11 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

::-webkit-scrollbar {
    width: 10px;
  }

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

  ::-webkit-scrollbar-thumb {
    background: var(--color-border);
    border-radius: var(--radius-full);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .bd917e66,
    .l698c8a1 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

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

    .kd27c1,
    .j177 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

  .p4de25:last-of-type:not(:last-child) {
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

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

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

  .b7e5a19 strong {
    color: var(--color-accent);
    font-weight: 700;
  }

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

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

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

    .h2c,
    .e851c3 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

  .nde {
    flex: 1;
  }

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

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

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

    .b202fd5 {
      margin-top: 0;
    }
  }

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

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

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

  .k25b {
    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: var(--radius-md);
  }

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

  .f6fb {
    flex: 1;
  }

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

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

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

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

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

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

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

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

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

  .p8d8a {
    display: inline-block;
    padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.25rem, 2vw, 1.75rem);
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    text-decoration: none;
    border-radius: var(--radius-md);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    font-weight: 600;
    transition: all var(--transition-base);
    text-align: center;
    width: fit-content;
  }

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

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

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

  .cc9f5 {
    flex-shrink: 0;
  }

  .bd1fd6 {
    width: clamp(4rem, 8vw, 5rem);
    height: clamp(4rem, 8vw, 5rem);
    border-radius: var(--radius-full);
    object-fit: cover;
    display: block;
  }

  .ge742 {
    flex: 1;
  }

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

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

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

  .cb2c {
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    color: var(--color-accent);
    font-weight: 600;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-wide);
  }

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

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

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

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

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

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

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

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

  .i8c40d {
    overflow: hidden;
    border-radius: var(--radius-md);
    aspect-ratio: 3 / 2;
  }

  .cfdcc {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform var(--transition-base);
  }

  .b3f88:hover .cfdcc {
    transform: scale(1.05);
  }

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

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

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

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

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

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

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

    .ie8185d {
      flex-direction: column;
    }
  }

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

    .fbea486,
    .l101b6f3,
    .ea3,
    .j78f032c,
    .b0d3a,
    .dc83,
    .g751c {
      padding: clamp(2rem, 5vw, 3rem) 0;
    }

    .hfe252 {
      font-size: 0.8125rem;
    }

    .pd0471 {
      gap: 0.75rem;
    }
  }

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

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

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

.j60a57 {
  width: 100%;
}

.oad5f {
  position: relative;
  background: var(--color-bg-primary);
  overflow: hidden;
  min-height: 400px;
  display: flex;
  align-items: flex-end;
  padding: clamp(2rem, 5vw, 4rem) 0;
}

.i8330b {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

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

.ae22 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(26, 17, 16, 0.85) 0%, rgba(26, 17, 16, 0.6) 100%);
  z-index: 2;
}

.c485 {
  position: relative;
  z-index: 3;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .l002,
  .hd0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

  .n12,
  .m23e8a7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.g9df133 {
  flex-shrink: 0;
  width: clamp(80px, 10vw, 120px);
}

.i797 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  border-radius: 50%;
  text-align: center;
}

.h0d044 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

.k78251 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
}

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

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

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

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

  .b62,
  .l7cda25b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

.oaaca6df {
  flex-shrink: 0;
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  margin-top: 0.25rem;
}

.b62e {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

.k9edcb {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  padding-left: 1.75rem;
  position: relative;
  line-height: 1.6;
}

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

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

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

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

.h69 {
  flex-shrink: 0;
  width: clamp(80px, 10vw, 120px);
  height: clamp(80px, 10vw, 120px);
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

.p85 {
  flex: 1;
}

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

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

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

.dc8d23 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  margin-bottom: 0.75rem;
  font-weight: 500;
}

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

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

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

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

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

.l1b0f7 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 2vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  transition: all var(--transition-base);
}

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

.c39 {
  flex-shrink: 0;
  width: clamp(80px, 12vw, 140px);
  aspect-ratio: 3/2;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

.o55f97da {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  font-weight: 600;
}

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

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

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

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

  .c39 {
    width: 100%;
  }

  .oad5f {
    min-height: 300px;
  }

  .ga514de {
    flex-direction: column;
  }

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

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

  .b9deb {
    gap: 0.75rem;
  }
}

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

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

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

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

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

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

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

.j8db1b {
  text-align: center;
}

.ea29 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: 0.75rem;
  display: block;
}

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

.dd710907 {
  font-size: clamp(0.95rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 650px;
  margin: 0 auto;
  line-height: var(--line-height-relaxed);
}

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

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

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

.kb2dad {
  text-align: center;
}

.h51f0a {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: 0.75rem;
}

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

.jf7a7 {
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
}

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

.n07 {
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 800px;
  margin: 0 auto;
}

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

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

.d16e {
  text-align: center;
}

.o40c9 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: 0.75rem;
}

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

.mb3c2 {
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
}

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

.j7cd1eab {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  border-radius: var(--radius-md);
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

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

.gf6419 {
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-snug);
}

.pc3a5ae9 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

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

.b531 {
  text-align: center;
}

.ac2ec4 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: 0.75rem;
}

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

.g3c {
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
}

.pb397f {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
  margin: 2rem auto 0;
}

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

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

.fedf {
  text-align: center;
}

.k6b76a {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: 0.75rem;
}

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

.i38195 {
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.m7b53c {
  flex: 1;
}

.d3d7f5c2 {
  font-size: clamp(1rem, 1.3vw, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.e90d023 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

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

.d903320 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

.e57 {
  font-size: clamp(1.3rem, 1.8vw, 1.6rem);
  color: var(--color-accent);
  flex-shrink: 0;
}

.fa14 {
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

.od53762 {
  font-size: clamp(0.8125rem, 0.95vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

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

  .ga8 {
    margin-top: 0;
  }

  .g4d,
  .ca9,
  .cff70,
  .pa4913f,
  .pc92d9dc,
  .n66a0 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }
}

@media (min-width: 1024px) {
  .j7cd1eab {
    flex: 1 1 calc(50% - 1.25rem);
  }
}

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

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

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

.h63 {
  width: 100%;
  max-width: 500px;
  flex-shrink: 0;
}

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

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

.j2c81 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a3e165a1 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.b20a0 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
}

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

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

.ne3 {
  text-align: center;
}

.m1e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.afe {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

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

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

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

.bd4f {
  text-align: center;
}

.fa9e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.p38b9d {
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.e7297a {
  text-align: center;
}

.ma7a4db {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.a2bd {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-full);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 0.95vw + 0.5rem, 0.95rem);
  font-weight: 500;
  transition: all var(--transition-base);
}

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

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

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

.h30 {
  text-align: center;
}

.k9f89f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.me33 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 240px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

.bef {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-snug);
}

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

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

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

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

.i0c38 {
  display: flex;
  justify-content: center;
  padding: clamp(1.5rem, 3vw, 2rem) 0;
}

.p8faf986 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.75rem, 4vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: background var(--transition-base), transform var(--transition-base);
  display: inline-block;
}

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

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

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

.o6be9 {
  text-align: center;
}

.g49f59b {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.id4 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.ia262 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.75rem, 4vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: background var(--transition-base), transform var(--transition-base);
  display: inline-block;
  align-self: center;
}

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

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

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

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

  .fe2 {
    flex-direction: column;
  }
}

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

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

  .h63 {
    flex: 1;
    max-width: none;
  }

  .a50 {
    max-width: 900px;
    text-align: left;
  }
}

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

  .afe {
    flex: 1 1 calc(25% - 1.125rem);
  }

  .fe2 {
    flex-direction: row;
  }

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

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

.h30e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
  position: relative;
}

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

.ia99372c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.dc10d8e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

.m2c33 {
  max-width: 1200px;
  margin: 0 auto;
}

.pf1f {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3xl);
}

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

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

@media (min-width: 1024px) {
  .pf1f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .h40 {
    padding: var(--spacing-5xl) var(--spacing-2xl);
  }
}

.c15db08 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: var(--shadow-sm);
}

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

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

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

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

.k735 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.85rem);
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
}

.k3fd {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
  letter-spacing: var(--letter-spacing-tight);
}

.n42 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.jea {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  transition: color var(--transition-base), transform var(--transition-base);
  width: fit-content;
}

.jea:hover {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

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

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

.nc1 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.p0fd68 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.jf47c {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  letter-spacing: var(--letter-spacing-normal);
}

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

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

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

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

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

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

.of5aa8 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 400;
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-snug);
}

.le4a23 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 400;
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

.eff02 {
  max-width: 1200px;
  margin: 0 auto;
}

.c78 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

@media (min-width: 1024px) {
  .c78 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
  
  .c78 > :nth-child(3),
  .c78 > :nth-child(4) {
    grid-column: auto;
  }
}

.d0966d74 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.d0966d74:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.k1d {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 3rem;
}

.gc6 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 400;
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-snug);
}

.ne7e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

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

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

.p68ed9f {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.ee8e03cd {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 400;
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-snug);
}

.p84 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

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

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

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

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

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

@media (max-width: 480px) {
  .d0966d74 {
    padding: var(--spacing-xl);
  }
  
  .k1d {
    font-size: 2rem;
    margin-bottom: var(--spacing-md);
  }
}

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

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

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

.lcc45841 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.lcc45841 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.lcc45841 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.lcc45841 .a731c {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.lcc45841 ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  list-style-type: none;
  padding-left: 0;
}

.lcc45841 ul li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

.lcc45841 .e8c99b {
  margin-bottom: var(--spacing-2xl);
}

.lcc45841 .i5c469 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.lcc45841 .i5c469 h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.lcc45841 .i5c469 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

.lcc45841 a:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

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

@media (min-width: 1024px) {
  .lcc45841 .c86cc3 {
    padding: var(--spacing-5xl) var(--spacing-2xl);
  }
}

.o32d {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.j1d {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.c86cc3 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.la5 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
}

.m55f5378 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-sm);
}

.b8277 {
  width: clamp(3rem, 10vw, 5rem);
  height: clamp(3rem, 10vw, 5rem);
  color: var(--color-success);
  stroke-width: 1.5;
  animation: iconPulse 0.8s ease-out;
}

@keyframes iconPulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

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

.e98c63 {
  font-family: var(--font-primary);
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-primary);
  margin: var(--spacing-sm) 0 0 0;
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-snug);
}

.k293b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  margin: var(--spacing-lg) 0 0 0;
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-normal);
}

.gc9024 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: var(--spacing-md) 0 0 0;
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-normal);
}

.eb021 {
  margin-top: var(--spacing-xl);
  align-self: center;
  min-width: clamp(200px, 80%, 320px);
}

.nef10 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal);
  white-space: nowrap;
}

.g355ca {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.g355ca:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

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

  .la5 {
    gap: var(--spacing-lg);
  }
}

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

  .la5 {
    gap: var(--spacing-xl);
  }

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

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

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

  .la5 {
    gap: var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .b8277 {
    animation: none;
  }

  .nef10 {
    transition: none;
  }

  .nef10:hover {
    transform: none;
  }

  .nef10:active {
    transform: none;
  }
}

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

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

.cfd {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  background-color: var(--color-bg-primary);
}

.l0bca7b6 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

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

@media (min-width: 768px) {
  .j2066b6 {
    padding: 0 var(--spacing-lg);
  }
}

.c86cc3 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.g8a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .g8a {
    gap: var(--spacing-2xl);
  }
}

.m39c20 {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
}

.i49 {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 6rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: var(--letter-spacing-tight);
  position: relative;
  z-index: 2;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.p6c2ed {
  width: clamp(150px, 40vw, 300px);
  height: clamp(40px, 10vw, 80px);
  background: linear-gradient(90deg, var(--color-primary-light) 0%, var(--color-primary) 50%, var(--color-primary-light) 100%);
  border-radius: var(--radius-full);
  opacity: 0.2;
  filter: blur(20px);
  position: absolute;
  bottom: -20px;
  z-index: 1;
}

.g72b4c3 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  letter-spacing: var(--letter-spacing-normal);
  margin-top: var(--spacing-md);
}

.p7f0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-normal);
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .p7f0 {
    margin: 0 auto;
  }
}

.i9c9a6d {
  width: clamp(120px, 25vw, 180px);
  height: clamp(120px, 25vw, 180px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: var(--spacing-md) auto;
}

.ada {
  width: 100%;
  height: 100%;
  color: var(--color-primary);
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

.p222 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  border: none;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  box-shadow: var(--shadow-md);
  position: relative;
  overflow: hidden;
}

.p222::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: var(--color-primary-hover);
  transition: left var(--transition-base);
  z-index: -1;
}

.p222:hover::before {
  left: 0;
}

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

.p222:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .p222 {
    padding: var(--spacing-md) var(--spacing-2xl);
  }
}

.oae8a5 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-normal);
  margin-top: var(--spacing-lg);
}

@media (max-width: 480px) {
  .i49 {
    font-size: clamp(2.5rem, 10vw, 3.5rem);
  }
  
  .g72b4c3 {
    font-size: clamp(1.5rem, 4vw, 1.75rem);
  }
  
  .g8a {
    gap: var(--spacing-lg);
  }
}

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

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

.he07 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.gba9 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-tight);
}

.e1151f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

.f59c3442 {
  width: 100%;
}

.d5f {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 4rem);
  width: 100%;
}

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

@media (min-width: 768px) {
  .b0ffb8 {
    flex: 1 1 45%;
    min-width: 350px;
  }
}

.o54a {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.bdb095d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.icb756 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
}

.f6b54a,
.k530 {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: 1.5;
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.f6b54a::placeholder,
.k530::placeholder {
  color: var(--color-text-muted);
}

.f6b54a:focus,
.k530:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.05);
}

.k530 {
  resize: vertical;
  min-height: 140px;
}

.c70 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-sm);
}

.kc2588 {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--color-primary);
}

.kc74 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  cursor: pointer;
}

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

.pd0da:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.k96d5 {
  font-family: var(--font-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base);
  width: 100%;
  margin-top: var(--spacing-sm);
}

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

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

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

@media (min-width: 768px) {
  .d581b {
    flex: 1 1 45%;
    min-width: 350px;
  }
}

.p388 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  margin-bottom: var(--spacing-xl);
}

.nc929 {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  letter-spacing: var(--letter-spacing-tight);
}

.d7a1 {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  align-items: flex-start;
}

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

.k4deac {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
}

.f4f6 {
  flex: 1;
}

.jb38f {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.85rem);
  font-weight: 600;
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin: 0 0 var(--spacing-xs) 0;
}

.f527 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: block;
  line-height: var(--line-height-normal);
  margin: 0;
}

.f527:hover {
  color: var(--color-primary);
}

.d8245e {
  background: linear-gradient(135deg, var(--color-primary-light), var(--color-secondary-light));
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
}

.p243e {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-tight);
}

.hff9b8 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
}

.n8ec67 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
  transition: background-color var(--transition-base), transform var(--transition-base);
}

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

@media (max-width: 767px) {
  .m0ea6a64 {
    padding: clamp(1.5rem, 6vw, 3rem) 0;
  }

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

  .k0143 {
    padding: clamp(1.5rem, 6vw, 3rem) 0;
  }

  .d5f {
    gap: clamp(1.5rem, 4vw, 2.5rem);
  }

  .b0ffb8,
  .d581b {
    flex: 1 1 100%;
    padding: 0 var(--spacing-md);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .b0ffb8,
  .d581b {
    padding: 0 var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .b0ffb8,
  .d581b {
    padding: 0;
  }
}
.c32,.g78{
  width: 34px;
}

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

.nf8{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .nf8{
    max-width: 100%;
  }
}

.nf8.m84{
  z-index: 999;
}

.c32[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .m43cacd img {
    aspect-ratio: 6 / 9;
  }
  .o099bf33 {
    aspect-ratio: 6 / 9;
  }
}