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

:root {
  --color-bg-primary: #0f172a;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #1e293b;
  --color-bg-card: #ffffff;

  --color-text-primary: #4d6c9d;
  --color-text-secondary: #a0a0a0;
  --color-text-muted: #aaaaaa;
  --color-text-inverse: #ffffff;
  --color-text-inverse-secondary: #cbd5e1;

  --color-primary: #6366f1;
  --color-primary-hover: #4f46e5;
  --color-primary-light: #e0e7ff;
  --color-primary-lighter: #f0f4ff;
  
  --color-secondary: #818cf8;
  --color-secondary-light: #e9ecfd;
  
  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

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

  --font-primary: 'Commissioner', sans-serif;
  --font-heading: 'Fraunces', serif;

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
}

h2 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
}

h3 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

.ff9 {
  background: var(--color-secondary);
  color: var(--color-text-inverse);
}

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

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

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

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

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

.deaba449 {
  background: transparent;
  color: var(--color-text-primary);
  border: none;
}

.deaba449:hover {
  background: var(--color-border-light);
}

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

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

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

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

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

.e8129 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-inverse);
}

.e8129 p,
.e8129 .m3039a4a {
  color: var(--color-text-inverse-secondary);
}

.kfcf5 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

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

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

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

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

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

.d1e549b p {
  color: var(--color-text-inverse-secondary);
}

.l0e63 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-inverse);
}

.l0e63 p {
  color: var(--color-text-inverse-secondary);
}

.g29dd1b {
  display: grid;
  gap: var(--spacing-2xl);
}

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

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

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

@media (max-width: 768px) {
  .g9d38,
  .of18,
  .k53f {
    grid-template-columns: 1fr;
  }
}

.i86084d0 {
  display: flex;
  gap: var(--spacing-lg);
}

.bbd962 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-lg);
}

.m416fb57 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-lg);
}

.ob196d {
  flex-direction: column;
}

.f8274 {
  text-align: center;
}

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

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

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

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

.o32d48 {
  color: var(--color-text-inverse);
}

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

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

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

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

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

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

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

.bc924 {
  border: 1px solid var(--color-border);
}

.k053 {
  border-top: 1px solid var(--color-border);
}

.h906c0 {
  border-bottom: 1px solid var(--color-border);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dea4 {
  gap: var(--spacing-xs);
}

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

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

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

.jb7607a {
  gap: var(--spacing-xl);
}

.ad53ef {
  gap: var(--spacing-2xl);
}

.o8aa07 {
  gap: var(--spacing-3xl);
}

.i20e9 {
  gap: var(--spacing-4xl);
}

.nc146 {
  line-height: 1.2;
}

.e75352 {
  line-height: 1.5;
}

.pc4c {
  line-height: 1.75;
}

.c1aa6 {
  font-weight: 400;
}

.i3475 {
  font-weight: 500;
}

.j5a7 {
  font-weight: 600;
}

.n31 {
  font-weight: 700;
}

.jff43 {
  font-size: 0.75rem;
}

.a956eb {
  font-size: 0.875rem;
}

.j57189 {
  font-size: 1rem;
}

.ha97e5ec {
  font-size: 1.125rem;
}

.o935 {
  font-size: 1.25rem;
}

.a96f5 {
  font-size: 1.5rem;
}

.m1a4b9 {
  font-size: 1.875rem;
}

.l9b7e7 {
  font-size: 2.25rem;
}

.dc366 {
  font-size: 3rem;
}

.j7d0 {
  text-transform: uppercase;
}

.ac7 {
  text-transform: lowercase;
}

.dbcd021c {
  text-transform: capitalize;
}

.hcb {
  letter-spacing: -0.02em;
}

.o388 {
  letter-spacing: 0em;
}

.o5b {
  letter-spacing: 0.05em;
}

.h269963 {
  letter-spacing: 0.1em;
}

.be8 {
  opacity: 0.5;
}

.f97a {
  opacity: 0.75;
}

.c97 {
  opacity: 1;
}

@media (max-width: 640px) {
  .fcd0 {
    padding: var(--spacing-3xl) 0;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .a9c {
    padding: 0 var(--spacing-md);
  }
}
.j5bbe70 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
}

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

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

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

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

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

.ac3ef7 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(0.5rem, 2vw, 2rem);
  flex: 1;
  margin: 0 clamp(1rem, 3vw, 2rem);
}

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

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

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

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

.c2848 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
  transition: all var(--transition-base);
}

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

.c2848:hover {
  opacity: 0.7;
}

.c2848:active span {
  background: var(--color-accent);
}

.a84 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 320px;
  height: 100vh;
  background: var(--color-bg-primary);
  border-left: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  overflow-y: auto;
}

.a84.odbcea3 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.p71 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-bottom: 1px solid var(--color-border-light);
  min-height: 70px;
}

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

.p899:hover {
  color: var(--color-accent);
  transform: rotate(90deg);
}

.jd7 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1rem 0;
  flex: 1;
}

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

.f0cd3:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: 2rem;
}

.p2454e {
  padding: 1rem 1.5rem;
  margin: 1rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  text-align: center;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  display: block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .m0ef4b {
    display: block;
  }

  .c2848 {
    display: none;
  }

  .a84 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .c5a8f {
    font-size: 1rem;
  }

  .aa93 {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  .n9bf7 {
    min-height: 60px;
  }

  .ea4c {
    width: 36px;
    height: 36px;
  }

  .aa93 {
    font-size: 1.125rem;
  }
}

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

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

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

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

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

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

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

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

.ib652 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}

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

.o9a {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 50% 50% 40% 60% / 60% 40% 60% 40%;
  box-shadow: var(--shadow-lg);
}

.a286a {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  text-align: center;
}

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

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

.e04d6 {
  background: transparent;
  color: var(--color-text-inverse);
  border-color: var(--color-text-inverse);
}

.e04d6:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--color-accent);
  color: var(--color-accent);
}

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

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

.ede {
  text-align: center;
}

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

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

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

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

.ff551d70 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

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

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

.oad18a {
  text-align: center;
}

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

.fa383a {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-inverse);
  font-weight: 700;
  line-height: 1.2;
  margin: 0.5rem 0;
}

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

.h98 {
  flex: 1 1 100%;
  max-width: 700px;
  background: rgba(255, 255, 255, 0.1);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.df50b1e {
  font-size: 2rem;
  color: var(--color-accent);
  margin-bottom: 1rem;
}

.ge490 {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-inverse);
  font-weight: 700;
  margin: 0 0 1rem 0;
}

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

.jc97 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 250px;
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all var(--transition-base);
}

.jc97:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--color-accent);
}

.nbaaa {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-inverse);
  font-weight: 700;
  margin: 0 0 0.75rem 0;
}

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

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

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

.d99e8d63 {
  text-align: center;
}

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

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

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

.h5cf5 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
  max-width: 900px;
  margin: 0 auto;
}

.m3909a4 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem;
  border-radius: var(--radius-md);
  background: rgba(99, 102, 241, 0.05);
  transition: all var(--transition-base);
}

.m3909a4:hover {
  background: rgba(99, 102, 241, 0.1);
  transform: translateX(4px);
}

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

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

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

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

.f1fb {
  text-align: center;
}

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

.fd323 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-inverse);
  font-weight: 700;
  line-height: 1.2;
  margin: 0.5rem 0;
}

.o3d {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-inverse-secondary);
  max-width: 600px;
  margin: 0 auto;
}

.aca80a5 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

.d5c407 {
  flex: 1 1 200px;
  min-width: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
  background: rgba(255, 255, 255, 0.08);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all var(--transition-base);
}

.d5c407:hover {
  background: rgba(99, 102, 241, 0.15);
  border-color: var(--color-accent);
}

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

.aed {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-inverse);
  font-weight: 700;
  margin: 0;
}

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

.l8ea9 {
  display: none;
  font-size: 1.5rem;
  color: var(--color-accent);
  flex: 0 0 auto;
}

@media (min-width: 768px) {
  .aca80a5 {
    gap: 0.5rem;
  }

  .d5c407 {
    flex: 1 1 auto;
  }

  .l8ea9 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
  }
}

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

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

.kfdfd0 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

.g6c {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

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

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

.k0f {
  text-align: center;
}

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

.jf87e36 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-inverse);
  font-weight: 700;
  line-height: 1.2;
  margin: 0.5rem 0;
}

.a313ada {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-inverse-secondary);
  max-width: 600px;
  margin: 0 auto;
}

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

.p0d490 {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
}

.p0d490[open] {
  background: rgba(99, 102, 241, 0.15);
  border-color: var(--color-accent);
}

.cdb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-inverse);
  font-weight: 600;
  user-select: none;
  list-style: none;
}

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

.cdb i {
  font-size: 1rem;
  transition: transform var(--transition-base);
  flex-shrink: 0;
  margin-left: 1rem;
}

.p0d490[open] .cdb i {
  transform: rotate(180deg);
}

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

.ib5 p {
  margin: 0;
}

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

.h8febea {
  display: flex;
  justify-content: center;
}

.af31fc {
  max-width: 700px;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-lg);
}

.f69ad {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}

.nf5bc4b {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
  line-height: 1.6;
}

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

.j27ab16c .a286a {
  min-width: 160px;
}

.j27ab16c .p8a1ffa {
  background: white;
  color: var(--color-primary);
}

.j27ab16c .p8a1ffa:hover {
  background: rgba(255, 255, 255, 0.9);
}

.j27ab16c .e04d6 {
  background: rgba(255, 255, 255, 0.2);
  color: white;
  border-color: white;
}

.j27ab16c .e04d6:hover {
  background: rgba(255, 255, 255, 0.3);
}

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

.p9f38.lf701 {
  display: none;
}

.kfb9ce {
  color: var(--color-text-inverse);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  flex: 1;
  min-width: 200px;
}

.kfe {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  flex-shrink: 0;
}

.keda,
.ke6916 {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

.ke6916 {
  background: transparent;
  color: var(--color-text-inverse);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

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

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

  .ede3c1 {
    flex: 1 1 100%;
    min-height: 250px;
  }

  .ac5f08 {
    flex: 1 1 100%;
  }

  .b17,
  .h4def {
    flex: 1 1 100%;
    min-height: auto;
  }

  .h98 {
    flex: 1 1 100%;
  }

  .jc97 {
    flex: 1 1 100%;
  }

  .m3909a4 {
    flex: 1 1 100%;
  }

  .j27ab16c {
    flex-direction: column;
  }

  .j27ab16c .a286a {
    width: 100%;
  }

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

  .kfb9ce {
    order: 1;
  }

  .kfe {
    order: 2;
    width: 100%;
    justify-content: center;
  }
}

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

  .ib652 .a286a {
    width: 100%;
  }

  .ld7878 {
    flex-direction: column;
  }

  .b17,
  .h4def {
    flex: 1 1 100%;
  }

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

  .l8ea9 {
    transform: rotate(90deg);
  }

  .oaf {
    flex-direction: column;
  }

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

  .ifa5ca {
    max-width: 100%;
  }

  .keda,
  .ke6916 {
    flex: 1 1 calc(50% - 0.5rem);
    min-width: 100px;
  }
}

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

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

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

.fbf5f092 {
  max-width: 520px;
}

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

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

.l1495d,
.d7381b,
.kf5312 {
  display: block;
}

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

.b54160e,
.b3f {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.5rem);
}

.b54160e li,
.b3f li {
  display: block;
}

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

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

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

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

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

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

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

  .fbf5f092 {
    flex: 1 1 280px;
    min-width: 280px;
  }

  .l1495d {
    flex: 0 1 auto;
  }

  .d7381b {
    flex: 1 1 280px;
    min-width: 280px;
  }

  .kf5312 {
    flex: 0 1 auto;
  }

  .k126da {
    flex: 1 1 100%;
  }

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

@media (min-width: 1024px) {
  .bd8d033 {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1.2fr 1fr;
    gap: clamp(2.5rem, 4vw, 3.5rem);
    align-items: start;
  }

  .fbf5f092 {
    grid-column: 1;
    flex: none;
  }

  .l1495d {
    grid-column: 2;
  }

  .d7381b {
    grid-column: 3;
    flex: none;
  }

  .kf5312 {
    grid-column: 4;
  }

  .k126da {
    grid-column: 1 / -1;
    flex: none;
  }
}
    

.i00 {
  width: 100%;
}

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

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

.d6d52 {
  text-align: center;
  padding: clamp(1.5rem, 4vw, 3rem);
}

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

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

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

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

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

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

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

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

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

.ld21 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  flex: 1 1 300px;
  min-width: 280px;
  max-width: 400px;
}

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

.ob09e {
  flex: 1 1 350px;
  max-width: 450px;
}

.h0838dda {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

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

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

.n78cb8 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding-top: clamp(0.75rem, 1vw, 1rem);
  border-top: 1px solid var(--color-border-light);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

.c429,
.n4c,
.g84 {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.c429 i,
.n4c i,
.g84 i {
  color: var(--color-accent);
  width: 1rem;
  text-align: center;
}

.bf39f1 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  border: 1px solid var(--color-accent);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.fd448 {
  display: inline-block;
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 500;
  transition: all var(--transition-base);
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.n3dd:hover {
  background: var(--color-accent-hover);
  transform: scale(1.05);
}

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

.m12f:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  transform: scale(1.05);
}

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

.o000390:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-color: var(--color-accent);
  transform: scale(1.05);
}

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

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

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

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

.i73d24 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-sm);
  flex: 1 1 300px;
  min-width: 280px;
  max-width: 380px;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

  .e02 {
    flex-direction: column;
  }

  .ld21,
  .ob09e {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l97f7e {
    flex-direction: column;
  }

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

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

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

  .l97f7e {
    flex-direction: column;
  }

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

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

  .d6d52 {
    flex: 1 1 50%;
    text-align: center;
  }

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

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

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

  .l97f7e {
    flex-direction: row;
  }

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

.ca7 {
  width: 100%;
}

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

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

.j080aff {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

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

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

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

.j080aff > span:last-child {
  display: none;
}

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

.jda {
  display: inline-block;
  background: var(--color-primary-light);
  color: var(--color-text-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  width: fit-content;
  margin: 0 auto;
}

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

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

.e8e {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 2rem);
  justify-content: center;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

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

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

.kd94 {
  width: 100%;
  max-width: 700px;
  margin: clamp(1rem, 3vw, 2rem) auto 0;
}

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

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

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

.p12 {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
}

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

.h2161d {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 700;
}

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

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

.cb0a {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 500;
}

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

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

.e0514 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
  max-width: 1000px;
  margin: 0 auto;
}

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

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

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

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

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

.h120e8 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a203 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  margin: clamp(1rem, 2vw, 2rem) 0;
}

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

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

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

.m2580ab strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.fe745 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

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

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

.o413783f {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.e4f01 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.5rem);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.6;
  font-style: italic;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.o764 i {
  color: var(--color-warning);
  font-size: 1.5rem;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jaee2 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.j1cd69 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  margin-top: auto;
}

.j6bd {
  display: flex;
  flex-direction: row;
  gap: 0.4rem;
  align-items: center;
}

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

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

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

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

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

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

  .j080aff span:last-child {
    display: inline;
  }

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

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

  .f21e {
    flex-direction: column;
  }

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

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

  .g28d {
    flex-direction: column;
  }

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

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

  .n62b3bb {
    font-size: 0.75rem;
  }

  .fe745 {
    gap: 1rem;
  }

  .c3b47 {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }

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

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

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

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

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

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

.e9af71 a {
  color: var(--color-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: color 0.3s ease;
}

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

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

.c852b3 {
  text-align: center;
  max-width: 700px;
}

.oe09fdb0 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1.25rem;
  border-radius: 2rem;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
}

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

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

.kd5923 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.ob98532 {
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

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

.if56a9 {
  width: 100%;
  max-width: 600px;
}

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

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

  .c852b3 {
    flex: 1 1 50%;
    text-align: left;
  }

  .if56a9 {
    flex: 1 1 50%;
  }
}

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

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

.l96b {
  flex-shrink: 0;
}

.i05a30 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.jbd827 {
  flex: 1;
}

.c94aa1c9 {
  margin-bottom: 0.5rem;
}

.c94aa1c9 a {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}

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

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

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

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

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

.kf5f {
  max-width: 700px;
}

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

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

.c98a89 {
  width: 100%;
  max-width: 500px;
}

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

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

  .kf5f {
    flex: 1 1 50%;
  }

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

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

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

.fa7271 {
  max-width: 700px;
}

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

.ha6b4 {
  color: var(--color-text-muted);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.c9cf0 {
  color: var(--color-bg-secondary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  margin: 0;
}

.ca96bc {
  width: 100%;
  max-width: 500px;
}

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

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

  .fa7271 {
    flex: 1 1 50%;
  }

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

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

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

.i1b32641 {
  max-width: 700px;
}

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

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

.i712 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  margin: clamp(1.5rem, 2vw, 2rem) 0;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.1);
}

.e7cd9b {
  width: 100%;
  max-width: 500px;
}

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

  .e7cd9b {
    flex: 1 1 50%;
    order: -1;
  }

  .i1b32641 {
    flex: 1 1 50%;
  }
}

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

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

.a37dc {
  max-width: 700px;
}

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

.e8bf15 {
  color: var(--color-text-muted);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.f83a1e0 {
  width: 100%;
  max-width: 500px;
}

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

  .a37dc {
    flex: 1 1 50%;
  }

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

.g809 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
}

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

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

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

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

.g880efd {
  max-width: 700px;
}

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

.f53c42eb {
  color: var(--color-text-muted);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.m8e {
  margin-top: clamp(2rem, 4vw, 3rem);
}

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

.faa908:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(99, 102, 241, 0.3);
}

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

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

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

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

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

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

.of5ee {
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 280px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
  transition: all 0.3s ease;
}

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

.j26d {
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.of5ee:hover .l93d {
  transform: scale(1.05);
}

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

.k9a9b929 {
  margin: 0;
}

.k9a9b929 a {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  text-decoration: none;
  line-height: 1.4;
  transition: color 0.3s ease;
}

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

.pc5 a {
  color: var(--color-secondary);
  transition: var(--transition-base);
}

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

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

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

.b8ccaf {
  text-align: center;
  max-width: 720px;
}

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

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

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

.pe6 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
}

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

.adb8 {
  width: 100%;
  max-width: 600px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

.i9a {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

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

.ja1 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: var(--shadow-md);
}

.a91c3 {
  flex: 1;
}

.d104403 {
  font-size: clamp(0.75rem, 1vw, 0.85rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

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

.b06456 a {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

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

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

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

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

.o9df {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.8;
}

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

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

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

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

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

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

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

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

.i517 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-bg-secondary);
  line-height: 1.7;
  font-weight: 500;
}

.kd196177 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  margin: clamp(2rem, 4vw, 3rem) 0;
}

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

.o800f {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-bg-secondary);
  font-weight: 600;
}

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

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

.j54a94 {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

.la3cb7 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-bg-secondary);
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
}

.h97a62 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-muted);
  text-align: center;
}

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

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

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

.n48226 {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

.o6be {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition-base);
}

.fe2fe:hover .o6be {
  transform: scale(1.05);
}

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

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

.o2dd9 a {
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

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

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

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

  .bfa3bd43 {
    flex-direction: column;
  }

  .c21,
  .fd4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .fe2fe {
    flex: 1 1 100%;
    min-width: 100%;
    max-width: 500px;
  }
}

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

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

  .a91c3 {
    width: 100%;
  }

  .pc5 {
    justify-content: center;
  }

  .fe2fe {
    min-width: 100%;
  }
}

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

  .pe6 {
    font-size: 0.8125rem;
  }

  .f0710 {
    font-size: clamp(1.25rem, 3vw, 1.5rem);
  }

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

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

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

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

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

a {
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}

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

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

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

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

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

.d1559 {
  font-size: clamp(0.9375rem, 2vw, 1.25rem);
  line-height: 1.6;
  color: #cbd5e1;
  max-width: 600px;
}

.if289f8 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: #94a3b8;
}

.i4032 {
  color: #94a3b8;
}

.c6ac {
  color: #475569;
}

.o64 {
  width: 100%;
  margin-top: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.b630f2a9 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  display: block;
}

.o3cd6 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: #94a3b8;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  flex-wrap: wrap;
}

.o3cd6 a {
  color: var(--color-secondary);
  transition: color 0.3s ease;
}

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

.o3cd6 span {
  color: #475569;
}

.bdb {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  border-bottom: 1px solid var(--color-border);
  overflow: hidden;
}

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

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

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

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

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

.p8c2622 a {
  color: var(--color-text-primary);
  text-decoration: underline;
}

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

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

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

.n911e2cd {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
  max-width: 900px;
}

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

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

.h14 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  line-height: 1.4;
  color: var(--color-text-primary);
  font-weight: 700;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

  .a1e,
  .geac18 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.p90c47 {
  background: #f8fafc;
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

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

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

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

.p90dfdb8 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: #f8fafc;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  position: relative;
}

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

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

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

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

.mb4 {
  max-width: 900px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

.g72 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  line-height: 1.3;
  color: var(--color-bg-secondary);
  font-weight: 700;
}

.l7b9d {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  line-height: 1.7;
  color: #cbd5e1;
}

.i2ea {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-accent);
  margin-top: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: flex-start;
}

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

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

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

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

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

.c834 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  line-height: 1.2;
  color: var(--color-text-primary);
  font-weight: 700;
  text-align: center;
}

.ic64 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0;
}

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

.k7f9d {
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.k7f9d:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.o52 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

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

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

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

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

.a031ba {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  font-weight: 600;
  transition: all 0.3s ease;
  text-decoration: underline;
  margin-top: auto;
}

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

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

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

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

  .o3cd6 {
    justify-content: center;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

.nc32c {
  text-align: center;
}

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

.od53a {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

.i134 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  display: block;
  margin: 0 auto;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

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

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

.e9e {
  max-width: 700px;
}

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

.o8c {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

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

.p8a5a8 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-top: 0.75rem;
}

.c145 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: clamp(1rem, 2vw, 1.5rem) auto 0;
}

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

.fdb {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2rem);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 220px;
  max-width: 300px;
  transition: var(--transition-base);
}

.fdb:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(99, 102, 241, 0.1);
  border-color: var(--color-accent);
}

.gefe314 {
  width: 48px;
  height: 48px;
  background: var(--color-bg-secondary);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

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

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

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

.n19d6f4 {
  flex: 1 1 45%;
  min-width: 280px;
}

.ic1d9d {
  flex: 1 1 45%;
  min-width: 280px;
  max-height: 450px;
}

.ic1d9d img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

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

.l1456 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-family: var(--font-heading);
}

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

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

.de08 {
  list-style: none;
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

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

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

.lc3a5 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 0.875rem;
  margin-top: 2px;
}

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

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

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

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

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

.ef2 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-top: 0.75rem;
  font-family: var(--font-heading);
}

.a961559e {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: clamp(1rem, 2vw, 1.5rem) auto 0;
}

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

.lc19a7 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2rem);
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 200px;
  max-width: 250px;
  text-align: center;
}

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

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

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

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

.hb334f {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

.a99512 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--color-accent);
  font-size: 1.25rem;
  margin-top: 2px;
}

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

.af85 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 900px;
}

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

  .j56 {
    flex-direction: column;
  }

  .n19d6f4,
  .ic1d9d {
    flex: 1 1 100%;
    min-width: 100%;
  }

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

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

@media (max-width: 480px) {
  .a2d8 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .jd8b8b {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

  .o8c,
  .p8a5a8,
  .l1456,
  .ef2 {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }
}

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

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

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

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

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

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

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

.na36 {
  text-align: center;
  max-width: 650px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

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

.k6722 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.5px;
}

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

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

  .pdd08 {
    flex: 1 1 40%;
    max-width: none;
  }

  .na36 {
    flex: 1 1 50%;
    text-align: left;
  }
}

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

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

.k3b {
  text-align: center;
}

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

.m8ec6a {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.1875rem);
  color: var(--color-text-inverse-secondary);
}

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

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

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

.dd9e2 {
  font-size: clamp(2rem, 5vw, 2.75rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

.e4b6ae40 {
  text-align: center;
}

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

.j03 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.1875rem);
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

.c35238d3 {
  text-align: center;
}

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

.dfbec8 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.1875rem);
  color: var(--color-text-inverse-secondary);
}

.l22 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1rem);
  justify-content: center;
  max-width: 900px;
  margin: 0 auto;
}

.ff2c2 {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
  font-weight: 500;
  white-space: nowrap;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-fast);
}

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

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

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

.e45137 {
  text-align: center;
}

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

.n122d {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.1875rem);
  color: var(--color-text-secondary);
}

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

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

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

.pc5143f {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}

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

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

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

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

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

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

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

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

.l62f {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  align-items: center;
  justify-content: center;
}

.db1a470f,
.g86a2f {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
  white-space: nowrap;
}

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

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

.g86a2f {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-accent);
}

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

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

  .db1a470f,
  .g86a2f {
    flex: 1 1 auto;
  }
}

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

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

.b39 {
  text-align: center;
}

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

.i3a {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.1875rem);
  color: var(--color-text-secondary);
}

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

.n42 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1vw, 1.125rem) clamp(1.75rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

@media (min-width: 768px) {
  .c5e57836 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .a94b6 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .kdb {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .e875490a {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .m4bf44 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .if3f481 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .o53f4c {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

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

  .a94b6 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .kdb {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .e875490a {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .m4bf44 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .if3f481 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .o53f4c {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }
}

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

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

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

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

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

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

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

.b3ce7c2 {
  margin-bottom: var(--spacing-2xl);
  text-align: center;
}

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

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

.fdc {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background-color: var(--color-bg-card);
  overflow: hidden;
  transition: all var(--transition-base);
}

.fdc:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

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

.c3e8cf:hover {
  color: var(--color-primary);
}

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

.ac39 {
  flex: 1;
  line-height: 1.4;
}

.lcb051 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: var(--color-primary);
  transition: transform var(--transition-base);
}

.fdc.odbcea3 .lcb051 {
  transform: rotate(180deg);
}

.ec8 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base), padding var(--transition-base);
}

.fdc.odbcea3 .ec8 {
  max-height: 500px;
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
}

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

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

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

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

.ec706e03 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

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

.j5bf4497:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

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

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

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

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

  .fdc.odbcea3 .ec8 {
    padding: 0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
  }

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

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

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

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

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

.b27da36 {
  width: 100%;
}

.b3966505 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

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

.i72e0 {
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .b3966505 {
    padding: 4rem 2rem;
  }

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

@media (min-width: 1024px) {
  .b3966505 {
    padding: 5rem 2rem;
  }
}

.p67caa {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.a1fe {
  max-width: 1200px;
  margin: 0 auto;
}

.e02876 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

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

.m7d2ef99 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.g777e {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
}

.dfabde01 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

@media (min-width: 768px) {
  .p67caa {
    padding: 4rem 2rem;
  }

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

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

@media (min-width: 1024px) {
  .p67caa {
    padding: 5rem 2rem;
  }

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

.f44c2 {
  background-color: var(--color-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

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

.p36b278 {
  text-align: center;
}

.bd22a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  color: var(--color-text-inverse);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.n3f364 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.05rem);
  color: var(--color-text-inverse);
  line-height: 1.7;
  margin: 0 0 var(--spacing-lg) 0;
}

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

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

.bed3b0:focus {
  outline: 2px solid var(--color-text-inverse);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .f44c2 {
    padding: 4rem 2rem;
  }

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

@media (min-width: 1024px) {
  .f44c2 {
    padding: 5rem 2rem;
  }
}

.lcb {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.iae8 {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

.n0134f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
}

.c356 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

@media (min-width: 768px) {
  .lcb {
    padding: 4rem 2rem;
  }

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

@media (min-width: 1024px) {
  .lcb {
    padding: 5rem 2rem;
  }
}

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

.nf39d main {
  width: 100%;
}

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

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

.nf39d h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
  line-height: 1.3;
}

.nf39d .kc6a0 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.nf39d h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.4;
}

.nf39d p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.nf39d ul {
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-lg);
}

.nf39d li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.o6290 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.o6290 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
  margin-bottom: var(--spacing-lg);
}

.o6290 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

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

@media (min-width: 1024px) {
  .a9c {
    padding: 0 var(--spacing-lg);
  }

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

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

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
}

.cd25 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
}

.p223c1 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.a9c {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

.a6f40af {
  width: 100%;
  max-width: 800px;
}

.k42dbb9 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.a64661f {
  font-size: clamp(3rem, 10vw, 5rem);
  color: var(--color-success);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: scaleIn 0.6s ease-out;
}

@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.g617 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-top: var(--spacing-md);
}

.be9ca9d {
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.6;
  margin-top: var(--spacing-sm);
}

.p38 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-lg);
  text-align: left;
}

.p38 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
}

.p38 p:first-child {
  color: var(--color-text-primary);
  font-weight: 500;
}

.a286a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  text-decoration: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  border: 2px solid transparent;
  text-align: center;
}

.c945b4 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

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

.acb05b91 {
  margin-top: var(--spacing-lg);
  min-width: 200px;
}

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

  .k42dbb9 {
    gap: var(--spacing-xl);
  }

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

@media (min-width: 768px) {
  .p223c1 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
    min-height: 100vh;
  }

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

  .k42dbb9 {
    gap: var(--spacing-2xl);
  }

  .p38 {
    gap: var(--spacing-xl);
    text-align: center;
  }

  .p38 p {
    margin: 0 auto;
  }

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

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

  .k42dbb9 {
    gap: var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .a64661f {
    animation: none;
  }

  .c945b4:hover {
    transform: none;
  }
}

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

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

.ic6fc70 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md);
}

.b69922c {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.a6f40af {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.j15701 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
}

.la0d6 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}

.i55abed4 {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  letter-spacing: -0.02em;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

.lbca79f {
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}

.b9c h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.2;
}

.a2faca3 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  font-family: var(--font-primary);
}

.ded {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-lg);
  border-left: 4px solid var(--color-primary);
}

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

.a286a {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  line-height: 1.5;
}

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

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

.c945b4:active {
  transform: translateY(0px);
}

.a9c2232f {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: clamp(1rem, 1.2vw, 1.2rem);
}

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

.f2bc7 p {
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

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

  .j15701 {
    gap: var(--spacing-2xl);
  }

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .i55abed4 {
    animation: none;
  }

  .lbca79f {
    animation: none;
  }

  .c945b4:hover {
    transform: none;
  }

  .c945b4:active {
    transform: none;
  }
}

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

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

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

.f352a5 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

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

.e3e35 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
}

.cb9c4 {
  width: 100%;
}

.l47 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

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

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

.kafa4e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-2xl);
  letter-spacing: -0.01em;
}

.kfab85 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.pb92f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.iac8 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
  margin-bottom: var(--spacing-xs);
}

.j000,
.j088 {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md) 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), background-color var(--transition-base), box-shadow var(--transition-base);
}

.j000::placeholder,
.j088::placeholder {
  color: var(--color-text-muted);
}

.j000:focus,
.j088:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.j088 {
  min-height: 140px;
  resize: vertical;
}

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

.daeeb9a {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.k63a7dcc {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

.k63a7dcc:hover,
.k63a7dcc:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.k697a84 {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  margin-top: var(--spacing-sm);
}

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

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

.k697a84:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--color-accent), 0.2);
}

.cac85 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-2xl);
  letter-spacing: -0.01em;
}

.h1f41 {
  display: flex;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
  border-bottom: 1px solid var(--color-border-light);
}

.h1f41:last-of-type {
  border-bottom: none;
  margin-bottom: var(--spacing-3xl);
  padding-bottom: 0;
}

.ab736 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.lef9ec {
  flex: 1;
}

.cc8c3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.e7274a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.o49d4 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

.o49d4:hover,
.o49d4:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.cec {
  margin-top: var(--spacing-3xl);
  padding: var(--spacing-2xl);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

.m9289 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-sm) 0;
}

.k6e19 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-fast), text-decoration var(--transition-fast);
}

.k6e19:hover,
.k6e19:focus {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

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

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

.m3f1a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.o866ad {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
}

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

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

@media (min-width: 768px) {
  .d53d {
    padding: var(--spacing-4xl) 0 var(--spacing-3xl);
  }

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

  .l47 {
    gap: var(--spacing-4xl);
  }

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

  .a78e {
    flex: 1 1 45%;
  }
}

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

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

  .l47 {
    gap: var(--spacing-4xl);
  }

  .o05 {
    flex: 1 1 48%;
  }

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

@media (min-width: 1440px) {
  .d53d {
    padding: var(--spacing-4xl) 0;
  }

  .e3e35 {
    padding: var(--spacing-4xl) 0;
  }
}
.c2848,.p899{
  width: 34px;
}

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

.a84{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .a84{
    max-width: 100%;
  }
}

.a84.odbcea3{
  z-index: 999;
}

.jd7{
  padding-top: 50px;
}

.c2848[aria-expanded="true"]{
  display: none;
}