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

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

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

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

  --color-success: #10b981;
  --color-success-light: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #dc2626;
  --color-danger-light: #f87171;

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

  --font-primary: 'Outfit', sans-serif;
  --font-heading: 'Manrope', sans-serif;

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

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

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

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

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

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

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

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

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

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

h1 {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 1.875rem;
  font-weight: 600;
}

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

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

h6 {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

p {
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
}

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

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

button,
[role="button"] {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-fast);
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jd93:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

.jb8f {
  background: var(--color-warning);
  color: #000;
}

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

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

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

label {
  display: block;
  margin-bottom: var(--spacing-sm);
  font-weight: 500;
  font-size: 0.875rem;
}

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

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

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

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

pre {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin-bottom: var(--spacing-lg);
}

pre code {
  background: transparent;
  color: inherit;
  padding: 0;
  border-radius: 0;
}

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

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

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

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--spacing-lg);
}

th {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-md);
  text-align: left;
  font-weight: 600;
  border-bottom: 2px solid var(--color-border);
}

td {
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--color-border);
}

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

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

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

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

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

.ge733fdf {
  text-align: center;
}

.c2a {
  text-align: left;
}

.e1c {
  text-align: right;
}

.kb85 {
  font-weight: 700;
}

.b8d {
  font-weight: 600;
}

.j5b1a03 {
  font-size: 0.875rem;
}

.a94c5a3b {
  font-size: 1.125rem;
}

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

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

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

.p90 {
  display: flex;
}

.j30a {
  flex-direction: column;
}

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

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

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

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

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

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

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

.o0596171 {
  display: grid;
}

.l809c2 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

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

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

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

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

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .nc90d,
  .a81c0e,
  .e5a9b896 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

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

.n82 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h1b {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p676 {
  opacity: 0.5;
}

.k1e5d {
  opacity: 0.75;
}

.iedcdf {
  opacity: 1;
}

.l509 {
  transition: all var(--transition-fast);
}

.n64c16 {
  transition: all var(--transition-base);
}

.ic154c {
  transition: all var(--transition-slow);
}

.f1b36 {
  overflow: hidden;
}

.a68a {
  overflow: auto;
}

.c70124d1 {
  width: 100%;
}

.oe4b3 {
  height: 100%;
}

.hc3 {
  max-width: 100%;
}

.fb4d8239 {
  aspect-ratio: 1 / 1;
}

.c52 {
  aspect-ratio: 16 / 9;
}

@media (max-width: 640px) {
  :root {
    font-size: 15px;
  }

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .jd93 {
    padding: var(--spacing-lg);
  }
}
.cc183bc {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 1000;
  overflow: hidden;
}

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

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

.d72:hover {
  opacity: 0.85;
}

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

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

.k261f6f4 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  justify-content: center;
}

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

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

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

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

.m3ec0bc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  transition: var(--transition-base);
}

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

.m3ec0bc:hover {
  opacity: 0.7;
}

.ke15 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-secondary);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.3s ease;
  z-index: 999;
  overflow-y: auto;
}

.ke15.i57dcba2 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.d86a4d {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  transition: var(--transition-base);
}

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

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

.i6fbe6 {
  padding: 1rem 0;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

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

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

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

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

  .ke15 {
    display: none;
  }

  .k261f6f4 {
    display: flex;
  }

  .dd4962a4 {
    display: inline-block;
  }
}

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

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

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

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

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

.m9f {
  text-align: center;
}

.o87d {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  margin: 0 0 1rem 0;
  font-family: var(--font-heading);
  font-weight: 700;
}

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

.b38a {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: clamp(1rem, 3vw, 2rem);
  grid-template-rows: auto auto;
  min-height: 400px;
}

.ka646 {
  grid-column: 1;
  grid-row: 1 / 3;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.ka646 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.f75 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(0.75rem, 2vw, 1.5rem);
}

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

.l13 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}

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

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

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

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

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

@media (max-width: 768px) {
  .b38a {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    min-height: auto;
  }

  .ka646 {
    grid-column: 1;
    grid-row: 1;
    min-height: 250px;
  }

  .f75 {
    grid-column: 1;
    grid-row: 2 / 4;
    grid-template-columns: 1fr 1fr;
  }

  .l13 {
    flex-direction: column;
    width: 100%;
  }

  .oa7b87,
  .a7b {
    width: 100%;
    text-align: center;
  }
}

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

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

.n49c6c01 {
  text-align: center;
}

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

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

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

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

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

.ifb {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--radius-md);
}

.ifb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

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

.i3c9 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color var(--transition-base);
  align-self: flex-start;
}

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

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

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

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

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

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

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

.jdfd3 {
  flex: 1 1 45%;
  min-height: 400px;
}

.f07 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  min-height: 400px;
}

.f07 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.g93ee {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--color-accent);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-base);
}

.g93ee i {
  color: var(--color-text-on-accent);
  font-size: 24px;
  margin-left: 4px;
}

.g93ee:hover {
  background: var(--color-accent-hover);
  transform: translate(-50%, -50%) scale(1.1);
}

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

  .m75ad4 {
    flex: 1 1 100%;
  }

  .jdfd3 {
    flex: 1 1 100%;
    min-height: 300px;
  }

  .f07 {
    min-height: 300px;
  }
}

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

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

.e963 {
  text-align: center;
}

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

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

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

.j06833 {
  flex: 1 1 200px;
  max-width: 280px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

.b453b6a {
  text-align: center;
}

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

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

.m04,
.i523e {
  flex: 1 1 45%;
}

.a5883 {
  color: var(--color-accent);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  margin: 0 0 1.5rem 0;
  font-weight: 700;
}

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

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

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

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

  .m04,
  .i523e {
    flex: 1 1 100%;
  }
}

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

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

.o59450 {
  text-align: center;
}

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

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

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

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

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

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

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

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

.le742ace {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color var(--transition-base);
  align-self: flex-start;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

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

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

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

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

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

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

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

.g30a93 {
  flex: 1 1 45%;
  min-height: 400px;
}

.g30a93 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  min-height: 400px;
}

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

  .cc15 {
    flex: 1 1 100%;
  }

  .g30a93 {
    flex: 1 1 100%;
    min-height: 300px;
  }

  .g30a93 img {
    min-height: 300px;
  }
}

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

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

.j6a {
  text-align: center;
}

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

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

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

.n23cb {
  flex: 1 1 220px;
  max-width: 300px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
  transition: all var(--transition-base);
}

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

.f36118 {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  font-family: var(--font-heading);
  margin: 0;
}

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

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

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

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

.n312229 {
  border: 3px dashed var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 5vw, 3.5rem);
  max-width: 500px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.mfa07 {
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

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

.mfa07:focus {
  outline: none;
  border-color: var(--color-accent);
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}

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

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

.f7415 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  margin: 0;
}

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

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

.dea607e8 {
  text-align: center;
}

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

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

.f7ccecdd {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: clamp(1rem, 3vw, 2rem);
  min-height: 450px;
}

.ee564c {
  grid-column: 1;
  grid-row: 1 / 3;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.ee564c img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.db44f {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(0.75rem, 2vw, 1.5rem);
}

.pfd895 {
  overflow: hidden;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
}

.pfd895 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

@media (max-width: 768px) {
  .f7ccecdd {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    min-height: auto;
  }

  .ee564c {
    grid-column: 1;
    grid-row: 1;
    min-height: 250px;
  }

  .db44f {
    grid-column: 1;
    grid-row: 2 / 4;
    grid-template-columns: 1fr 1fr;
  }
}

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

.i6474.p4b61cb {
  display: none;
}

.ae0 {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  flex: 1 1 auto;
  min-width: 200px;
}

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

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

.p47a8 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.gf64f,
.l0d26 {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

.l0d26:hover {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
}

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

  .ae0 {
    width: 100%;
  }

  .p47a8 {
    width: 100%;
  }

  .gf64f,
  .l0d26 {
    flex: 1 1 48%;
  }
}

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

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

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

.peb5a7,
.ee5d1552,
.f3494,
.g8c83bb,
.oaf {
  display: block;
}

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

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

.peb5a7 p {
  max-width: 520px;
}

.faf,
.ocbc {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1.5vw, 0.875rem);
}

.a7b7d {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f3494 p {
  margin-bottom: clamp(0.375rem, 1vw, 0.625rem);
}

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

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

.na6e {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  font-style: italic;
}

@media (min-width: 768px) {
  .m061 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2rem, 5vw, 4rem);
    align-items: start;
  }

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

  .ee5d1552,
  .f3494,
  .g8c83bb {
    grid-column: span 1;
  }

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

@media (min-width: 1024px) {
  .m061 {
    grid-template-columns: 2fr 1.2fr 1.2fr 1.2fr;
    align-items: start;
  }

  .peb5a7 {
    grid-column: span 1;
    grid-row: 1 / 3;
  }

  .ee5d1552,
  .f3494,
  .g8c83bb {
    grid-column: span 1;
  }

  .oaf {
    grid-column: 1 / -1;
    grid-row: auto;
  }
}

@media (max-width: 767px) {
  .faf,
  .ocbc {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(0.75rem, 2vw, 1.25rem);
  }

  .a7b7d {
    display: inline;
  }
}
    

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

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

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

.ibc71e29 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
}

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

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

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

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

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

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

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

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

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

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

.ia3eb20 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  position: relative;
  padding-left: clamp(4rem, 8vw, 5rem);
}

.ad251 {
  position: absolute;
  left: clamp(1rem, 2vw, 1.5rem);
  top: clamp(1rem, 2vw, 1.5rem);
  width: clamp(2.5rem, 5vw, 3rem);
  height: clamp(2.5rem, 5vw, 3rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

.gdcaf {
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
}

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

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

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

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

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

.oe8 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  flex: 1 1 300px;
  max-width: 420px;
}

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

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

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

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

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

.ed5be8 {
  font-size: clamp(1rem, 2.5vw, 1.375rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.4;
}

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

.d2c93 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 0.8vw + 0.5rem, 0.875rem);
  border-top: 1px solid var(--color-border-light);
  padding-top: 1rem;
}

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

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

.l90d {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: background var(--transition-base), transform var(--transition-base);
  text-align: center;
  align-self: flex-start;
}

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

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

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

.n667f638,
.l6349d2 {
  font-size: clamp(3rem, 10vw, 6rem);
  color: var(--color-accent);
  opacity: 0.3;
  line-height: 1;
  font-family: Georgia, serif;
  font-weight: 700;
}

.n667f638 {
  align-self: flex-start;
  margin-left: clamp(1rem, 3vw, 2rem);
}

.l6349d2 {
  align-self: flex-end;
  margin-right: clamp(1rem, 3vw, 2rem);
  transform: scaleY(-1);
}

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

.e9f79fb9 p {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  font-style: italic;
  font-family: Georgia, serif;
  margin: 0;
}

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

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

@media (min-width: 768px) {
  .iaaec757 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .ia3eb20 {
    padding-left: clamp(3rem, 6vw, 4rem);
  }

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

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

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

  .g39d2 {
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .oe8 {
    flex: 1 1 calc(33.333% - 1.667rem);
    max-width: 400px;
  }

  .g473 {
    flex: 1 1 calc(50% - 1.25rem);
    max-width: 550px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.a063b7 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  line-height: 1.6;
}

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

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

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

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

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

@media (max-width: 768px) {
  .gadbc5 {
    flex-direction: column;
  }
  
  .h4d8,
  .m5ee {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .n8f9 {
    max-height: 350px;
  }
}

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

.ce410 {
  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, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.m3d988fc {
  flex-shrink: 0;
}

.l863e {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

.p51 {
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

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

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

.nd6a50d5 {
  flex: 1 1 70%;
  max-width: 70%;
}

.h03f6 {
  flex: 1 1 30%;
  max-width: 30%;
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
}

.l7c07aa5,
.j53,
.ba3 {
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

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

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

.lef0064,
.h072dc,
.n075 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

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

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

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

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

.i6f33 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

.hdfd {
  list-style: none;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.b44b8ee {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: 1.75rem;
  margin-bottom: 0.75rem;
  position: relative;
  line-height: 1.6;
}

.b44b8ee::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.125rem;
}

@media (max-width: 768px) {
  .lef0064,
  .h072dc,
  .n075 {
    flex-direction: column;
  }
  
  .bb49,
  .dfc8e1e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.l42b {
  background: rgba(220, 38, 38, 0.1);
  border-left: 4px solid var(--color-danger);
  border-radius: var(--radius-md);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.f6fb1e7 {
  flex-shrink: 0;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-danger);
  display: flex;
  align-items: center;
}

.b2731 {
  flex: 1 1 auto;
}

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

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

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

.p63a9c {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2.25rem);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 250px;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

.b3a042 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

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

.ne3bc4c5 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

.kb94 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
  border-bottom: 2px solid var(--color-border-light);
}

.g04f01 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.n973e7 {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
}

.ib566570 {
  padding: clamp(1rem, 2vw, 1.25rem);
}

.a44a4 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

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

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

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

@media (max-width: 1200px) {
  .g53f {
    flex-direction: column;
  }
  
  .nd6a50d5,
  .h03f6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .h03f6 {
    position: relative;
    top: 0;
  }
}

@media (max-width: 768px) {
  .l0fa5 {
    gap: 1rem;
  }
  
  .gc3fb8 {
    font-size: 0.8125rem;
  }
  
  .l42b {
    flex-direction: column;
    text-align: left;
  }
}

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

html, body {
  font-family: 'Outfit', sans-serif;
  line-height: 1.6;
}

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

.a8b2 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  overflow-x: hidden;
}

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

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

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

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

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

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

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

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

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

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

.ga490b47 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
}

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

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

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

.j923731 {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
}

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

  .f32b5ff,
  .ia48c6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.m4c404 {
  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: clamp(0.5rem, 2vw, 1rem);
  border: 1px solid var(--color-border);
}

.l1dc {
  flex: 0 0 auto;
}

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

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

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

.hfc8d58d {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  margin: 0;
}

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

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

.p7f67a0 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  font-weight: 500;
  margin: 0;
}

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

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

  .l1dc {
    flex: 0 0 auto;
  }
}

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

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

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

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

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

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

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

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

.eedbf64 img {
  max-width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

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

  .e52f,
  .eedbf64 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.ha302b {
  flex: 0 0 auto;
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 5vw, 4rem);
  height: clamp(3rem, 5vw, 4rem);
}

.le3995 {
  flex: 1 1 auto;
}

.b06a01 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

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

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

  .ha302b {
    flex: 0 0 auto;
  }
}

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

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

.m2af {
  flex: 0 0 auto;
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 5vw, 4rem);
  height: clamp(3rem, 5vw, 4rem);
}

.nf0 {
  flex: 1 1 auto;
}

.h03b {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

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

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

  .m2af {
    flex: 0 0 auto;
  }
}

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

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

.i3633 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
  line-height: 1.2;
}

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

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

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

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

.f8d4e {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  line-height: 1.2;
}

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

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

.mf8c1 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  overflow: hidden;
  border: 1px solid var(--color-border);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.mf8c1:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
}

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

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

.mf8c1:hover .b88 img {
  transform: scale(1.05);
}

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

.de6c858 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

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

@media (max-width: 768px) {
  .oa38dc83 {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }

  .b82c239 {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }

  .if65e2d {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }

  .b1a157 {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.f3fea3ed {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 350px;
}

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

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

.c35a5 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  text-decoration: none;
  transition: var(--transition-base);
}

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

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

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

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

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

.h0e6abb {
  flex-shrink: 0;
}

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

.hfb97 {
  flex: 1 1 auto;
}

.h2a {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  margin-bottom: 0.25rem;
}

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

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

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

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

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

.p29371d {
  max-width: 850px;
  margin: 0 auto;
}

.d14 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.haa {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

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

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

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

.be7230bf {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

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

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

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

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

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

.j21f8e {
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  padding-left: 1rem;
  border-left: 3px solid var(--color-accent);
}

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

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

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

.ead4 {
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

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

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

.c5fa0 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

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

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

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

.l76a7 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

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

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

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

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

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

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

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

.a00391 {
  max-width: 850px;
  margin: 0 auto;
}

.f6a6 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
}

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

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

.be8b0a0 {
  max-width: 1200px;
  margin: 0 auto;
}

.c2d {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

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

.d82 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  transition: var(--transition-base);
}

.d82:hover {
  transform: translateY(-4px);
  background: var(--color-bg-secondary);
}

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

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

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

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

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

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

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

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

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

  .f3fea3ed {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 300px;
  }

  .e62ad {
    flex-direction: column;
  }

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

  .haa {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }

  .fdd {
    flex-direction: column;
  }

  .be7230bf {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }

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

  .p1318 {
    flex-direction: column;
  }

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

  .c5fa0 {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }

  .d46fb7d {
    flex-direction: column;
  }

  .l76a7 {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }

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

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

  .hfb97 {
    text-align: center;
  }

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

  .m54cff {
    text-align: center;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .p7bc {
    gap: 2rem;
  }

  .e62ad {
    gap: 2rem;
  }

  .fdd {
    gap: 2rem;
  }

  .p1318 {
    gap: 2rem;
  }

  .d46fb7d {
    gap: 2rem;
  }
}

* {
    box-sizing: border-box;
  }

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

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

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

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

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

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

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

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

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

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

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

  .gf3 {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
    color: var(--color-text-secondary);
    line-height: 1.5;
    margin: 0;
    max-width: 800px;
  }

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

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

  .b5434 i {
    color: var(--color-accent);
    font-size: 1.125rem;
  }

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

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

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

  .ka97f05 {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: center;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
  }

  .nbf3 {
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: var(--radius-full);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .l5c0,
    .h9eda2 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

  .de4af7 {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    color: var(--color-text-primary);
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
  }

  .de4af7 i {
    color: var(--color-accent);
    flex-shrink: 0;
  }

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

    .n2e8,
    .h3f49 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

    .ff012a57,
    .o830da2 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

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

  .m88b::before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--color-accent);
    font-weight: 700;
  }

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

    .bea5fa7a,
    .a842e {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

  .ma683 {
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    margin: 0;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
  }

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

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

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

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

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

    .k05d8,
    .d3e {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

  .g98640 {
    padding: clamp(1.5rem, 3vw, 2.5rem);
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
    border-left: 4px solid var(--color-accent);
  }

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

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

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

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

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

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

  .k14f67d4 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all var(--transition-base);
  }

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

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

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

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

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

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

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

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

  @media (max-width: 768px) {
    .od336a {
      max-width: 100%;
      margin-left: 0;
    }
  }

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

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

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

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

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

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

.g3a082 {
  text-align: center;
  max-width: 800px;
}

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

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

.jefba85 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: clamp(8px, 2vw, 16px);
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

.a9f6 p {
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.i49 {
  text-align: center;
}

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

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

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

.a614567 {
  flex: 1 1 clamp(280px, 45vw, 350px);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: clamp(8px, 2vw, 12px);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

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

.lf151 {
  font-size: clamp(1.1rem, 2vw + 0.3rem, 1.35rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
}

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

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

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

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

.cc9d {
  flex: 1 1 50%;
}

.je5c {
  flex: 1 1 50%;
  width: 100%;
  height: auto;
  border-radius: clamp(8px, 2vw, 16px);
  object-fit: cover;
}

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

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

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

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

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

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

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

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

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

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

.lc70d {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(4px, 1vw, 8px);
  margin: clamp(1.5rem, 3vw, 2.5rem) auto;
  max-width: 800px;
}

.n27 {
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.2rem);
  color: var(--color-text-primary);
  font-style: italic;
  margin-bottom: 1rem;
  line-height: 1.8;
}

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

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

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

.b1ad {
  display: flex;
  align-items: flex-start;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

.l8668e98 {
  font-size: clamp(1.1rem, 2vw + 0.3rem, 1.35rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
}

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

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

  .cc9d,
  .je5c {
    flex: 1 1 100%;
  }

  .a614567 {
    flex: 1 1 100%;
  }

  .i0b,
  .d5c4b9d,
  .eb95,
  .e9b4c0 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .a614567 {
    flex: 1 1 clamp(250px, 40vw, 320px);
  }
}

@media (min-width: 1024px) {
  .i0b,
  .d5c4b9d,
  .eb95,
  .e9b4c0 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }
}

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

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

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

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

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

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

.m878ca9 {
  width: 100%;
  max-width: 600px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

.gf00c5c {
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  color: var(--color-accent);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .a9987c2 {
    flex-direction: row;
    align-items: center;
    gap: clamp(2rem, 5vw, 4rem);
  }

  .ifed44eb {
    flex: 0 0 45%;
    min-width: 0;
  }

  .m878ca9 {
    flex: 1 1 55%;
    text-align: left;
  }
}

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

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

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

.ba34365f {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-accent);
  width: fit-content;
  margin: 0 auto;
}

.l373e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.c88 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-accent);
  width: fit-content;
  margin: 0 auto;
}

.jc98fc {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d5956334 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .kfbc641 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: center;
  }
}

.c1811 {
  flex: 1 1 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

.e6210263 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-accent);
  width: fit-content;
  margin: 0 auto;
}

.a84 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p1fb5f {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .g3ca8 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: center;
  }
}

.n394a20 {
  flex: 1 1 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

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

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

.g67a08d {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
  height: clamp(2.5rem, 4vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

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

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

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

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

.c2b5 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-accent);
  width: fit-content;
  margin: 0 auto;
}

.afbc {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.m6a {
  margin-top: clamp(1rem, 2vw, 2rem);
  padding-top: clamp(1rem, 2vw, 2rem);
  border-top: 1px solid var(--color-border-light);
  text-align: center;
}

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

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

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

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

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

.dcb1ca1 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-accent);
  width: fit-content;
  margin: 0 auto;
}

.he8352b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .k428b48 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: center;
  }
}

.d0552e0d {
  flex: 1 1 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  text-align: center;
}

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

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

.cbe {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
  height: clamp(2.5rem, 4vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

.l114 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.icb4 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.875rem, 1vw, 1rem);
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.b489173 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

.b078f {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

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

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

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

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

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

.h6b {
  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: 1.2;
}

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

.p70 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.c32523 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  max-width: 1200px;
  margin: 0 auto;
}

.b5b8 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.bb272815 {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.k05e80ca {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-sm);
  width: fit-content;
}

.a02 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

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

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

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

.f3e {
  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-md) 0;
  line-height: 1.2;
}

.c5b8b3a {
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.f52 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: 2px solid var(--color-primary);
}

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

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

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

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

  .c32523 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .g4c30db {
    height: 240px;
  }

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

@media (min-width: 1024px) {
  .g5b2 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .c32523 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .b5b8 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }

  .b5b8:nth-child(even) {
    direction: rtl;
  }

  .b5b8:nth-child(even) > * {
    direction: ltr;
  }

  .g4c30db {
    height: 100%;
    min-height: 320px;
  }

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

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

@media (min-width: 1280px) {
  .c32523 {
    gap: var(--spacing-3xl);
  }

  .g4c30db {
    min-height: 380px;
  }
}

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

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

.e11d81f7 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.l6e {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

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

.bfd17 {
  padding: var(--spacing-4xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.m886a8c {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

@media (min-width: 1024px) {
  .m886a8c {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
}

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

.l1d39:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.n993 {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  color: var(--color-primary);
  font-size: 1.75rem;
}

.l66 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.m1c32f8f {
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

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

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

.j6425f5 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.01em;
}

.n63f47 {
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

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

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

.l8fc9 {
  padding: var(--spacing-4xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.f9c99 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

@media (min-width: 1024px) {
  .f9c99 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }
}

.gc4bd {
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

.gc4bd:hover img {
  transform: scale(1.03);
}

@media (min-width: 768px) {
  .a1926 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .a1926 {
    padding: var(--spacing-4xl) 0;
  }

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

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

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

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

.p0510317 main {
  width: 100%;
  margin: 0 auto;
}

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

.p0510317 .gd35 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.p0510317 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.3;
}

.p0510317 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.p0510317 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.p0510317 .e9942 {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.p0510317 ul {
  list-style-position: inside;
  margin-left: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

.p0510317 ul li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.p0510317 .da16 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-2xl);
  border: 1px solid var(--color-border-light);
}

.p0510317 .da16 h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.p0510317 .m026 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  color: var(--color-text-primary);
}

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

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

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

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

@media (min-width: 768px) {
  .p0510317 .gd35 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p0510317 .hea {
    padding: 0 var(--spacing-lg);
  }

  .p0510317 .gd35 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

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

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

.d7c {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-md);
}

.g79467 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.gd35 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.mf7c6 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  padding: var(--spacing-2xl) var(--spacing-lg);
}

.n15 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  margin-bottom: var(--spacing-md);
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.n15 svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin-bottom: var(--spacing-xs);
}

.be18abbd {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-success);
  line-height: 1.4;
  margin-bottom: var(--spacing-lg);
}

.k3bc {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.o5f142 {
  font-size: clamp(0.9rem, 0.95vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  font-style: italic;
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.faf87c {
  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.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-primary);
  transition: var(--transition-base);
  cursor: pointer;
  box-shadow: var(--shadow-md);
  margin-top: var(--spacing-lg);
}

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

.faf87c:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 480px) {
  .mf7c6 {
    padding: var(--spacing-3xl) var(--spacing-xl);
    gap: var(--spacing-xl);
  }

  .n15 {
    width: 140px;
    height: 140px;
  }
}

@media (min-width: 768px) {
  .d7c {
    padding: var(--spacing-lg);
  }

  .mf7c6 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
    gap: var(--spacing-2xl);
  }

  .n15 {
    width: 160px;
    height: 160px;
    margin-bottom: var(--spacing-lg);
  }

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

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

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

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

  .faf87c {
    padding: var(--spacing-lg) var(--spacing-3xl);
    margin-top: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .d7c {
    min-height: 100vh;
  }

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

  .n15 {
    width: 180px;
    height: 180px;
  }
}

.m7a {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.d9b1dee6 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.gd35 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.nc2ae {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
}

.p0e {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.n69d {
  position: relative;
  display: inline-block;
}

.g5098 {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 6rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
  line-height: 1;
  display: block;
  animation: float-code 3s ease-in-out infinite;
}

.ma4de8f2 {
  width: clamp(80px, 20vw, 140px);
  height: clamp(80px, 20vw, 140px);
  margin: var(--spacing-md) 0;
  animation: bee-flight 4s ease-in-out infinite;
}

.ma4de8f2 svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
}

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

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

.j906824 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-primary);
  margin: 0;
  line-height: 1.5;
}

.g5581d74 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
}

.n99705e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
  margin: var(--spacing-md) 0;
}

.ne7ba39 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.lddc {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.lddc li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.3vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
  line-height: 1.6;
}

.lddc li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  background-color: var(--color-primary);
  border-radius: var(--radius-full);
}

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

.ef44 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  letter-spacing: 0.3px;
}

.fa5f31a {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.fa5f31a:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.fa5f31a:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

@keyframes float-code {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes bee-flight {
  0%, 100% {
    transform: translateX(0px) translateY(0px);
  }
  25% {
    transform: translateX(15px) translateY(-10px);
  }
  50% {
    transform: translateX(0px) translateY(-15px);
  }
  75% {
    transform: translateX(-15px) translateY(-10px);
  }
}

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

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

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

@media (min-width: 768px) {
  .d9b1dee6 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

  .ma4de8f2 {
    width: clamp(100px, 25vw, 180px);
    height: clamp(100px, 25vw, 180px);
  }

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

  .n99705e {
    max-width: 500px;
    margin: var(--spacing-lg) auto;
  }
}

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

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

  .j4f7ba h1 {
    letter-spacing: -0.01em;
  }

  .ef44 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: 1.1rem;
  }
}

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

.d4ebe {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.o0a {
  text-align: center;
}

.d4ebe h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

.e698 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .d4ebe {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .d4ebe {
    padding: 5.5rem 2rem;
  }
}

.kc4865 {
  background-color: var(--color-bg-primary);
  padding: 2.5rem 1rem;
  overflow: hidden;
}

.kf1 {
  width: 100%;
}

.ha1 {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  align-items: flex-start;
}

.ic6 {
  flex: 1 1 100%;
  min-width: 0;
}

.ie1 {
  flex: 1 1 100%;
  min-width: 0;
}

.c87f0 {
  margin-bottom: 2rem;
}

.c87f0 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  line-height: 1.2;
}

.c87f0 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.a7ea45 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.c9366d36 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.kcc0 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.nd8f3,
.i0b9f58 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

.nd8f3::placeholder,
.i0b9f58::placeholder {
  color: var(--color-text-muted);
}

.nd8f3:focus,
.i0b9f58:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.i0b9f58 {
  resize: vertical;
  min-height: 140px;
}

.k2e8d5f {
  font-family: var(--font-primary);
  width: 100%;
  padding: 1.125rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-base);
  margin-top: 0.5rem;
}

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

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

.g97ea30 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.85vw, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.5;
  margin: 0;
  text-align: center;
}

.m5d9b {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.g791 {
  margin-bottom: 2rem;
}

.g791 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  line-height: 1.2;
}

.g791 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.o57 {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  margin-bottom: 2.5rem;
}

.f63cd2 {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.b7ea9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.35rem;
  flex-shrink: 0;
}

.m824fb h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
}

.m824fb p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 0.25rem 0;
  line-height: 1.6;
}

.l3f {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.a766bd4 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  margin: 0.5rem 0 0 0 !important;
  font-style: italic;
}

.lf85 {
  background-color: var(--color-bg-card);
  padding: 1.75rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.lf85 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1.25rem 0;
}

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

.b72fca {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.b72fca:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
  transform: translateX(4px);
}

@media (min-width: 768px) {
  .kc4865 {
    padding: 4rem 2rem;
  }

  .ha1 {
    gap: 3.5rem;
  }

  .ic6 {
    flex: 1 1 45%;
    max-width: 520px;
  }

  .ie1 {
    flex: 1 1 45%;
    max-width: 520px;
  }
}

@media (min-width: 1024px) {
  .kc4865 {
    padding: 5.5rem 2rem;
  }

  .ha1 {
    gap: 4rem;
    align-items: stretch;
  }

  .ic6 {
    flex: 1 1 40%;
    max-width: 550px;
  }

  .ie1 {
    flex: 1 1 40%;
    max-width: 550px;
  }
}

.g6fc6 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.dd6d511 {
  text-align: center;
}

.g6fc6 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3.5vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.3;
}

.g6fc6 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 1.75rem 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.b4f {
  display: inline-block;
  font-family: var(--font-primary);
  padding: 1rem 2.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 700;
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  transition: all var(--transition-base);
}

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

@media (min-width: 768px) {
  .g6fc6 {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .g6fc6 {
    padding: 5rem 2rem;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.m3ec0bc,.d86a4d{width:34px;}
.m3ec0bc[aria-expanded="true"]{display:none;}
.ke15.i57dcba2{z-index:999;}
.ke15{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.ke15{max-width:100%;}}
.k261f6f4{justify-content:flex-end;}