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

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

  --color-text-primary: #0c4a6e;
  --color-text-secondary: #908f8f;
  --color-text-muted: #000000;
  --color-text-inverse: #f0f9ff;
  --color-text-inverse-secondary: #cbd5e1;

  --color-primary: #0284c7;
  --color-primary-hover: #0369a1;
  --color-primary-light: #e0f2fe;
  --color-primary-lighter: #f0f9ff;

  --color-secondary: #38bdf8;
  --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;
  --color-border-dark: #334155;

  --font-primary: 'Source Sans 3', sans-serif;
  --font-heading: 'Outfit', sans-serif;

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

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

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

  --shadow-sm-dark: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md-dark: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg-dark: 0 10px 15px -3px rgba(0, 0, 0, 0.3);

  --transition-fast: 150ms ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;

  
  --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: #aeafb0;
}

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

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

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

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

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

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

h3 {
  font-size: 1.875rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}

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

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

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

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

button,
.h68f3e {
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: 1rem;
  padding: var(--spacing-md) var(--spacing-xl);
  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-md);
  text-decoration: none;
}

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

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

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

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

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

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

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

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

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

.m6805 {
  display: grid;
  gap: var(--spacing-lg);
}

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

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

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

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

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

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

.f4ade {
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.n9e8 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-inverse);
  box-shadow: var(--shadow-md-dark);
}

.n9e8:hover {
  box-shadow: var(--shadow-lg-dark);
}

.h24f {
  background: var(--color-primary-light);
  border-left: 4px solid var(--color-primary);
  color: var(--color-text-primary);
}

.h31 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

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

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

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

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

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

.mb7a0c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

label {
  font-weight: 600;
  color: var(--color-text-primary);
  font-size: 0.875rem;
}

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

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

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

.l7bde49 {
  list-style: none;
}

.b3788fe {
  padding: var(--spacing-md) 0;
  color: var(--color-text-secondary);
  border-bottom: 1px solid var(--color-border-light);
}

.b3788fe:last-child {
  border-bottom: none;
}

.cf0330 {
  color: var(--color-text-inverse-secondary);
  border-bottom-color: var(--color-border-dark);
}

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

.paf1c {
  background: var(--color-border-dark);
}

.h9187 {
  text-align: center;
}

.g1023 {
  text-align: right;
}

.j4da47 {
  text-align: left;
}

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

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

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

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

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

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

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

.jdb4607 {
  font-family: var(--font-heading);
}

.mb06f {
  font-weight: 700;
}

.p7c6 {
  font-weight: 600;
}

.k3527 {
  font-weight: 500;
}

.n63a8 {
  margin-top: 0;
}

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

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

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

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

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

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

.j9a {
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

.g4c {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

.nba4 {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

.aa9acb87 {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

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

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

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

  .be8da27 {
    grid-template-columns: 1fr;
  }

  .p726 {
    grid-template-columns: 1fr;
  }

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

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

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

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  body {
    font-size: 0.9375rem;
  }

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

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

  .h68f3e {
    width: 100%;
  }

  .ibb25 {
    grid-template-columns: 1fr;
  }

  .k03d40f {
    flex-direction: column;
  }

  .h38d2 {
    flex-direction: column;
  }

  .c9aee {
    padding: 0 var(--spacing-md);
  }
}
.da40 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

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

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

.c55d541:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

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

.f5c1eaf4 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  margin: 0;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

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

.j379 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 999;
  padding-top: clamp(4rem, 10vw, 5.5rem);
}

.j379.n6dc36 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

.o56495ab {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  flex-grow: 1;
  overflow-y: auto;
}

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

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

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

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

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

  .j379 {
    display: none;
  }

  .o36852 {
    display: flex;
  }

  .bf5 {
    display: block;
  }
}

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

  .l19d8 {
    font-size: 1rem;
  }

  .bf5 {
    font-size: 1rem;
  }
}

    .ob4d {
  width: 100%;
}

html, body, h1, h2, h3, h4, h5, h6, p, span, div, a, button {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.l69e752f {
  color: var(--color-text-on-accent);
  font-size: clamp(2rem, 7vw + 0.5rem, 4rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.e60f0f1f {
  color: var(--color-accent);
}

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

.d0ea {
  color: var(--color-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  max-width: 600px;
  font-weight: 500;
}

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

.h68f3e {
  padding: clamp(0.75rem, 1vw, 1.125rem) clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  border: 2px solid transparent;
  cursor: pointer;
}

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

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

.ja309e7 {
  background: transparent;
  color: var(--color-accent);
  border-color: var(--color-accent);
}

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

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

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

.g9c12c {
  max-width: 800px;
}

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

.oa31 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 12px;
}

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

.lc8698 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
}

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

.k32 {
  width: 1px;
  height: 60px;
  background: var(--color-text-muted);
  opacity: 0.3;
}

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

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

.n2f {
  text-align: center;
}

.ladaeb {
  color: var(--color-bg-card);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: 0.75rem;
}

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

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

.ba61f {
  flex: 1 1 280px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}

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

.e006f977 {
  color: var(--color-bg-card);
  font-size: clamp(1.0625rem, 2vw, 1.375rem);
  font-weight: 600;
}

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

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

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

.m6d {
  text-align: center;
}

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

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

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

.l3dd {
  flex: 1 1 200px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}

.ee0ca9ef {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 800;
  border-radius: 50%;
}

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

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

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

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

.l5917be {
  text-align: center;
}

.df6686d {
  color: var(--color-bg-card);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin-bottom: 0.75rem;
}

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

.b1205e {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: stretch;
}

.g3a1 {
  flex: 1 1 300px;
  min-height: 300px;
}

.l9cc {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  transition: all 0.3s ease;
}

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

.o179d {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

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

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

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

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

.o5f54 {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  transition: all 0.3s ease;
}

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

.lfc2de19 {
  width: 100%;
  height: 150px;
  object-fit: cover;
}

.o5f54 {
  padding: clamp(1rem, 2vw, 1.5rem);
  gap: 0.75rem;
}

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

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

.be6 {
  text-align: center;
}

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

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

.h763e49d {
  flex: 1 1 300px;
  min-width: 250px;
}

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

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

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

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

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

.e0b0e7 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
}

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

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

.n81da2 {
  color: var(--color-bg-card);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
}

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

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

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

.bad {
  text-align: center;
}

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

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

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

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

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

.ia96c {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  text-align: center;
}

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

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

.l778dd {
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-accent) 100%);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: 16px;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  box-shadow: 0 16px 32px rgba(2, 132, 199, 0.2);
}

.n2a {
  color: var(--color-bg-card);
  font-size: clamp(1.25rem, 3vw, 2rem);
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.p09cd45d {
  color: var(--color-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  margin-bottom: 1.5rem;
}

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

.f6f.h8d4 {
  display: none;
}

.n503 {
  color: var(--color-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  max-width: 500px;
}

.p5a {
  display: flex;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.c8bc5 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
}

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

.a85e7 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: transparent;
  color: var(--color-secondary);
  border: 1px solid rgba(56, 189, 248, 0.5);
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
}

.a85e7:hover {
  background: rgba(56, 189, 248, 0.1);
  border-color: var(--color-secondary);
}

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

  .k32 {
    display: none;
  }

  .b1205e {
    flex-direction: column;
  }

  .g3a1 {
    flex: 1 1 100%;
  }

  .l3f {
    flex: 1 1 100%;
  }

  .decd823 {
    flex-direction: column;
  }

  .h763e49d {
    flex: 1 1 100%;
  }

  .ode11 {
    flex: 1 1 100%;
  }

  .l59549c5 {
    flex-direction: row;
  }

  .f6f {
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 1rem;
  }

  .n503 {
    text-align: center;
  }

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

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

  .h68f3e {
    width: 100%;
    text-align: center;
  }

  .g50d {
    flex-direction: column;
  }

  .l59549c5 {
    flex-direction: column;
  }

  .h9f1b {
    flex: 1 1 100%;
  }

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

  .c8bc5,
  .a85e7 {
    width: 100%;
  }
}

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

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

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

.p1536d2e {
  display: block;
}

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

.p1536d2e p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.65;
  max-width: 480px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ne3 {
  display: block;
}

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

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

.d339a a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: color var(--transition-base) ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.c36e {
  display: block;
}

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

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

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

.fe7c828 {
  display: block;
}

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

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

.j385b9 a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: color var(--transition-base) ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.g4e9 {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  line-height: 1.6;
  margin: 0;
  max-width: 520px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .e083 {
    grid-column: 1 / -1;
    padding-top: clamp(2rem, 4vw, 2.5rem);
  }
}

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

  .ne3 {
    grid-column: span 1;
  }

  .fe7c828 {
    grid-column: span 1;
  }
}

@media (max-width: 767px) {
  .p1536d2e p {
    max-width: 100%;
  }

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

.na0690 {
  width: 100%;
}

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

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

.l015 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

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

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

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

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

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

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

.ld61d48 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

.g6385 i {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
}

.g7724f3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.laf1b873 li {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  line-height: 1.5;
  padding-left: 1.5rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.f97f0 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

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

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

.n042106 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: row;
  gap: 0;
  transition: all var(--transition-base);
  min-height: 220px;
}

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

.le2b {
  flex: 0 0 auto;
  width: 100%;
  height: 220px;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

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

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

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

.ocf41 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 0.5rem;
}

.dc4,
.if2082,
.i2cca {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  display: flex;
  align-items: center;
  gap: 0.4rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.dc4 i,
.if2082 i,
.i2cca i {
  color: var(--color-accent);
  font-size: 0.9rem;
}

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

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

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

@media (max-width: 767px) {
  .n042106 {
    flex-direction: column;
    min-height: auto;
  }

  .le2b {
    width: 100%;
    height: 200px;
  }

  .l015 {
    font-size: 0.8125rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .n042106 {
    flex-direction: row;
    min-height: 240px;
  }

  .le2b {
    flex: 0 0 40%;
    width: auto;
    height: 100%;
  }

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

@media (min-width: 1024px) {
  .n042106 {
    flex-direction: row;
    min-height: 260px;
  }

  .le2b {
    flex: 0 0 45%;
    width: auto;
    height: 100%;
  }

  .kfcba90 {
    padding: 2rem;
  }

  .g5a {
    gap: 2rem;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

.l4b63ec::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(135deg, rgba(2, 132, 199, 0.08) 0%, rgba(56, 189, 248, 0.04) 100%);
  pointer-events: none;
}

.l4b63ec .c9aee {
  position: relative;
  z-index: 1;
}

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

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

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

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

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

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

.a50a97f5 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: #cbd5e1;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.7;
}

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

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

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

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

.h18 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  box-shadow: 0 10px 30px rgba(2, 132, 199, 0.15);
}

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

  .da282a,
  .h18 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h18 {
    min-height: 250px;
  }
}

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

.m7c0b {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.kb6 {
  flex-shrink: 0;
}

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

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

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

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

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

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

.b97929 {
  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) {
  .m7c0b {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .kb6 {
    flex-shrink: 0;
  }
}

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

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

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

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

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

.g4b4 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  align-items: flex-start;
}

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

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

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

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

.f0cf2 li {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

.afff3c2a {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 280px;
}

.afff3c2a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  display: block;
}

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

  .a7e,
  .afff3c2a {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .afff3c2a {
    min-height: 220px;
  }
}

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

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

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

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

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

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

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

.k686be {
  width: 100%;
  min-height: 300px;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

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

@media (max-width: 768px) {
  .k686be {
    min-height: 220px;
  }
}

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

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

.f357 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-secondary);
  line-height: 1.3;
}

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

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

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

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

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

.b8a21 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

.d38e92 {
  width: 100%;
  height: 180px;
  overflow: hidden;
}

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

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

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

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

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

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

.d25d6 {
  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) {
  .b8a21 {
    flex: 1 1 calc(50% - 1rem);
  }
}

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

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

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

.h0df2c {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: rgba(2, 132, 199, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
}

.f1ec8100 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-secondary);
  margin: 0;
}

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

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

  .i0f4c7 {
    flex-wrap: wrap;
  }

  .e25eb73 {
    gap: 1rem;
  }

  .bf77 {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 480px) {
  .c9aee {
    padding: 0 clamp(0.75rem, 3vw, 1rem);
  }

  .n1f18 {
    font-size: 0.8125rem;
    gap: 0.25rem;
  }

  .l4b63ec {
    padding: 1.5rem 0;
  }

  .ac60c70f {
    padding: 2rem 0;
  }

  .f0db,
  .na33843 {
    padding: 2rem 0;
  }
}

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .fb708d {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .fa4029,
  .bb7fe {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.d3b280 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.j845f27 {
  flex-shrink: 0;
}

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

.b916036d {
  flex: 1;
}

.l33ad33 {
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 0.25rem 0;
}

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

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

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

.jcf3f {
  color: var(--color-accent);
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}

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

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

  .j845f27 {
    flex-shrink: 0;
  }
}

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

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

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

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

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

.aef3 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: #ecf9ff;
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  align-items: flex-start;
}

.k881 {
  color: var(--color-accent);
  font-size: 1.5rem;
  flex-shrink: 0;
  margin-top: 2px;
}

.h6094 {
  flex: 1;
}

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

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

.i9959 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: #fef3c7;
  border-left: 4px solid #f59e0b;
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  align-items: flex-start;
}

.lbfe5051 {
  color: #d97706;
  font-size: 1.5rem;
  flex-shrink: 0;
  margin-top: 2px;
}

.fdcc5344 {
  flex: 1;
}

.ce6cb5 {
  color: #78350f;
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

.o835 {
  color: #92400e;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  line-height: 1.6;
  margin: 0;
}

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

.ibe661 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  align-items: flex-start;
}

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

.jefc {
  flex: 1;
}

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

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

.k38b {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-md);
  margin: clamp(1rem, 2vw, 1.5rem) 0;
  object-fit: cover;
}

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

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

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

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

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

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

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

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

  .ed41,
  .aac {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.nc090ca {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
}

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

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

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

.m90244 {
  color: var(--color-bg-card);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

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

.n4bc90 {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  box-shadow: var(--shadow-lg);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.of17 {
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  margin: 0;
}

.j75a0 {
  color: var(--color-text-on-accent);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  margin: 0;
}

.c94 {
  display: inline-block;
  background: var(--color-bg-card);
  color: var(--color-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
}

.c94:hover {
  background: var(--color-text-muted);
  color: var(--color-bg-card);
}

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

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

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

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

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

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

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

.de008e {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: var(--color-text-muted);
}

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

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

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

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

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

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

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

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

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

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

  .nb65 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .n28 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .ae6dd {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

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

  .i14 {
    gap: 1rem;
  }

  .aef3,
  .i9959 {
    gap: 1rem;
    padding: 1rem;
  }
}

@media (max-width: 480px) {
  .j7adba {
    font-size: 0.75rem;
    gap: 0.25rem;
  }

  .f41 {
    font-size: 0.75rem;
    gap: 0.375rem;
  }

  .f41 i {
    font-size: 0.875rem;
  }

  .o5b {
    width: 36px;
    height: 36px;
    font-size: 1.1rem;
  }

  .nc090ca {
    font-size: 0.8rem;
    gap: 0.75rem;
  }

  .nc090ca i {
    font-size: 1.1rem;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

p, li, span {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.meb2 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.f6a294 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  font-weight: 500;
}

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

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

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

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

.pf29 a {
  color: var(--color-secondary);
  font-weight: 500;
}

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

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

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

.b833f229 {
  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);
  box-shadow: var(--shadow-md);
}

.n1f8c72a {
  flex-shrink: 0;
}

.n1f8c72a img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
}

.m7a9e778 {
  flex: 1;
}

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

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

.lb5b0 a {
  color: var(--color-accent);
  font-weight: 600;
}

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

.g956 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

.a7373c8 {
  list-style: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g179 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ma4 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.3;
}

.ma4 a {
  color: var(--color-secondary);
  font-weight: 600;
}

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

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

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

  .k0afa0,
  .ha1a28 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .o09f {
    flex-direction: column;
  }

  .f9ee0,
  .i7a {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .f0e383 {
    flex-direction: column;
  }

  .a8c,
  .of878 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .cbf146f {
    flex-direction: column;
  }

  .g6cf08,
  .k30d21 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .e35fa {
    flex-direction: column;
  }

  .d8a603,
  .cee2 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .a605 {
    flex-direction: column;
  }

  .nfbfc357,
  .n85d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h3eac4 {
    flex: 1 1 100%;
  }

  .m78a5 {
    flex: 1 1 100%;
  }

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

  .m7a9e778 {
    flex: 1;
  }
}

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

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

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

html, body {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.gb0fd4 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

.bffe {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
}

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

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

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

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

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

  .m4d {
    max-height: 300px;
  }
}

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

.o032b69 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

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

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

.f5e5a8 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

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

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

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

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

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

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

  .h41abe80 {
    margin: 0 auto;
  }

  .j0fb30da {
    align-items: center;
  }
}

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

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

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

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

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

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

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

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

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

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

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

  .kabd98b img {
    max-height: 300px;
  }
}

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

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

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

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

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

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

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

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

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

.ldf98 {
  flex: 1 1 auto;
}

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

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

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

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

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

.p11cde7 {
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

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

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

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

  .pf1b38d8 img {
    max-height: 300px;
  }

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

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

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

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

.k661 {
  flex: 1 1 auto;
}

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

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

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

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

.a1454ad1 {
  margin-bottom: 2rem;
}

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

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

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

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

.k8c5 {
  list-style: none;
  margin: 2rem 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mca8d3ea:hover .h493b {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

.ded26fc {
  background: var(--color-warning-light);
  border-left: 4px solid var(--color-warning);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

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

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

  .ge055 i {
    margin-top: 0;
  }
}

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

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

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

p, span, li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.jf659 {
  background: var(--color-bg-primary);
  overflow: hidden;
}

.g8a919 {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.pe111b {
  color: #ffffff;
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.e70c2828 {
  color: var(--color-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 500;
  max-width: 700px;
  margin: 0 auto;
}

.lc5c70d {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

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

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

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

.b851b {
  display: inline-block;
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

.nf6 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 320px;
  background: linear-gradient(135deg, rgba(2, 132, 199, 0.1) 0%, rgba(56, 189, 248, 0.05) 100%);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2rem);
  transition: all var(--transition-base);
}

.nf6:hover {
  transform: translateY(-4px);
  border-color: var(--color-secondary);
  background: linear-gradient(135deg, rgba(2, 132, 199, 0.15) 0%, rgba(56, 189, 248, 0.1) 100%);
}

.ace {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: var(--color-primary);
  border-radius: 8px;
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.g7c {
  color: #ffffff;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

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

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

.k48 {
  flex: 1 1 45%;
  min-width: 250px;
}

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

.l3b56b {
  flex: 1 1 45%;
  min-width: 250px;
  min-height: 300px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

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

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

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

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

.g9222 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-size: clamp(1.5rem, 2vw + 0.5rem, 1.75rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

.pf5 {
  color: #ffffff;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

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

.l694 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 240px;
  max-width: 300px;
  text-align: center;
}

.ga8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  border-radius: 50%;
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
  margin: 0 auto 1rem;
}

.kf5 {
  color: #ffffff;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

.n2fd {
  background: linear-gradient(135deg, rgba(2, 132, 199, 0.05) 0%, rgba(56, 189, 248, 0.03) 100%);
  border-top: 1px solid var(--color-border);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

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

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

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

.h8a22689 {
  color: var(--color-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
}

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

.p4226 p {
  color: var(--color-text-muted);
  margin-bottom: 0.75rem;
}

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

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

  .k48,
  .l3b56b {
    flex: 1 1 100%;
  }

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

  .i0024 {
    flex-direction: column;
  }

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

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

  .i0024 {
    flex-direction: row;
  }

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

@media (min-width: 1025px) {
  .e76a {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .nf6 {
    flex: 1 1 calc(33.333% - 1.5rem);
    max-width: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

.f4231 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.1;
}

.p73edd {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  line-height: 1.7;
}

.l4120bd {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 450px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

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

  .cbf77526 {
    flex: 1 1 100%;
  }

  .l4120bd {
    flex: 1 1 100%;
    min-height: 250px;
    max-height: 350px;
  }
}

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

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

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

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

.g89 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

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

.l3b16165 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  line-height: 1.8;
}

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

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

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

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

.acd04 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

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

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

.lf1 {
  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);
  box-shadow: var(--shadow-sm);
}

.bbecf95 {
  flex-shrink: 0;
  width: clamp(3rem, 8vw, 4rem);
  height: clamp(3rem, 8vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  border-radius: var(--radius-lg);
  font-family: var(--font-heading);
}

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

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

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

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

  .bbecf95 {
    width: clamp(2.5rem, 6vw, 3rem);
    height: clamp(2.5rem, 6vw, 3rem);
    font-size: clamp(1.25rem, 2vw, 1.5rem);
  }
}

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

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

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

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

.b831 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

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

.ffa95 {
  flex: 1 1 clamp(300px, 45vw, 450px);
  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: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

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

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

.df83eb {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

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

.o59bd29 {
  flex: 1 1 clamp(250px, 22vw, 300px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
  transition: var(--transition-base);
  text-align: center;
}

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

.mb40cf {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

.l7a {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
}

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

.g54f3 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 2vw, 2rem);
  flex-wrap: wrap;
  justify-content: center;
}

.g4f {
  flex: 1 1 clamp(120px, 25vw, 180px);
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  text-align: center;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.fb3ba88 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

.i972 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  line-height: 1.4;
}

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

  .oe314a {
    flex: 1 1 100%;
  }

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

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

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

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

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

.g35c7757 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

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

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

.cf423de0 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

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

.kf6f86e4 {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  width: fit-content;
  transition: var(--transition-base);
}

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

.k12 {
  display: flex;
  justify-content: center;
  padding-top: clamp(1rem, 2vw, 1.5rem);
}

.cf44 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.9375rem, 1vw, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
  text-decoration: none;
  cursor: pointer;
  border: none;
}

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

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

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

.n8b {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  max-width: 600px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  border-top: 4px solid var(--color-accent);
}

.ib409 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
}

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

.p901e49 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.9375rem, 1vw, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
  text-decoration: none;
  cursor: pointer;
  border: none;
  align-self: center;
}

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

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

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

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

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

  .g4f {
    flex: 1 1 100%;
  }

  .bebf358 {
    flex-direction: column;
  }

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

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

.p93166 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.o66 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.j5c3481 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  line-height: 1.2;
}

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

@media (min-width: 768px) {
  .p93166 {
    padding: var(--spacing-3xl) 0;
  }

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

@media (min-width: 1024px) {
  .p93166 {
    padding: var(--spacing-4xl) 0;
  }
}

.d5103 {
  padding: var(--spacing-2xl) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.k88c61 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .d5103 {
    padding: var(--spacing-3xl) 0;
  }

  .k88c61 {
    padding: 0 var(--spacing-lg);
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .d5103 {
    padding: var(--spacing-4xl) 0;
  }

  .k88c61 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

.d1fc {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

.ebc1ba0 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.bc4a2e13 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

@media (min-width: 1024px) {
  .d1fc {
    border-radius: var(--radius-xl);
  }

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

.b9e2647 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.f64dd53 {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  text-align: center;
}

.g1133 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

.o7099cd {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.i0d536 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.i0d536:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .b9e2647 {
    padding: var(--spacing-3xl) 0;
  }

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

@media (min-width: 1024px) {
  .b9e2647 {
    padding: var(--spacing-4xl) 0;
  }
}

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

.i77 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.d952921 {
  max-width: 900px;
  width: 100%;
  text-align: center;
}

.k8b0d {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.b77cc98 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  font-weight: 400;
}

.h55a59 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.m5d6 {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.j07cc8c1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.af6a4d6 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.fd05f {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  color: var(--color-primary);
  font-size: 1.75rem;
}

.j9e919 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.eb53 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
  flex-grow: 1;
}

.i10e1 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.i10e1 li {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1.5vw + 0.3rem, 0.95rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: 1.5;
}

.i10e1 li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: 700;
}

.m306d {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

.b1fd {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.ha11b0f0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.k4f63 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

.ic3 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw + 0.3rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  display: inline-block;
}

.ic3:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

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

.aadd8e {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.g08 {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.hc7 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.b3f {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: block;
  object-fit: cover;
  aspect-ratio: 4 / 3;
}

@media (min-width: 640px) {
  .i77 {
    padding: var(--spacing-4xl) var(--spacing-lg);
    min-height: 320px;
  }

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

  .j07cc8c1 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

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

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

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

@media (min-width: 1024px) {
  .i77 {
    padding: var(--spacing-4xl) var(--spacing-xl);
    min-height: 360px;
  }

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

  .j07cc8c1 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

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

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

  .hc7 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1280px) {
  .j07cc8c1 {
    grid-template-columns: repeat(2, 1fr);
  }

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

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

.kd32704 main {
  width: 100%;
}

.kd32704 .c9aee {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.kd32704 .n40 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) 0;
}

.kd32704 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.2;
}

.kd32704 .kbf {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.kd32704 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);
  font-weight: 600;
  line-height: 1.3;
}

.kd32704 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.kd32704 ul {
  margin: var(--spacing-md) 0;
  margin-left: var(--spacing-lg);
  color: var(--color-text-primary);
}

.kd32704 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

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

.kd32704 .g01adb45 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.kd32704 .g01adb45 h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.kd32704 .g01adb45 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

@media (min-width: 768px) {
  .kd32704 .n40 {
    padding: var(--spacing-3xl) 0;
  }

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

@media (min-width: 1024px) {
  .kd32704 .c9aee {
    padding: 0 var(--spacing-lg);
  }

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

.mf2f5 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

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

.c9aee {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.bb60846b {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.b654c6 {
  margin: 0 auto var(--spacing-lg);
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.e16 {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
  stroke-width: 2;
}

.o64a29 {
  stroke: var(--color-success);
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.o011f0 {
  stroke: var(--color-success);
  stroke-linecap: round;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.4s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

.hb4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.db0a73 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
}

.i91 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-2xl) 0;
  letter-spacing: 0.3px;
}

.efc63 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg) var(--spacing-md);
  margin: var(--spacing-2xl) 0;
}

.fb1 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0;
  padding: var(--spacing-sm) 0;
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
}

.a70 {
  color: var(--color-success);
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 1.1rem;
}

.p43086f {
  text-align: left;
}

.h68f3e {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.5px;
  margin-top: var(--spacing-lg);
}

.c6030 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

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

@media (min-width: 768px) {
  .b654c6 {
    width: 100px;
    height: 100px;
    margin: 0 auto var(--spacing-2xl);
  }

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

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

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

@media (min-width: 1024px) {
  .bb60846b {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

  .efc63 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    margin: var(--spacing-3xl) 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bb60846b,
  .o64a29,
  .o011f0,
  .c6030:hover {
    animation: none;
    transition: none;
    transform: none;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

.kef16e34 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.k8393e {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg);
  overflow: hidden;
  position: relative;
}

.k8393e::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, var(--color-primary-lighter) 0%, transparent 70%);
  border-radius: var(--radius-full);
  opacity: 0.3;
  pointer-events: none;
  animation: float-slow 6s ease-in-out infinite;
}

.k8393e::after {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -15%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, var(--color-accent-light) 0%, transparent 70%);
  border-radius: var(--radius-full);
  opacity: 0.25;
  pointer-events: none;
  animation: float-slow-reverse 8s ease-in-out infinite;
}

.c9aee {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  position: relative;
  z-index: 1;
}

.o33e1f {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.g1b414 {
  text-align: center;
  animation: fade-in 0.8s ease-out;
}

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

.h542 {
  position: relative;
  display: inline-block;
  margin-bottom: var(--spacing-2xl);
}

.f07a7 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: block;
  line-height: 1;
  letter-spacing: -0.02em;
  animation: scale-in 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.f9e {
  position: absolute;
  width: 100%;
  height: 8px;
  background-color: var(--color-primary);
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: var(--radius-full);
  animation: expand 0.8s ease-out 0.2s both;
  max-width: 200px;
}

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

.j7914bb h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.01em;
}

.l4fbfefb {
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  margin-bottom: var(--spacing-lg);
  letter-spacing: 0.5px;
}

.cc6 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  animation: fade-in 0.8s ease-out 0.3s both;
}

.cc6.a4f {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.3vw, 1rem);
  margin-bottom: var(--spacing-2xl);
  animation: fade-in 0.8s ease-out 0.4s both;
}

.j4b8e {
  margin: var(--spacing-2xl) 0 var(--spacing-3xl);
  display: flex;
  gap: var(--spacing-md);
  justify-content: center;
  flex-wrap: wrap;
  animation: fade-in 0.8s ease-out 0.5s both;
}

.h68f3e {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: 2px solid transparent;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  cursor: pointer;
  text-align: center;
  min-width: 200px;
}

.c6030 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.c6030:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.cb9ab28 {
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
  animation: fade-in 0.8s ease-out 0.6s both;
}

.cb9ab28 p {
  font-size: clamp(0.85rem, 1.1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-sm);
}

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

@keyframes float-slow {
  0%, 100% {
    transform: translateY(0px) translateX(0px);
  }
  50% {
    transform: translateY(30px) translateX(20px);
  }
}

@keyframes float-slow-reverse {
  0%, 100% {
    transform: translateY(0px) translateX(0px);
  }
  50% {
    transform: translateY(-30px) translateX(-20px);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes scale-in {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes expand {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: 100%;
    opacity: 1;
  }
}

@media (min-width: 640px) {
  .k8393e {
    padding: var(--spacing-2xl);
  }
  
  .f9e {
    bottom: -25px;
    max-width: 250px;
  }
  
  .j7914bb h1 {
    margin-bottom: var(--spacing-md);
  }
}

@media (min-width: 768px) {
  .k8393e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  
  .mb93 {
    margin-bottom: var(--spacing-3xl);
  }
  
  .j7914bb {
    margin-bottom: var(--spacing-3xl);
  }
  
  .f9e {
    bottom: -30px;
    max-width: 300px;
  }
  
  .j4b8e {
    margin: var(--spacing-3xl) 0 var(--spacing-4xl);
  }
  
  .h68f3e {
    min-width: 240px;
    padding: var(--spacing-md) var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .k8393e {
    padding: var(--spacing-4xl) var(--spacing-lg);
    min-height: 100vh;
  }
  
  .k8393e::before {
    width: 800px;
    height: 800px;
    top: -20%;
    right: -5%;
  }
  
  .k8393e::after {
    width: 700px;
    height: 700px;
    bottom: -15%;
    left: -10%;
  }
  
  .g1b414 {
    animation: fade-in 1s ease-out;
  }
  
  .f07a7 {
    animation: scale-in 1s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  
  .f9e {
    bottom: -35px;
    max-width: 350px;
    animation: expand 1s ease-out 0.3s both;
  }
  
  .j7914bb h1 {
    margin-bottom: var(--spacing-md);
  }
  
  .cc6 {
    animation: fade-in 1s ease-out 0.4s both;
  }
  
  .cc6.a4f {
    animation: fade-in 1s ease-out 0.5s both;
  }
  
  .j4b8e {
    margin: var(--spacing-3xl) 0 var(--spacing-4xl);
    animation: fade-in 1s ease-out 0.6s both;
  }
  
  .cb9ab28 {
    animation: fade-in 1s ease-out 0.7s both;
  }
}

@media (max-width: 480px) {
  .h542 {
    margin-bottom: var(--spacing-2xl);
  }
  
  .f9e {
    height: 6px;
    bottom: -18px;
  }
  
  .h68f3e {
    width: 100%;
    min-width: auto;
  }
}

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

.pd9 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.c10be1 {
  max-width: 1440px;
  margin: 0 auto;
  text-align: center;
}

.k81c13 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.i89 {
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .pd9 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .pd9 {
    padding: var(--spacing-4xl) var(--spacing-md);
  }
}

.a56d98 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.i36b {
  max-width: 1440px;
  margin: 0 auto;
}

.h68 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3xl);
  align-items: start;
}

@media (min-width: 768px) {
  .h68 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .a56d98 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
}

.m347 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
}

.fbb8a598 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xl) 0;
}

.ce831e {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.gb9ef {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.fb4e {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 500;
  color: var(--color-text-primary);
}

.k1ac0bdc,
.aa6 {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.k1ac0bdc::placeholder,
.aa6::placeholder {
  color: var(--color-text-muted);
}

.k1ac0bdc:focus,
.aa6:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.aa6 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.m05 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

.m05:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.m4f8b0 {
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0;
  line-height: 1.6;
}

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

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

.o9aad {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.k750ba6 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

.c93 {
  display: flex;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: box-shadow var(--transition-base);
}

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

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

.ae29ef {
  flex: 1;
}

.n24d83 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.i1b2ec {
  margin: 0 0 var(--spacing-xs) 0;
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
}

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

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

.c48967b8 {
  margin: 0;
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.l5805c {
  padding: var(--spacing-xl);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

.l444da {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.p4c {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.p321686 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

.m57 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.a787c {
  max-width: 1440px;
  margin: 0 auto;
  text-align: center;
}

.j7c9 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.p943ade {
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.ndae {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

@media (min-width: 768px) {
  .m57 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .m57 {
    padding: var(--spacing-4xl) var(--spacing-md);
  }
}

@media (max-width: 767px) {
  .h68 {
    grid-template-columns: 1fr;
  }

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

  .ce831e {
    gap: var(--spacing-md);
  }
}
.f5c1eaf4,.j4d86{
  width: 34px;
}

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

.j379{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .j379{
    max-width: 100%;
  }
}

.j379.n6dc36{
  z-index: 999;
}

.o56495ab{
  padding-top: 50px;
}

.f5c1eaf4[aria-expanded="true"]{
  display: none;
}