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

:root {
  --color-bg-primary: #f8fbff;
  --color-bg-secondary: #eff8ff;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #0c4a6e;
  --color-text-secondary: #155e75;
  --color-text-muted: #33747c;

  --color-primary: #0e7490;
  --color-primary-hover: #0c4a6e;
  --color-primary-light: #e0f2fe;
  --color-primary-lighter: #f0f9ff;

  --color-secondary: #06b6d4;
  --color-secondary-light: #cffafe;
  --color-secondary-lighter: #ecf9ff;

  --color-success: #10b981;
  --color-success-light: #d1fae5;

  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;

  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #cbd5e1;
  --color-border-light: #e2e8f0;

  --font-primary: 'Hind', sans-serif;
  --font-heading: 'Montserrat', 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(12, 74, 110, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(12, 74, 110, 0.1), 0 2px 4px -1px rgba(12, 74, 110, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(12, 74, 110, 0.1), 0 4px 6px -2px rgba(12, 74, 110, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(12, 74, 110, 0.1), 0 10px 10px -5px rgba(12, 74, 110, 0.04);

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

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

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;

  
  --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: var(--font-size-base);
  line-height: var(--line-height-normal);
  font-weight: 400;
  overflow-x: hidden;
}

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

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

h1 {
  font-size: var(--font-size-5xl);
  font-weight: 700;
  letter-spacing: -0.02em;
}

h2 {
  font-size: var(--font-size-4xl);
  font-weight: 700;
  letter-spacing: -0.01em;
}

h3 {
  font-size: var(--font-size-3xl);
  font-weight: 700;
  letter-spacing: -0.01em;
}

h4 {
  font-size: var(--font-size-2xl);
  font-weight: 600;
}

h5 {
  font-size: var(--font-size-xl);
  font-weight: 600;
}

h6 {
  font-size: var(--font-size-lg);
  font-weight: 600;
}

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

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

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

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

.ne9b0 {
  background: var(--color-primary);
  color: var(--color-bg-tertiary);
  box-shadow: var(--shadow-md);
}

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

.ne9b0:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.e61 {
  background: var(--color-secondary);
  color: var(--color-bg-tertiary);
  box-shadow: var(--shadow-md);
}

.e61:hover {
  background: var(--color-secondary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.e61:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

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

.od4fc {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  padding: var(--spacing-xl);
  box-shadow: var(--shadow-lg);
  border: none;
}

.f30fad {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

code {
  font-family: 'Monaco', 'Courier New', monospace;
  background: var(--color-bg-secondary);
  color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-md);
  font-size: 0.9em;
}

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

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

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

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

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

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

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

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

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

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

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

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

.k91 {
  text-align: center;
}

.n2f4 {
  text-align: left;
}

.j29b9509 {
  text-align: right;
}

.dccf76b {
  font-weight: 400;
}

.hd30 {
  font-weight: 500;
}

.l43adf80 {
  font-weight: 600;
}

.d50d5db {
  font-weight: 700;
}

.j46d4f3 {
  margin: 0;
}

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

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

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

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

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

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

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

.n92b3 {
  margin-top: auto;
  margin-bottom: auto;
}

.l6b {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.j4c90 {
  display: flex;
}

.g179 {
  flex-direction: column;
}

.jb948 {
  flex-wrap: wrap;
}

.a9216 {
  align-items: center;
}

.j39836 {
  align-items: flex-start;
}

.m502 {
  align-items: flex-end;
}

.p59fc10 {
  justify-content: center;
}

.f77 {
  justify-content: flex-start;
}

.cdf4cd {
  justify-content: flex-end;
}

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

.ib2a87 {
  display: grid;
}

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

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

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

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

.n46 {
  width: 100%;
}

.if3e00 {
  height: 100%;
}

.fccaacea {
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

.g7d {
  opacity: 0.5;
}

.g028 {
  opacity: 0.75;
}

.n66 {
  opacity: 1;
}

.e57debd {
  cursor: pointer;
}

.gfd7e6 {
  cursor: default;
}

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

.bf9d2ee7 {
  transition: background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base);
}

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

  h2 {
    font-size: var(--font-size-3xl);
  }

  h3 {
    font-size: var(--font-size-2xl);
  }

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

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

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

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

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

  h2 {
    font-size: var(--font-size-2xl);
  }

  h3 {
    font-size: var(--font-size-xl);
  }

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

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

  button,
  .aef5a {
    width: 100%;
  }
}
.l90ac0 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
  overflow: hidden;
}

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

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

.dea815:hover {
  opacity: 0.8;
}

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

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

.jb003357 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  margin-left: 2rem;
}

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

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

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

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

.p6879 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
  transition: var(--transition-base);
}

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

.p6879.m24 span:nth-child(1) {
  transform: rotate(45deg) translateY(12px);
}

.p6879.m24 span:nth-child(2) {
  opacity: 0;
}

.p6879.m24 span:nth-child(3) {
  transform: rotate(-45deg) translateY(-12px);
}

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

.h72a22ce.m24 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

.f06880e5:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  border-left-color: var(--color-accent);
  padding-left: calc(1.5rem + 4px);
}

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

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

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

  .p6879 {
    display: none;
  }

  .h72a22ce {
    display: none;
  }

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

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

  .a86014 {
    font-size: 1rem;
  }

  .nb84578 {
    font-size: 1rem;
  }

  .ddf {
    gap: 2.5rem;
    min-height: 85px;
  }

  .jb003357 {
    gap: 2.5rem;
  }
}

@media (max-width: 767px) {
  .jb003357 {
    display: none !important;
  }

  .p6879 {
    display: flex;
  }
}

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

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

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

.m712f97c {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

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

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

.hb8dbc {
  flex: 1 1 100%;
  min-width: 280px;
}

@media (min-width: 768px) {
  .hb8dbc {
    flex: 1 1 45%;
  }
}

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

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

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

.p72 {
  flex: 1 1 100%;
  min-width: 280px;
  position: relative;
}

@media (min-width: 768px) {
  .p72 {
    flex: 1 1 45%;
  }
}

.g232d6 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: var(--shadow-lg);
  transform: perspective(1000px) rotateY(-5deg);
}

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

.oe7e65 {
  text-align: center;
  flex: 0 1 auto;
}

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

.bf541 {
  font-size: clamp(0.75rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
}

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

.n1f1 {
  display: flex;
  flex-direction: column;
}

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

@media (min-width: 768px) {
  .bdca2 {
    flex-direction: row;
    gap: clamp(2rem, 5vw, 3rem);
  }
}

.m244d6,
.le52 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.o8b981 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

.e835 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
}

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

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

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

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

.a377 {
  text-align: center;
}

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

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

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

.a816b807 {
  flex: 1 1 200px;
  max-width: 250px;
  text-align: center;
  position: relative;
}

.n6c315 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
  margin-bottom: 0.75rem;
}

.hbf1857 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-secondary);
  margin-bottom: 1rem;
}

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

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

.be75 {
  flex: 0 0 auto;
  width: clamp(1.5rem, 3vw, 2.5rem);
  height: 2px;
  background: var(--color-border-light);
  align-self: center;
}

@media (max-width: 767px) {
  .be75 {
    display: none;
  }
}

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

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

.ad995d {
  text-align: center;
}

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

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

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

.n4c {
  flex: 1 1 250px;
  max-width: 300px;
  text-align: center;
}

.i63 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
}

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

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

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

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

.d6fb4f52 {
  text-align: center;
}

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

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

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

.iff3705d {
  flex: 1 1 300px;
  max-width: 450px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.pdbff {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-danger);
}

.oc5c {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-success);
}

.cc54d1 {
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
}

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

.m40 {
  flex: 0 0 auto;
  width: 2px;
  background: var(--color-border-light);
  min-height: 300px;
}

@media (max-width: 767px) {
  .m40 {
    display: none;
  }
}

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

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

.la7 {
  text-align: center;
}

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

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

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

.h7d003 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  position: relative;
}

.d375f {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--color-accent);
  border: 3px solid var(--color-bg-tertiary);
  margin-top: 6px;
  position: relative;
  z-index: 2;
}

.g7ef93 .d375f {
  background: var(--color-accent);
}

.d5db .d375f {
  background: var(--color-border);
}

.c199b43 {
  flex: 1;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 2rem);
  border-radius: 6px;
  box-shadow: var(--shadow-sm);
}

.h410717 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

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

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

.le6 {
  text-align: center;
}

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

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

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

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

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

.la1b1e73 {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

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

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

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

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

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

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

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

.a494135 {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 6px;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

.gf442 {
  padding: 0.875rem 1.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 6px;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
}

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

.m9817 {
  padding: 0.875rem 1.75rem;
  background: transparent;
  color: var(--color-accent);
  text-decoration: none;
  border: 2px solid var(--color-accent);
  border-radius: 6px;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
}

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

.kcc317 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-text-primary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-lg);
}

.kcc317.if64 {
  display: none;
}

.dddeb5 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  line-height: 1.5;
  flex: 1 1 auto;
  min-width: 200px;
}

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

.k49ee544,
.b40e11 {
  padding: 0.625rem 1.25rem;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  font-weight: 500;
  font-size: clamp(0.75rem, 1vw, 0.9375rem);
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

.b40e11 {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.b40e11:hover {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}

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

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

  .k49ee544,
  .b40e11 {
    flex: 1;
    min-width: 120px;
  }

  .p09734 {
    flex-direction: column;
  }

  .hb8dbc,
  .p72 {
    flex: 1 1 100%;
  }

  .be75 {
    display: none;
  }

  .m40 {
    display: none;
  }
}

@media (min-width: 768px) {
  .l1e2a {
    padding-bottom: 100px;
  }
}

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

  .p9a5 {
    gap: 2rem;
  }
}

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

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

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

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

.ifab08a h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.125rem);
  font-weight: 700;
}

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

.l90 {
  flex: 1 1 150px;
  min-width: 140px;
}

.l90 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.125rem);
  font-weight: 700;
}

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

.g353b9 li {
  margin: 0;
}

.g353b9 a {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
}

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

.nb582115 {
  flex: 1 1 220px;
  min-width: 200px;
}

.nb582115 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.125rem);
  font-weight: 700;
}

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

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

.c544a4 {
  flex: 1 1 150px;
  min-width: 140px;
}

.c544a4 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.125rem);
  font-weight: 700;
}

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

.jf0 li {
  margin: 0;
}

.jf0 a {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
}

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

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

.k9b {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

  .ifab08a,
  .l90,
  .nb582115,
  .c544a4 {
    flex: 1 1 100%;
  }

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

  .g353b9 a,
  .jf0 a {
    margin-right: clamp(0.5rem, 1vw, 1rem);
  }
}

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

  .nc1e {
    gap: clamp(1.25rem, 3vw, 2rem);
  }

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

  .g353b9 a,
  .jf0 a {
    margin-right: 0;
  }
}
    

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

.i2dda {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 3rem 0;
}

@media (min-width: 768px) {
  .i2dda {
    min-height: 600px;
    padding: 4rem 0;
  }
}

@media (min-width: 1024px) {
  .i2dda {
    min-height: 700px;
    padding: 5rem 0;
  }
}

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

.a48b {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(12, 74, 110, 0.65);
  z-index: 1;
}

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

.d31c0f42 {
  position: relative;
  z-index: 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 1.5rem);
  width: 100%;
}

.k55b {
  color: var(--color-text-on-accent);
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.hc636 {
  color: var(--color-text-on-accent);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: 1.5;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

.e39e {
  color: var(--color-text-primary);
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.l539 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 3vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(12, 74, 110, 0.08);
  transition: all 0.3s ease;
  min-height: auto;
}

.l539:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(12, 74, 110, 0.12);
}

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

  .b12e5e {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  }

  .fa8ca {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  }
}

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

  .b12e5e {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  }

  .fa8ca {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  }
}

.hb4f {
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
}

.k9c032 {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  display: block;
}

.cd27 {
  color: var(--color-text-primary);
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(1.125rem, 2.5vw + 0.25rem, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ifb8 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  padding-top: clamp(0.5rem, 1vw, 0.75rem);
  border-top: 1px solid var(--color-border);
}

.bf53,
.g120ddbb,
.na1f {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.3rem, 0.875rem);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bf53 i,
.g120ddbb i,
.na1f i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.j674 {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.875rem, 1.2vw + 0.4rem, 1rem);
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  padding-top: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

  .b12e5e {
    flex: 1 1 100%;
  }

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

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

html, body {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

.cfa i {
  color: var(--color-accent);
  width: 18px;
  text-align: center;
}

.od2acf4 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(12, 74, 110, 0.1);
}

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

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

  .hb601978,
  .od2acf4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .od2acf4 {
    order: 2;
  }

  .hb601978 {
    order: 1;
  }
}

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

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

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

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

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

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

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

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

.a30f7a {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(12, 74, 110, 0.08);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.g25cdb {
  width: 50px;
  height: 50px;
  background: var(--color-bg-secondary);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

.jbf {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(12, 74, 110, 0.1);
}

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

.ad9 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.he3 {
  background: rgba(14, 116, 144, 0.08);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 4px;
  margin: clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

  .ncf,
  .jbf {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.d13 {
  width: 50px;
  height: 50px;
  min-width: 50px;
  background: var(--color-accent);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  margin-top: 2px;
}

.n5c {
  flex: 1;
}

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

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

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

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

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

.mcbe15d {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(12, 74, 110, 0.1);
}

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

.p75e4 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .i539e6ef,
  .mcbe15d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.ma8242 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: rgba(14, 116, 144, 0.06);
  border-left: 3px solid var(--color-accent);
  border-radius: 4px;
  margin: 0;
}

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

.c72ee1 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  max-width: 1000px;
  margin: 0 auto;
}

.ka5cdb61 {
  flex: 0 0 300px;
  position: sticky;
  top: 20px;
}

.of5513 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(12, 74, 110, 0.08);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}

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

.h98d1e1a {
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
}

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

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

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

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

@media (max-width: 768px) {
  .ka5cdb61 {
    flex: 0 0 100%;
    position: static;
  }

  .c72ee1 {
    flex-direction: column;
  }
}

.n89499 {
  background: var(--color-bg-tertiary);
  padding: clamp(4rem, 10vw, 6rem) 0;
  overflow: hidden;
}

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

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

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

.jb86 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(12, 74, 110, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.jb86:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(12, 74, 110, 0.12);
}

.i847 {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

.m330 {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .m330 h1,
  .m330 h2,
  .m330 h3,
  .m330 h4,
  .m330 h5,
  .m330 h6,
  .m330 p,
  .m330 a,
  .m330 span,
  .m330 li {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p8fdac,
    .ce90a {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .a91 {
      margin-bottom: 1rem;
    }
  }

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

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

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

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

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

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

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

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

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

    .l5d4,
    .n51aa6 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m2916 {
    color: var(--color-accent);
    background: var(--color-accent-light);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    font-weight: 700;
    flex-shrink: 0;
    font-family: var(--font-heading);
  }

  .m2f849 {
    flex: 1;
  }

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

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

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

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

    .a72c29,
    .p6ac8 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

  .deca {
    color: var(--color-accent);
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    line-height: var(--line-height-relaxed);
    margin: 0;
    padding-top: 0.5rem;
    border-top: 1px solid var(--color-border-light);
  }

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

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

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

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

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

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

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

  .fca4d43 {
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

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

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

    .d323c7b7,
    .o1d79e {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

  .c7d76 {
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    font-size: clamp(0.875rem, 1vw, 1rem);
    font-weight: 700;
    text-decoration: none;
    transition: background var(--transition-base), transform var(--transition-base);
    display: inline-block;
    cursor: pointer;
    border: none;
    text-align: center;
  }

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

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

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

  .o00f9773 {
    color: var(--color-text-secondary);
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    line-height: var(--line-height-relaxed);
    margin: 0;
    padding: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-card);
    border-left: 4px solid var(--color-accent);
    border-radius: var(--radius-md);
  }

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

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

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

  .m2d3 {
    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);
    border: 1px solid var(--color-border-light);
  }

  .j71b6cb4 {
    flex-shrink: 0;
  }

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

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

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

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

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

  .a96c0bd3 {
    color: var(--color-accent);
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    font-weight: 700;
    margin: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

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

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

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

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

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

.d93a a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color 0.3s ease;
}

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

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

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

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

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

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

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

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

.j05a15 i {
  color: var(--color-accent);
  width: 18px;
  text-align: center;
}

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

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

@media (max-width: 768px) {
  .pa177 {
    flex-direction: column;
  }
  
  .ab7523b,
  .i5af {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .n479a {
    gap: 1rem;
  }
}

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

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

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

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

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

.ada p {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

.k60 {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 2rem);
  border-radius: 0.5rem;
}

.ia41 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0 0 0.75rem 0;
}

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

@media (max-width: 768px) {
  .p019c48c {
    flex-direction: column;
  }
  
  .ada,
  .g0610 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.m2686f {
  flex: 0 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  box-shadow: 0 2px 8px rgba(12, 74, 110, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.cb64c {
  font-size: 2.5rem;
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 60px;
}

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

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

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

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

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

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

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

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

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

.k61b35d p {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

.b7bf6 {
  background: linear-gradient(135deg, #fef3c7 0%, #fef0c3 100%);
  border-left: 4px solid #d97706;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 0.5rem;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.be6941 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: #78350f;
  line-height: 1.6;
  margin: 0;
}

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

.id59 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
}

@media (max-width: 768px) {
  .d048863c {
    flex-direction: column;
  }
  
  .k61b35d,
  .id59 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.ed36e536 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
}

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

.la85 p {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

@media (max-width: 768px) {
  .ofc {
    flex-direction: column;
  }
  
  .ed36e536,
  .la85 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.g04 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%);
  border-radius: 0.75rem;
}

.n00b {
  width: 120px;
  height: 120px;
  min-width: 120px;
  object-fit: cover;
  border-radius: 0.5rem;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

.k5bac68 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  text-align: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.j39c {
  flex: 0 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  box-shadow: 0 2px 8px rgba(12, 74, 110, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

.dcc4 {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
  border-top: 2px solid #dbeafe;
}

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

.b1e {
  background: linear-gradient(135deg, #fef2f2 0%, #fefcfc 100%);
  border-left: 4px solid #dc2626;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 0.5rem;
}

.h6668 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 700;
  color: #7f1d1d;
  margin: 0 0 0.75rem 0;
}

.hc4e3 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: #991b1b;
  line-height: 1.6;
  margin: 0;
}

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

.paa2a466 {
  width: 100%;
}

.j2da19 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

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

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

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

.k8d {
  flex: 0 1 calc(33.333% - 1.5rem);
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(12, 74, 110, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

.m94d img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

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

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

.j96 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
}

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

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

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

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

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

@media (max-width: 768px) {
  .n479a {
    justify-content: center;
  }
}

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

html, body {
  scroll-behavior: smooth;
}

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

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

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

.gfa {
  background: linear-gradient(135deg, #0c4a6e 0%, #0e7490 100%);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
  position: relative;
}

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

.l6ab2050 a,
.l6ab2050 span {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: #f0f9ff;
  transition: all 0.3s ease;
}

.l6ab2050 a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.l6ab2050 span {
  color: #bfdbfe;
  margin: 0 0.25rem;
}

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

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

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

.a9ff66c8 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: #e0f2fe;
  line-height: 1.5;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

.g34cca6 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: #bfdbfe;
  font-weight: 500;
}

.mc038e61 {
  color: #7dd3fc;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.n08ac {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
}

.e001 {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
}

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

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

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

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

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

.m5ebd3 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.5rem;
  max-width: 100%;
  box-shadow: 0 2px 8px rgba(14, 116, 144, 0.1);
}

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

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

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

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

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

.gbc5ad80 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: 1rem;
}

.c7b7 {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 1rem;
}

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

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

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

.a5093e7 {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-radius: 0.75rem;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

.a5093e7:hover {
  box-shadow: 0 4px 12px rgba(14, 116, 144, 0.15);
  transform: translateY(-2px);
}

.pa0e66 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

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

.pe1dbe {
  flex: 1 1 50%;
  max-width: 50%;
  order: -1;
  overflow: hidden;
  border-radius: 1rem;
}

.pe1dbe img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 1rem;
}

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

.ja7d4 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.25rem, 2vw, 1.75rem);
  align-items: flex-start;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-tertiary);
  border-radius: 0.75rem;
  border-left: 4px solid var(--color-secondary);
  transition: all 0.3s ease;
}

.ja7d4:hover {
  box-shadow: 0 4px 12px rgba(6, 182, 212, 0.15);
  transform: translateX(4px);
}

.b640 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  background: var(--color-secondary);
  color: #ffffff;
  border-radius: 50%;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
}

.m41 {
  flex: 1;
}

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

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

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

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

.h95beb4 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 250px;
  max-width: 100%;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 1rem;
  border: 1px solid var(--color-border-light);
  box-shadow: 0 2px 8px rgba(14, 116, 144, 0.08);
  transition: all 0.3s ease;
}

.h95beb4:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(14, 116, 144, 0.15);
}

.lab73 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.75rem;
}

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

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

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

.h44abf8 {
  text-align: center;
}

.n4e3079f {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.75rem;
  line-height: 1.2;
}

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

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

.h3b51c {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 240px;
  max-width: 100%;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 1rem;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.h3b51c:hover {
  box-shadow: 0 8px 20px rgba(14, 116, 144, 0.15);
  transform: translateY(-4px);
}

.i6ab8 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.75rem;
}

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

.l2ad4 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
  position: sticky;
  top: 0;
  z-index: 10;
}

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

.gbb {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 1rem;
  border: 1px solid var(--color-border-light);
  box-shadow: 0 4px 12px rgba(14, 116, 144, 0.1);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease;
}

.gbb:hover {
  box-shadow: 0 8px 20px rgba(14, 116, 144, 0.15);
  transform: translateY(-2px);
}

.j3abddf1 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-secondary);
}

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

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

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

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

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

.ebb72 {
  font-size: clamp(0.75rem, 0.9vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

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

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

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

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

.p4ba {
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: 0.75rem;
  border-left: 4px solid var(--color-secondary);
  box-shadow: 0 2px 8px rgba(14, 116, 144, 0.08);
}

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

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

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

.k0f4ddf {
  text-align: center;
}

.b653 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.75rem;
  line-height: 1.2;
}

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

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

.mb2 {
  flex: 1 1 calc(33.333% - clamp(1.33rem, 2vw, 1.66rem));
  min-width: 280px;
  max-width: 100%;
  background: var(--color-bg-tertiary);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(14, 116, 144, 0.1);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.mb2:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(14, 116, 144, 0.15);
}

.g05 {
  overflow: hidden;
  height: 200px;
  background: var(--color-border-light);
}

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

.mb2:hover .ad469a {
  transform: scale(1.05);
}

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

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

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

.bb6fde {
  display: inline-flex;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  margin-top: 0.5rem;
  width: fit-content;
}

.bb6fde:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
  transform: translateX(4px);
}

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

  .m63,
  .n08ac {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h814c4,
  .j85 {
    flex-direction: column;
  }

  .pa96e1c2,
  .gbc5ad80,
  .pe1dbe {
    flex: 1 1 100%;
    max-width: 100%;
    order: unset;
  }

  .l2ad4 {
    position: relative;
    top: auto;
  }

  .b53d1b7 {
    max-width: 100%;
    margin-left: 0;
    align-items: center;
  }

  .gbb {
    max-width: 400px;
  }

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

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

  .mb2 {
    flex: 1 1 calc(50% - 1rem);
    min-width: 100%;
  }
}

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

  .l6ab2050 a,
  .l6ab2050 span {
    font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  }

  .h337 {
    gap: 0.5rem;
  }

  .ja7d4 {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .b640 {
    align-self: flex-start;
  }

  .h95beb4 {
    flex: 1 1 100%;
  }

  .h3b51c {
    flex: 1 1 100%;
  }

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

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

  .a5093e7 {
    padding: 1rem;
  }

  .m5ebd3 {
    padding: 1.25rem;
  }
}

@media (max-width: 480px) {
  .na614d75 {
    padding: 0 1rem;
  }

  .l6ab2050 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }

  .l6ab2050 span {
    display: none;
  }

  .h337 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .mc038e61 {
    display: none;
  }

  .ja7d4 {
    gap: 0.75rem;
    padding: 1rem;
  }

  .b640 {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }

  .g05 {
    height: 150px;
  }

  .gbb {
    max-width: 100%;
  }

  .n5295 {
    padding: 1rem;
  }

  .p4ba {
    padding: 1rem;
  }
}

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

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

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

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

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

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

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

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

.d44 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  text-align: center;
  max-width: 800px;
}

.cb043 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  text-align: center;
  max-width: 700px;
  line-height: 1.7;
}

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

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

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

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

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

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

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

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

.p25595 {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
}

.p25595 h3 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

.m414 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-top: 3px solid var(--color-accent);
}

.m414 h3 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  margin-bottom: 0.75rem;
}

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

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

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

.o23b {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

.e2bde26c {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3rem);
  text-align: center;
}

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

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

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

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

.ac5d9411 {
  text-align: center;
}

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

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

.m857f3b {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-left: 5px solid var(--color-accent);
}

.m857f3b p {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  line-height: 1.8;
  font-style: italic;
}

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

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

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

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

.f4cdacf {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
}

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

@media (min-width: 768px) {
  .c5e63b5e {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    justify-content: center;
  }

  .m414 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    min-width: 280px;
  }

  .he4c91 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

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

  .d44 {
    text-align: left;
    flex: 1 1 40%;
  }

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

@media (min-width: 1024px) {
  .m414 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.67rem));
    min-width: 260px;
  }

  .he4c91 {
    grid-template-columns: 1fr 1fr;
  }
}

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

  .d44 {
    text-align: center;
  }
}

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

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

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

.bb3fa9 {
  width: 100%;
  max-width: 400px;
  aspect-ratio: 1;
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

.d6cc {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f01e11 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0.25rem 0 0 0;
  font-style: italic;
}

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

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

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

.p1033b {
  text-align: center;
}

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

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

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

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

.od93 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  text-align: center;
}

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

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

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

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

.mc2b4 {
  text-align: center;
}

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

.hb55f {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o2195 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.ldf7ac {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  color: var(--color-accent);
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.i3fd5 {
  text-align: center;
}

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

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

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

.p95 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.5rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 500;
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.c4818 {
  text-align: center;
}

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

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

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

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

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

.a2b {
  border-bottom: 2px solid var(--color-accent);
  padding-bottom: 1rem;
}

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

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

.nadb8 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  transition: all var(--transition-base);
  cursor: pointer;
}

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

.aaf53a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  padding-top: 1rem;
  text-align: center;
}

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

.k7c {
  display: inline-block;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: all var(--transition-base);
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

.o125 {
  background: linear-gradient(135deg, var(--color-accent), var(--color-primary));
  color: var(--color-text-on-accent);
  padding: clamp(2rem, 5vw, 3.5rem);
  border-radius: var(--radius-xl);
  text-align: center;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.i9f93c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m74d301 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.af6e1025 {
  display: inline-block;
  background: var(--color-text-on-accent);
  color: var(--color-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: all var(--transition-base);
  cursor: pointer;
}

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

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

  .bb3fa9 {
    flex: 0 0 40%;
    max-width: none;
  }

  .l917 {
    flex: 1;
    padding-left: 2rem;
  }

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

  .f22cae {
    flex: 1 1 calc(25% - 1.5rem);
    min-width: 260px;
  }
}

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

  .f22cae {
    flex: 1 1 calc(25% - 1.5rem);
  }
}

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

  .d7abac4 {
    flex: 1 1 100%;
  }

  .f22cae {
    flex: 1 1 100%;
  }

  .p95 {
    flex: 0 1 auto;
  }
}

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

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

.ee732 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

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

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

.d75fc5ba {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.kf6e09d0 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .kf6e09d0 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.le98 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: var(--shadow-sm);
}

.le98:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--color-primary-light);
  transform: translateY(-4px);
}

.mec {
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

.k2e29847 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.db5b7a {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-size: var(--font-size-xs);
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: fit-content;
}

.bc5a87e {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
  line-height: var(--line-height-tight);
}

.i8ff {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-normal);
  flex-grow: 1;
}

.j1f {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  transition: all var(--transition-base);
  width: fit-content;
  border: 2px solid var(--color-primary);
}

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

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

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

.f791b6 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

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

.j62a30 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  display: inline-block;
}

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

@media (min-width: 768px) {
  .m71c31 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .mec {
    height: 280px;
  }
}

@media (min-width: 1024px) {
  .m71c31 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

  .mec {
    height: 300px;
  }
}

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

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

.k452 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  overflow: hidden;
}

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

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

.e92 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  max-width: 500px;
}

.pc401 {
  width: 100%;
  height: 250px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

@media (min-width: 768px) {
  .k452 {
    flex-direction: row;
    align-items: center;
    padding: var(--spacing-3xl) var(--spacing-lg);
    gap: var(--spacing-3xl);
  }

  .g6f41 {
    flex: 1;
    min-width: 0;
  }

  .pc401 {
    flex: 1;
    height: 350px;
  }
}

@media (min-width: 1024px) {
  .k452 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
    gap: var(--spacing-4xl);
  }

  .pc401 {
    height: 400px;
  }
}

.j60 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.p5766 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  max-width: 1200px;
  margin: 0 auto;
}

.h2d3c7 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

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

.e797226a {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.bf92fc {
  align-self: flex-start;
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid var(--color-accent);
  transition: all var(--transition-fast);
  display: inline-block;
}

.bf92fc:hover {
  color: var(--color-accent-hover);
  border-bottom-color: var(--color-accent-hover);
  padding-left: var(--spacing-xs);
}

@media (min-width: 768px) {
  .j60 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .p5766 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .j60 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .p5766 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

.f39 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  overflow: hidden;
}

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

.h53 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.m48a69 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 500px;
}

.e1a59 {
  align-self: flex-start;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  text-decoration: none;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  display: inline-block;
  border: none;
  cursor: pointer;
}

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

.n9176614 {
  width: 100%;
  height: 250px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

@media (min-width: 768px) {
  .f39 {
    flex-direction: row;
    align-items: center;
    padding: var(--spacing-3xl) var(--spacing-lg);
    gap: var(--spacing-3xl);
  }

  .e21 {
    flex: 1;
    min-width: 0;
  }

  .n9176614 {
    flex: 1;
    height: 300px;
  }
}

@media (min-width: 1024px) {
  .f39 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
    gap: var(--spacing-4xl);
  }

  .n9176614 {
    height: 350px;
  }
}

@media (min-width: 1440px) {
  .p5766 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.n8187 .na614d75 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.n8187 .i5434679 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.n8187 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.n8187 .o63b9 {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.n8187 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: var(--line-height-tight);
  font-weight: 600;
}

.n8187 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.n8187 ul {
  list-style: none;
  padding: 0;
  margin: var(--spacing-md) 0;
}

.n8187 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

.n8187 li:before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

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

.n8187 .j853d6 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.n8187 .j853d6 h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.n8187 .j853d6 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.n8187 .ke048fca {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .n8187 .i5434679 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n8187 .na614d75 {
    padding: 0 var(--spacing-xl);
  }

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

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

html {
  scroll-behavior: smooth;
}

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

.ce15f {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.d74e678 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

@media (min-width: 768px) {
  .d74e678 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .d74e678 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

@media (min-width: 768px) {
  .na614d75 {
    padding: 0 var(--spacing-lg);
  }
}

.i5434679 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.p6b7d {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .p6b7d {
    gap: var(--spacing-xl);
  }
}

.n2e7e6 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin-bottom: var(--spacing-md);
}

.n2e7e6 svg {
  width: clamp(80px, 15vw, 140px);
  height: clamp(80px, 15vw, 140px);
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.5px;
  animation: fadeInDown 0.7s ease-out 0.2s both;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.df8 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.2rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-sm) 0 0 0;
  animation: fadeInUp 0.7s ease-out 0.4s both;
  font-weight: 500;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.m4ca2 {
  text-align: left;
  animation: fadeInUp 0.7s ease-out 0.6s both;
}

.m4ca2 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

@media (min-width: 768px) {
  .m4ca2 p {
    margin-bottom: var(--spacing-lg);
  }
}

.m4ca2 p:last-of-type {
  margin-bottom: var(--spacing-md);
}

.p3959 {
  list-style: none;
  padding: 0;
  margin: var(--spacing-lg) 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

@media (min-width: 768px) {
  .p3959 {
    gap: var(--spacing-lg);
  }
}

.p3959 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  padding-left: var(--spacing-lg);
  position: relative;
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-success);
  transition: background-color var(--transition-base), transform var(--transition-base);
}

.p3959 li:before {
  content: "";
  position: absolute;
  left: var(--spacing-md);
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-success);
  font-weight: 700;
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.2rem);
}

@media (min-width: 768px) {
  .p3959 li:hover {
    background-color: var(--color-bg-tertiary);
    transform: translateX(4px);
  }
}

.e54391 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1vw + 0.5rem, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  margin-top: var(--spacing-lg);
  animation: fadeInUp 0.7s ease-out 0.8s both;
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .e54391 {
    margin-top: var(--spacing-xl);
  }
}

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

.e54391:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (max-width: 480px) {
  .p6b7d {
    gap: var(--spacing-md);
  }

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

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

  .e54391 {
    width: 100%;
  }
}

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

.hf2c {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

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

.i5434679 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.db90539 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-2xl);
  padding: var(--spacing-2xl) 0;
}

.m60c0 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--spacing-lg);
}

.d6775 {
  position: relative;
  width: 100%;
  max-width: 300px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.d26f {
  font-size: clamp(3.5rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.05em;
  position: relative;
  z-index: 2;
  line-height: 1;
}

.pcc {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid var(--color-primary-light);
  border-radius: var(--radius-2xl);
  opacity: 0.3;
  top: 15%;
  left: 5%;
  z-index: 1;
  animation: float-decoration 6s ease-in-out infinite;
}

@keyframes float-decoration {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(5deg);
  }
}

.da476a {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  animation: fade-in-up 0.8s ease-out;
}

@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.da476a h1 {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

.b2b3 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-sm) 0;
}

.kfaabe {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin: var(--spacing-lg) 0;
}

.m712f97c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.5px;
  min-height: 48px;
}

.m03c1f8a {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.m03c1f8a:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.pf27d186 {
  margin-top: var(--spacing-xl);
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  animation: fade-in 1s ease-out 0.3s both;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.pf27d186 p {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 500;
  margin: 0;
}

@media (min-width: 480px) {
  .db90539 {
    gap: var(--spacing-3xl);
    padding: var(--spacing-3xl) 0;
  }

  .d6775 {
    max-width: 350px;
  }

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

@media (min-width: 768px) {
  .hf2c {
    padding: var(--spacing-lg);
  }

  .o95eb {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .db90539 {
    gap: var(--spacing-3xl);
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .d6775 {
    max-width: 400px;
    margin-bottom: var(--spacing-2xl);
  }

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

  .da476a h1 {
    font-size: clamp(2rem, 6vw, 3rem);
  }

  .ga12716 {
    font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  }

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

@media (min-width: 1024px) {
  .na614d75 {
    padding: 0 var(--spacing-lg);
  }

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

  .d6775 {
    max-width: 450px;
  }

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

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

@media (prefers-reduced-motion: reduce) {
  .d6775,
  .da476a,
  .pf27d186,
  .pcc {
    animation: none;
  }

  .m03c1f8a:hover {
    transform: none;
  }
}

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

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

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

.ddb {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  letter-spacing: -0.02em;
}

.cf6 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

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

.ca99e1 {
  width: 100%;
}

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

.p0341b {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .p0341b {
    flex: 1 1 45%;
    min-width: 320px;
  }
}

@media (min-width: 1024px) {
  .p0341b {
    flex: 1 1 50%;
  }
}

.e8dd62 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

.i77735 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.hf4a0 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.5rem);
}

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

.i749af {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.oc8bf,
.o494e {
  width: 100%;
  padding: clamp(0.75rem, 1.5vw, 0.875rem) clamp(0.875rem, 2vw, 1rem);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

.oc8bf::placeholder,
.o494e::placeholder {
  color: var(--color-text-muted);
}

.oc8bf:focus,
.o494e:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.o494e {
  min-height: clamp(120px, 25vh, 180px);
  resize: vertical;
}

.nf2371 {
  width: 100%;
  padding: clamp(0.875rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  cursor: pointer;
  transition: var(--transition-base);
  letter-spacing: 0.3px;
}

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

.nf2371:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.nf2371:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.a77de73 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
  text-align: center;
}

.l75a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-fast);
}

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

.aaff8 {
  flex: 1 1 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

@media (min-width: 768px) {
  .aaff8 {
    flex: 1 1 45%;
    min-width: 320px;
  }
}

@media (min-width: 1024px) {
  .aaff8 {
    flex: 1 1 50%;
  }
}

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

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

.f5b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

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

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

.d2b0a:hover {
  border-color: var(--color-primary-light);
  background-color: var(--color-bg-tertiary);
}

.e85931 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 5vw, 3rem);
  height: clamp(2.5rem, 5vw, 3rem);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.e85931 i {
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  color: var(--color-primary);
}

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

.eba {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.macb {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-normal);
}

.h06 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.l3d80f {
  padding: clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

.ca942e46 li {
  display: flex;
}

.p581d8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-fast);
  position: relative;
  padding-left: 1.25rem;
}

.p581d8::before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-primary);
}

.p581d8:hover {
  color: var(--color-primary-hover);
  padding-left: 1.5rem;
}

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

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

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

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

@media (min-width: 768px) {
  .e2020 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.i09 {
  padding: clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

.i09:hover {
  border-color: var(--color-primary-light);
  background-color: var(--color-bg-primary);
  box-shadow: var(--shadow-sm);
}

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

.lf1db {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

@media (max-width: 767px) {
  .d8cabfc {
    gap: clamp(2rem, 5vw, 3rem);
  }

  .p0341b,
  .aaff8 {
    flex: 1 1 100%;
  }
}

@media (max-width: 480px) {
  .ceb {
    padding: 2rem 0;
  }

  .a8f68b {
    padding: 2rem 0;
  }

  .e28b7e {
    padding: 2rem 0;
  }

  .ddb {
    font-size: 1.75rem;
  }

  .jc1,
  .hcc63f,
  .d783c47 {
    font-size: 1.5rem;
  }

  .e2020 {
    grid-template-columns: 1fr;
  }

  .nf2371 {
    padding: 0.875rem 1.5rem;
  }

  .oc8bf,
  .o494e {
    padding: 0.75rem 0.875rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .oc8bf:focus,
  .o494e:focus,
  .nf2371:hover,
  .d2b0a:hover,
  .p581d8:hover,
  .i09:hover {
    transition: none;
  }

  .nf2371:hover,
  .nf2371:active {
    transform: none;
  }
}
.p6879,.o53{
  width: 34px;
}

.jb003357{
  justify-content: flex-end;
}

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.h72a22ce{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .h72a22ce{
    max-width: 100%;
  }
}

.h72a22ce.m24{
  z-index: 999;
}

.j58d87{
  padding-top: 50px;
}

.p6879[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .la1b1e73 {
    aspect-ratio: 6 / 9;
  }
}