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

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

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

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-light: #dbeafe;
  --color-primary-lighter: #eff6ff;
  
  --color-secondary: #3b82f6;
  --color-secondary-light: #e0e7ff;
  --color-secondary-lighter: #f0f4ff;

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

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

  --font-primary: 'Lato', sans-serif;
  --font-heading: 'Josefin Sans', sans-serif;

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

  --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);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.15);

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

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;

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

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

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.de2 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.j8c {
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: 1rem;
  font-weight: 600;
  border-radius: var(--radius-lg);
  transition: all var(--transition-fast);
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: none;
}

.d9be4d72 {
  background: var(--color-primary);
  color: var(--color-text-light);
  box-shadow: var(--shadow-md);
}

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

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

.l79d0 {
  background: var(--color-secondary-light);
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

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

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

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

.e79 {
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 0.875rem;
}

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

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

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

.ad5606 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
  border: 1px solid var(--color-border-dark);
}

.ad5606 h1,
.ad5606 h2,
.ad5606 h3,
.ad5606 h4,
.ad5606 h5,
.ad5606 h6 {
  color: var(--color-text-light);
}

.ad5606 p {
  color: var(--color-text-light-secondary);
}

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

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

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

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

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

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

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

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

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

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

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

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

.o17 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

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

.c923 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
}

.c923 h1,
.c923 h2,
.c923 h3,
.c923 h4,
.c923 h5,
.c923 h6 {
  color: var(--color-text-light);
}

.c923 p {
  color: var(--color-text-light-secondary);
}

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

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

.n3cb4 {
  text-align: center;
}

.ob06c1e {
  text-align: left;
}

.h0f43 {
  text-align: right;
}

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

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

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

.g77 {
  color: var(--color-text-light);
}

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

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

.nffb0ad {
  font-weight: 700;
}

.mc562d {
  font-weight: 600;
}

.i78 {
  font-weight: 500;
}

.i13de467 {
  font-size: 0.875rem;
}

.iaa6c {
  font-size: 1.125rem;
}

.f1e {
  font-size: 1.5rem;
}

.l81 { margin-top: var(--spacing-xs); }
.le7b2 { margin-top: var(--spacing-sm); }
.b83d { margin-top: var(--spacing-md); }
.k7dce4 { margin-top: var(--spacing-lg); }
.n53b35e { margin-top: var(--spacing-xl); }
.mf0 { margin-top: var(--spacing-2xl); }
.jc160 { margin-top: var(--spacing-3xl); }
.f6cbe209 { margin-top: var(--spacing-4xl); }

.d99c1bba { margin-bottom: var(--spacing-xs); }
.eef8e { margin-bottom: var(--spacing-sm); }
.a1c31 { margin-bottom: var(--spacing-md); }
.feb { margin-bottom: var(--spacing-lg); }
.d51d { margin-bottom: var(--spacing-xl); }
.n21887 { margin-bottom: var(--spacing-2xl); }
.b52ff7 { margin-bottom: var(--spacing-3xl); }
.h2b579 { margin-bottom: var(--spacing-4xl); }

.hfc65 { margin-left: auto; margin-right: auto; }

.k380 { padding-top: var(--spacing-xs); }
.p65e { padding-top: var(--spacing-sm); }
.i096b4 { padding-top: var(--spacing-md); }
.l7e { padding-top: var(--spacing-lg); }
.f8a { padding-top: var(--spacing-xl); }
.i5a { padding-top: var(--spacing-2xl); }
.g14016 { padding-top: var(--spacing-3xl); }
.b1e3b { padding-top: var(--spacing-4xl); }

.k32b { padding-bottom: var(--spacing-xs); }
.h445 { padding-bottom: var(--spacing-sm); }
.dc5f87a { padding-bottom: var(--spacing-md); }
.fc8693 { padding-bottom: var(--spacing-lg); }
.e85 { padding-bottom: var(--spacing-xl); }
.bb18 { padding-bottom: var(--spacing-2xl); }
.pd8 { padding-bottom: var(--spacing-3xl); }
.k6fd { padding-bottom: var(--spacing-4xl); }

.ka14f { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.pf86 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.g06da9 { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }

.aee { gap: var(--spacing-sm); }
.i36d { gap: var(--spacing-md); }
.f97568d3 { gap: var(--spacing-lg); }
.f3b6 { gap: var(--spacing-xl); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .daa535d,
  .ob8,
  .m4c38 {
    grid-template-columns: 1fr;
  }

  .de2 {
    padding: 0 16px;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .j8c {
    width: 100%;
  }

  .de2 {
    padding: 0 12px;
  }
}
.ddfb {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
}

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

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

.k88902f9:hover {
  opacity: 0.8;
}

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

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

.ndea {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  flex: 1;
  justify-content: center;
}

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

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

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

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

.p28 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 5px;
  padding: 0;
  margin-left: auto;
}

.p28 span {
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: var(--transition-base);
  display: block;
}

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

.o90e4 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.3s ease;
  z-index: 99;
  overflow-y: auto;
  padding-top: 70px;
}

.o90e4.l72a314c {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

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

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

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

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

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

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

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

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

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

  .o90e4 {
    display: none;
  }

  .ndea {
    display: flex;
  }

  .ha2f3f {
    display: block;
  }

  .o924f {
    height: 80px;
    gap: 2rem;
  }
}

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

  .b75b {
    font-size: 1rem;
  }

  .o924f {
    gap: 3rem;
  }
}

@media (max-width: 767px) {
  .j67bccd {
    font-size: 1.125rem;
  }

  .o90e4 {
    padding-top: 0;
  }
}

    .c0f {
  width: 100%;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  overflow-x: hidden;
}

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

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

.f0ef730 {
  background: var(--color-bg-tertiary);
  padding: 0;
  overflow: hidden;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dc9 {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 600px;
  overflow: hidden;
}

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

.j1b13 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(10, 15, 30, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

}

.j5e0219d {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: #ffffff;
  line-height: var(--line-height-tight);
  margin: 0;
}

.k56f {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: #e2e8f0;
  margin: 0;
  line-height: var(--line-height-relaxed);
}

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

.j8c {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  white-space: nowrap;
}

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

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

.l79d0 {
  background: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
}

.l79d0:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

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

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

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

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

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

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

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

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

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

.l7031c2 {
  flex: 1 1 calc(25% - 1.25rem);
  min-width: 220px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  transition: all var(--transition-base);
}

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

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

.l43ec64 {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-light));
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 1.75rem;
}

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

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

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

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

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

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

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

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

.g0e4932 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 4vw, 3rem);
  margin-top: clamp(2rem, 3vw, 2.5rem);
}

.b9ab {
  flex: 1 1 100px;
}

.g49d34 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0 0 0.25rem 0;
}

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

.g6f {
  flex: 1 1 45%;
  min-width: 280px;
  position: relative;
}

.o31f743e {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.o31f743e img {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  display: block;
}

.cf911357 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 28px;
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: 0 10px 40px rgba(37, 99, 235, 0.3);
}

.cf911357:hover {
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: 0 15px 50px rgba(37, 99, 235, 0.5);
}

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

  .a1a9c2,
  .g6f {
    flex: 1 1 100%;
  }
}

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

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

.h10f {
  text-align: center;
}

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

.i45 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #cbd5e1;
  margin: 0;
}

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

.jad8e0 {
  flex: 1 1 200px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  transition: all var(--transition-base);
  max-width: 280px;
}

.jad8e0:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-4px);
}

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

.je0 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  font-family: var(--font-heading);
}

.c0af6 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: #cbd5e1;
  margin: 0;
  line-height: var(--line-height-normal);
  flex-grow: 1;
}

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

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

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

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

.j36b {
  text-align: center;
}

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

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

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

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

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

.j180a {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-light));
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 2rem;
}

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

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

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

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

.j154 {
  text-align: center;
}

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

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

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

.abc18d {
  flex: 1 1 300px;
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  max-width: 380px;
  transition: all var(--transition-base);
}

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

.d2912ff {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: linear-gradient(135deg, var(--color-bg-secondary), var(--color-bg-tertiary));
}

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

.abc18d:hover .d2912ff img {
  transform: scale(1.05);
}

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

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

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

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

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

.p820 {
  background: linear-gradient(135deg, var(--color-accent-light), var(--color-accent));
  justify-content: center;
}

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

.e1e {
  font-size: clamp(1.2rem, 2.5vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin: 0;
  font-family: var(--font-heading);
}

.e91c8 {
  font-size: clamp(0.875rem, 1.5vw, 1.05rem);
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
  line-height: var(--line-height-normal);
}

.obdbf {
  color: var(--color-text-on-accent);
  font-weight: 600;
  text-decoration: none;
}

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

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

.m4cd {
  text-align: center;
}

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

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

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

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

.g85 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  width: 60px;
  text-align: center;
  margin-top: clamp(0.25rem, 1vw, 0.5rem);
}

.f76cb1cf {
  flex-grow: 1;
}

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

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

@media (max-width: 768px) {
  .h5ffd8 {
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1.25rem);
  }

  .g85 {
    width: auto;
    margin-top: 0;
  }
}

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

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

.m4365 {
  text-align: center;
}

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

.p5715d9 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #cbd5e1;
  margin: 0;
}

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

.gea07bf5 img {
  flex: 1 1 250px;
  max-width: 400px;
  height: auto;
  max-height: 300px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  box-shadow: var(--shadow-lg);
  transition: all var(--transition-base);
}

.gea07bf5 img:hover {
  transform: scale(1.02);
  box-shadow: var(--shadow-xl);
}

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

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

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

.nc8d {
  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: var(--radius-xl);
  text-align: center;
  max-width: 600px;
  box-shadow: var(--shadow-xl);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
}

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

.ld60c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.nc8d .j8c {
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

.j61a8e1.i4c7 {
  display: none;
}

.j2c2b {
  color: #e2e8f0;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  flex: 1 1 200px;
  line-height: var(--line-height-normal);
}

.dc8a8 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  flex-shrink: 0;
}

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

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

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

.n0042 {
  background: transparent;
  color: #e2e8f0;
  border: 1px solid rgba(226, 232, 240, 0.3);
}

.n0042:hover {
  border-color: rgba(226, 232, 240, 0.6);
  background: rgba(226, 232, 240, 0.05);
}

@media (max-width: 768px) {
  .j61a8e1 {
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }

  .j2c2b {
    flex: 1 1 100%;
    order: 1;
  }

  .dc8a8 {
    flex: 1 1 100%;
    order: 2;
    justify-content: center;
  }

  .dff,
  .e8b,
  .oa82,
  .gea07bf5 {
    flex-direction: column;
    align-items: center;
  }

  .jad8e0,
  .j5d72f,
  .abc18d,
  .gea07bf5 img {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d1e541e {
    flex-direction: column;
  }

  .b92 {
    flex-direction: column;
  }

  .b92 .j8c {
    width: 100%;
  }
}

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

  .ic9038d,
  .o9aec,
  .pbe,
  .g5e0f,
  .j262b,
  .f406031,
  .o32,
  .ocb {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }

  .j8c {
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    padding: clamp(0.625rem, 1.25vw, 0.875rem) clamp(1.25rem, 2.5vw, 1.875rem);
  }
}

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

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

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

.e87ccfc {
  max-width: 600px;
}

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

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

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

.g421d {
  display: block;
}

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

.a63 li {
  display: block;
}

.a63 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  transition: color var(--transition-fast);
  display: inline-block;
}

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

.lb4a {
  display: block;
}

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

.mcc + .mcc {
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

.o10a580 {
  display: block;
}

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

.e57 li {
  display: block;
}

.e57 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  transition: color var(--transition-fast);
  display: inline-block;
}

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

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

.gdad57 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .n00f {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.5rem, 6vw, 4rem);
    max-width: 900px;
  }

  .e87ccfc {
    grid-column: 1 / -1;
  }

  .g421d,
  .lb4a {
    display: block;
  }

  .a63,
  .e57 {
    flex-wrap: wrap;
  }
}

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

  .e87ccfc {
    grid-column: 1 / -1;
  }

  .g421d,
  .lb4a,
  .o10a580 {
    display: block;
  }
}

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

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

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

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

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

.b88d {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.od8fdb3d {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

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

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

.bd36122 {
  text-align: center;
}

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

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

.ld34e6ae {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.ld34e6ae:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

.eec062 {
  flex: 1 1 40%;
  min-width: 280px;
  overflow: hidden;
}

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

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

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

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

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

.pe59 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.95rem);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.pe59 i {
  color: var(--color-accent);
  font-size: 0.9em;
}

.kf83 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  width: fit-content;
}

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

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

  .eec062 {
    flex: 1 1 100%;
    min-height: 220px;
  }

  .d98e1 {
    flex: 1 1 auto;
  }
}

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

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

.pc4603 {
  text-align: center;
}

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

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

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

.nfb {
  border: 1px solid var(--color-border);
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.nfb[open] {
  background: var(--color-bg-secondary);
  border-color: var(--color-accent);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.1);
}

.d1f12ad {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1rem, 1.5vw, 1.5rem);
  cursor: pointer;
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  font-weight: 600;
  user-select: none;
  background: transparent;
}

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

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

.c62d p {
  margin: 0;
  color: var(--color-text-secondary);
}

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

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

.p5f3 {
  text-align: center;
}

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

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

.m8b {
  overflow-x: auto;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.e528f {
  width: 100%;
  border-collapse: collapse;
  background: var(--color-bg-card);
}

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

.bf82 {
  color: var(--color-text-on-accent);
  padding: clamp(1rem, 1.5vw, 1.25rem);
  text-align: left;
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw, 1rem);
}

.k4c4d21 {
  color: var(--color-text-primary);
  padding: clamp(0.875rem, 1.5vw, 1.125rem);
  font-size: clamp(0.8125rem, 0.95vw, 1rem);
  border-bottom: 1px solid var(--color-border-light);
}

.e528f tbody tr:last-child .k4c4d21 {
  border-bottom: none;
}

.e528f tbody tr:nth-child(even) {
  background: var(--color-bg-secondary);
}

.cd6a1b09 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 6px;
  text-align: center;
}

.bbaaed {
  color: rgba(255, 255, 255, 0.85);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .ld34e6ae:nth-child(even) {
    flex-direction: row-reverse;
  }
}

@media (max-width: 1023px) {
  .d98e1 {
    padding: clamp(1rem, 1.5vw, 1.5rem);
  }

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

@media (max-width: 639px) {
  .d1f12ad {
    padding: clamp(0.875rem, 1.2vw, 1.125rem);
  }

  .c62d {
    padding: 0 clamp(0.875rem, 1.2vw, 1.125rem) clamp(0.875rem, 1.2vw, 1.125rem);
  }

  .eae6f {
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }

  .m8b {
    font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  }

  .bf82,
  .k4c4d21 {
    padding: clamp(0.625rem, 1vw, 0.875rem);
  }
}

.jfd66eeb {
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

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

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

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

.fa3fa {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
}

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

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

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

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

.b7a64815 {
  max-width: 750px;
  margin: 0 auto;
}

.b4e502 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

.o54 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.k66e {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.h707e .l346 {
  background: var(--color-bg-card);
  border-left-color: var(--color-primary);
}

.p29721ef .l346 {
  background: var(--color-bg-card);
  border-left-color: var(--color-primary);
}

.ife53 .l346 {
  background: var(--color-bg-card);
  border-left-color: var(--color-primary);
}

.ded83cbb .l346 {
  background: var(--color-bg-card);
  border-left-color: var(--color-primary);
}

.na0f0f0 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.na0f0f0 strong {
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

.d993e {
  display: inline-block;
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
  align-self: flex-start;
}

.d993e:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

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

.mb44ee93 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  max-width: 500px;
}

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

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

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

.mf40881d {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.n0d6eb2 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.ef20 {
  background: var(--color-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
}

.df2b {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

  .gb65bf {
    flex-direction: column;
  }

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

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

  .ia878 {
    flex: 1 1 100%;
  }

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

.m5d66e1 {
  color: var(--color-text-muted);
  margin: 0 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .n8e353 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
  
  .o35b70,
  .bd3e {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .aa92 {
    flex-direction: column;
    gap: 0.75rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .ed4 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
  
  .bd8025a1,
  .i0b101 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.m8ab8 {
  text-align: center;
}

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

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

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

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

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

.h5ed057 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: clamp(3rem, 6vw, 4rem);
  text-align: center;
}

.ne7eee5c {
  flex: 1;
}

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

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

@media (max-width: 768px) {
  .bd9f {
    flex-direction: column;
    gap: 1rem;
  }
  
  .h5ed057 {
    text-align: left;
  }
}

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

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

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

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

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

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

.pbead28 {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(1.5rem, 3vw, 2rem);
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

@media (max-width: 768px) {
  .oeb70d7 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
  
  .nd75d,
  .ma530 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.j5ef {
  flex: 1;
}

.h70422ff {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  line-height: 1.3;
}

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

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

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

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

@media (max-width: 768px) {
  .ie65 {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    text-align: center;
  }
  
  .m71 {
    width: 80px;
    height: 80px;
  }
}

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

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

.bb8c57 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  line-height: 1.2;
}

.a428 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
  color: #b0c4de;
  line-height: 1.6;
}

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

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

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

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

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

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

.l500c {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .i20a {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
  
  .b535fa,
  .g713 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.a38956 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

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

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

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

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

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

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

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

.g8aac {
  background: linear-gradient(135deg, var(--color-accent), var(--color-secondary));
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

.g779c138 {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-on-accent);
  line-height: 1.3;
  margin: 0;
}

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

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

.n00:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
  .fe1 {
    padding: clamp(1.5rem, 4vw, 3rem) 0;
  }
  
  .c499,
  .b74c2,
  .lae,
  .be0,
  .ga8dd0 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }
}

@media (max-width: 480px) {
  .aa92 {
    gap: 0.5rem;
  }
  
  .e54 {
    font-size: 0.75rem;
  }
  
  .h5ed057 {
    font-size: 1.75rem;
    min-width: 2.5rem;
  }
}

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Lato', sans-serif;
  line-height: var(--line-height-normal, 1.6);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  line-height: var(--line-height-tight, 1.2);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

a {
  text-decoration: none;
  transition: all var(--transition-base, 0.3s) ease;
}

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

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

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

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

.k1ba a {
  color: var(--color-accent);
  text-decoration: none;
}

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

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

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

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

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

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

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

.h721615 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

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

.lbb6e58 {
  color: var(--color-border);
}

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

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

@media (max-width: 768px) {
  .c5c15 {
    flex-direction: column;
    align-items: stretch;
  }
  
  .h721ee0,
  .db96d5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .i7c4d {
    max-height: 300px;
  }
}

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

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

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

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

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

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

.i6a {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md, 8px);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.h398 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: 'Josefin Sans', sans-serif;
}

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

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

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

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

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

.pdac29b {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
}

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

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

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

@media (max-width: 768px) {
  .l800 {
    flex-direction: column;
    align-items: stretch;
  }
  
  .obe,
  .ba5c5e6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.f19580cc {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
}

@media (max-width: 768px) {
  .i818198 {
    flex-direction: column;
    align-items: stretch;
  }
  
  .pf28,
  .me49355e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.j4b9 {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.p2e1 {
  flex: 1 1 100%;
  max-width: 400px;
  padding: clamp(2rem, 3vw, 3rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg, 12px);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.kb00e6 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  transition: transform var(--transition-base, 0.3s) ease, box-shadow var(--transition-base, 0.3s) ease;
}

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

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

.d11 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--transition-base, 0.3s) ease;
}

.kb00e6:hover .d11 {
  transform: scale(1.05);
}

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

.i258c {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  margin: 0;
}

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

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

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

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

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

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

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

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

.kd0f0 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
}

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

@media (max-width: 768px) {
  .cf588 {
    flex-direction: column;
    align-items: stretch;
  }
  
  .p13,
  .b49512d4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.i57 {
  color: #f1f5f9;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.o9e2a {
  color: #cbd5e1;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.7;
  margin: 0;
}

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

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

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

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

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

.g1e0b7 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1vw, 1.125rem) clamp(1.5rem, 2vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md, 8px);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base, 0.3s) ease;
  cursor: pointer;
}

.g1e0b7:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

@media (max-width: 768px) {
  .d3d {
    overflow-x: hidden;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.e704742d i {
  color: var(--color-accent);
  width: 1rem;
}

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

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

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

  .o79abe,
  .j66d6eae {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .p2132 {
    gap: 1rem;
  }
}

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

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

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

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

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

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

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

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

.b95 {
  color: var(--color-text-primary);
  font-size: clamp(1.375rem, 3.5vw + 0.5rem, 2.25rem);
  line-height: 1.3;
}

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

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

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

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

  .ac6288e,
  .c6ff9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.f2bc3de {
  color: var(--color-text-primary);
  font-size: clamp(1.375rem, 3.5vw + 0.5rem, 2.25rem);
  line-height: 1.3;
}

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

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

  .kae325,
  .jf01 {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }
}

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

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

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

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

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

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

.i14958 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

.i14958:hover {
  border-color: var(--color-accent);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.1);
  transform: translateY(-4px);
}

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

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

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

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

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

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

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

.l09 {
  flex-shrink: 0;
}

.ed8 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--color-accent);
}

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

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

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

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

.a4cdb {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
}

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

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

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

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

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

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

.ic31b8a9 {
  color: #ffffff;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  line-height: 1.3;
}

.d5a {
  color: #cbd5e1;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
}

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

.bd75594 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.75rem));
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bd75594:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transform: translateY(-6px);
}

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

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

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

.h4e0784 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: 1.4;
}

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

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

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

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

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

  .k9f1 {
    flex-direction: column;
  }
}

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

.e05da {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: clamp(1.25rem, 2.5vw, 2rem);
  align-items: flex-start;
  background: #f0f9ff;
  border-left: 4px solid var(--color-accent);
  border-radius: 8px;
  padding: clamp(1.5rem, 2.5vw, 2rem);
}

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

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

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

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

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

  .n68a {
    margin-top: 0;
  }
}

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

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

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

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

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

.eb828 {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.eb828:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

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

  .eb828 {
    width: 100%;
  }
}

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

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

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

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

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

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

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

.p207 {
  color: #ffffff;
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
}

.h4d {
  color: #cbd5e1;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  max-width: 700px;
  line-height: 1.6;
}

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

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

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

.c50 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

.ac337f p {
  margin-bottom: 1.25rem;
  color: var(--color-text-secondary);
}

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

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

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

.d1ec054 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

.nb3:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  border-color: var(--color-primary);
}

.o2343 {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.5rem;
}

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

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

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

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

.o557 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

.na3 {
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  background: var(--color-primary);
  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;
}

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

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

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

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

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

.nc76e {
  color: #ffffff;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: 1rem;
}

.ga0 {
  color: #cbd5e1;
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

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

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

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

.h8f55 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

.g9c {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-secondary);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-left: 4px solid var(--color-primary);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

.m1cd3 {
  background: var(--color-bg-primary);
  border-left: 4px solid var(--color-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 4px;
  text-align: center;
}

.ed9e95 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 1.5rem;
  font-style: italic;
}

.la3ec {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  display: block;
  font-weight: 600;
  font-style: normal;
}

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

.l7b52a3f {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.dda2d6 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.ddb1 {
  color: var(--color-primary);
  font-size: 1.5rem;
}

.g3a {
  color: #ffffff;
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
}

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

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

  .g9c {
    flex: 1 1 100%;
  }

  .c89 {
    gap: 1rem;
  }

  .na3 {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }

  .f50f633 {
    align-items: flex-start;
    text-align: left;
  }

  .c50 {
    text-align: left;
    margin: 0;
  }

  .d1ec054 {
    text-align: left;
    margin: 0;
  }

  .o557 {
    text-align: left;
    margin: 0;
  }

  .fbb6d {
    text-align: left;
    margin: 0;
  }

  .h8f55 {
    text-align: left;
    margin: 0;
  }

  .m1cd3 {
    text-align: left;
  }

  .l7b52a3f {
    text-align: left;
  }

  .dda2d6 {
    justify-content: flex-start;
  }
}

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

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

.j500f {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: var(--line-height-normal);
}

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

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

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

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

.n65 {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 500px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

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

.cae3d5ab {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: fit-content;
}

.cae3d5ab i {
  font-size: 0.875em;
}

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

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

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

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

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

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

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

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

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

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

.hbe {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  justify-content: center;
}

.hbe i {
  font-size: 0.875em;
}

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

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

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

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

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

.hd76 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  flex-shrink: 0;
  width: clamp(3rem, 5vw, 4rem);
  height: clamp(3rem, 5vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.o9fcc {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

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

.n4092 i {
  color: var(--color-accent);
  font-size: 1.125em;
}

.p621 {
  flex: 1 1 50%;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

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

.a21d7c {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 300px;
  padding: clamp(1.5rem, 2vw, 2rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

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

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

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

.c1d7a424 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  text-decoration: none;
  transition: all var(--transition-base);
}

.c1d7a424:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-md);
  transform: translateX(4px);
}

.jdf31887 {
  color: var(--color-accent);
  font-size: 1.25rem;
  flex-shrink: 0;
}

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

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

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

.d2d3bc9a {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
}

.d2d3bc9a:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

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

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

.o8a5 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

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

.icf66 {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  width: fit-content;
  margin: 0 auto;
}

.icf66:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

  .n65 {
    flex: 1 1 100%;
    min-height: 250px;
    max-height: 400px;
  }

  .k46a {
    flex: 1 1 100%;
  }

  .b14e04 {
    flex-direction: column;
  }

  .af6930d {
    flex: 1 1 100%;
  }

  .p621 {
    flex: 1 1 100%;
  }

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

  .a21d7c {
    flex: 1 1 100%;
    min-width: auto;
    max-width: none;
  }
}

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

  .c78a {
    flex: 1 1 100%;
  }

  .j65fb {
    flex-direction: column;
  }

  .hd76 {
    align-self: flex-start;
  }
}

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

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

.a751 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.a7b2f {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

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

.f76cb1cf {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.ge688 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

.p100a1e7 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
  transition: color var(--transition-fast);
  gap: var(--spacing-md);
}

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

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

.de797b15 {
  flex: 1;
  line-height: var(--line-height-normal);
}

.m503a0ba {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: transform var(--transition-base);
}

.m503a0ba::before {
  content: '';
  position: absolute;
  width: 0.75rem;
  height: 0.125rem;
  background-color: var(--color-primary);
  transition: transform var(--transition-base);
}

.m503a0ba::after {
  content: '';
  position: absolute;
  width: 0.125rem;
  height: 0.75rem;
  background-color: var(--color-primary);
  transition: transform var(--transition-base);
}

.p100a1e7[aria-expanded="true"] .m503a0ba::after {
  transform: scaleY(0);
}

.j1e {
  padding: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
  max-height: 500px;
  overflow: hidden;
}

.j1e p {
  margin: 0;
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.j1e a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
}

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

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

.o8e {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.c62f745 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.e6e7f {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.oce {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  box-shadow: var(--shadow-md);
}

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

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

@media (min-width: 768px) {
  .a751 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

  .j1e {
    padding: 0 var(--spacing-lg) var(--spacing-xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .a751 {
    padding: var(--spacing-4xl) 0;
  }

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

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

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

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

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

.ba518d59 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.h328 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.k684f214 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  font-weight: 400;
}

@media (min-width: 768px) {
  .pfae41 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .pfae41 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.n231 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.a8c18 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.pbad {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl) var(--spacing-lg);
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

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

.k27b23e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-lg);
  color: var(--color-primary);
  font-size: 28px;
}

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

.cf3fee {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.p133 {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-md);
  margin-top: var(--spacing-lg);
  display: block;
}

@media (min-width: 768px) {
  .n231 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .a8c18 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

@media (min-width: 1024px) {
  .n231 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .a8c18 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-3xl);
  }

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

.oa5 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.oae71d3 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.l4828f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-tight);
}

.hb97b6 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.df1a2c {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .oa5 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .oa5 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.l242254 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
}

.l242254 .de2 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.l242254 .obf7 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-4xl) var(--spacing-md);
}

.l242254 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.l242254 .j4e {
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-3xl);
  font-style: italic;
}

.l242254 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.l242254 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

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

.l242254 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

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

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

.l242254 .cc67 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.l242254 .cc67 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.l242254 .cc67 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .l242254 .de2 {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .l242254 .de2 {
    padding: 0 var(--spacing-2xl);
  }

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

.la8 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lbed {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.obf7 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.p7f6 {
  width: 100%;
  text-align: center;
  animation: slideUp 0.6s ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ie652ce3 {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-xl);
  color: var(--color-success);
  animation: scaleIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.ie652ce3 svg {
  width: 80px;
  height: 80px;
  stroke-width: 2;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-tight);
}

.j946bd {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
  font-weight: 600;
}

.lda7561c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
}

.b40a5 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.g81 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  transition: all var(--transition-base);
  cursor: pointer;
  box-shadow: var(--shadow-md);
}

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

.g81:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

@media (min-width: 768px) {
  .lbed {
    padding: var(--spacing-4xl) var(--spacing-2xl);
    min-height: 100vh;
  }

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

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

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

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

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

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

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

  .g81 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: clamp(0.95rem, 1vw + 0.6rem, 1.15rem);
  }
}

@media (min-width: 1024px) {
  .lbed {
    padding: var(--spacing-4xl) 0;
  }

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

.heef635 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  overflow: hidden;
}

.d532 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.obf7 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.d87fc {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.p50e {
  width: 100%;
  margin-bottom: var(--spacing-lg);
}

.ce7b {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 300px;
}

.d7d6 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  margin-bottom: var(--spacing-md);
  animation: float 3s ease-in-out infinite;
}

.n0d672 {
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, transparent, var(--color-primary), var(--color-secondary), transparent);
  margin-top: var(--spacing-md);
  border-radius: var(--radius-full);
}

.ea1ea {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin: var(--spacing-lg) 0;
}

.h66787 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  letter-spacing: -0.01em;
}

.n816 {
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  font-weight: 500;
}

.cc7df502 {
  font-size: clamp(0.9rem, 1.8vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  font-weight: 400;
}

.j8c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-lg);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  letter-spacing: 0.5px;
}

.d9be4d72 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

.l43 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
  margin-top: var(--spacing-xl);
  width: 100%;
}

.p1dc1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.p1dc1:hover {
  background-color: var(--color-bg-tertiary);
  border-color: var(--color-border);
  transform: translateY(-2px);
}

.hb0c2e {
  font-size: clamp(1.5rem, 4vw, 2rem);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
}

.g69fa1fc {
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: var(--line-height-normal);
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

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

  .l43 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .d532 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .ce7b {
    max-width: 400px;
  }

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

@media (min-width: 1440px) {
  .de2 {
    padding: 0 var(--spacing-2xl);
  }
}

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

.h57 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.h29a {
  text-align: center;
}

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

.ja57a8d {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .h57 {
    padding: 4rem 0;
  }
}

@media (min-width: 1024px) {
  .h57 {
    padding: 5rem 0;
  }
}

.kb72f407 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.e3a804 {
  width: 100%;
}

.j7c625 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  width: 100%;
}

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

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

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

  .p3ee3888 {
    flex: 1 1 45%;
    min-width: 350px;
  }

  .m7e {
    flex: 1 1 45%;
    min-width: 350px;
  }
}

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

  .p3ee3888 {
    flex: 1 1 50%;
  }

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

.na5169c {
  margin-bottom: 2rem;
}

.gc0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.b8c2ba {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.h2fcf {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.j522 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.k21e27,
.jb3b0a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  transition: var(--transition-base);
}

.k21e27::placeholder,
.jb3b0a::placeholder {
  color: var(--color-text-muted);
}

.k21e27:focus,
.jb3b0a: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);
}

.jb3b0a {
  resize: vertical;
  min-height: 140px;
}

.faf {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

.e02a1bb7 {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.25rem;
  cursor: pointer;
  accent-color: var(--color-primary);
}

.h9005d {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  cursor: pointer;
  line-height: var(--line-height-normal);
}

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

.a4091d:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.mb9ac51e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition-base);
  margin-top: 0.5rem;
}

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

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

.m13 {
  margin-bottom: 2rem;
}

.c78347 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.d9b36 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.p0c1 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.jb86ed63 {
  display: flex;
  gap: 1.5rem;
}

.p166c8 {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  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;
}

.n3bf5b0 {
  flex: 1;
}

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

.g16b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.ib16 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin-top: 0.25rem;
  margin-bottom: 0;
}

.b50 {
  padding: 2rem;
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.o798 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

.c405b07 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: var(--transition-base);
}

.c405b07:hover {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

.c405b07::after {
  content: "";
  transition: var(--transition-base);
}

@media (min-width: 768px) {
  .kb72f407 {
    padding: 4rem 0;
  }
}

@media (min-width: 1024px) {
  .kb72f407 {
    padding: 5rem 0;
  }
}

.afcef359 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.o9f04 {
  width: 100%;
}

.nfab {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: 3rem;
  line-height: var(--line-height-tight);
}

.fd4b935e {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  width: 100%;
}

@media (min-width: 640px) {
  .fd4b935e {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }
}

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

.j18e145 {
  padding: 2rem;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
  transition: var(--transition-base);
}

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

.db17b731 {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: 1rem;
  display: inline-block;
}

.gad654 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  line-height: var(--line-height-tight);
}

.f81 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .afcef359 {
    padding: 4rem 0;
  }

  .nfab {
    margin-bottom: 3.5rem;
  }
}

@media (min-width: 1024px) {
  .afcef359 {
    padding: 5rem 0;
  }

  .nfab {
    margin-bottom: 4rem;
  }
}

@media (max-width: 767px) {
  .p3ee3888,
  .m7e {
    width: 100%;
  }
}
.p28,.mdcfad{
  width: 34px;
}

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

.o90e4{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .o90e4{
    max-width: 100%;
  }
}

.o90e4.l72a314c{
  z-index: 999;
}

.p28[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .dc9 {
    aspect-ratio: 6 / 9;
  }
  .p133 {
    aspect-ratio: 6 / 9;
  }
}