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

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

  --color-text-primary: #f0fdf4;
  --color-text-secondary: #86efac;
  --color-text-muted: #4ade80;

  --color-primary: #22c55e;
  --color-primary-hover: #16a34a;
  --color-primary-light: #4ade80;
  --color-secondary: #4ade80;
  --color-secondary-light: #86efac;

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --color-info: #06b6d4;

  --color-border: #334155;
  --color-border-light: #475569;

  --font-primary: 'Open Sans', sans-serif;
  --font-heading: 'Libre Baskerville', 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: 5rem;

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

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

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

  --line-height-tight: 1.25;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

button, input, textarea, select {
  font-family: var(--font-primary);
}

button {
  cursor: pointer;
  border: none;
  border-radius: var(--radius-md);
  font-size: 1rem;
  font-weight: 600;
  transition: all var(--transition-fast);
  padding: var(--spacing-md) var(--spacing-lg);
}

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

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

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

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

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

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

.l1eef:hover {
  background: rgba(34, 197, 94, 0.1);
  border-color: var(--color-primary-hover);
  color: var(--color-primary-hover);
}

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

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

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

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

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

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

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

.od19:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-lg);
}

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

.pae6fda6 {
  background: rgba(34, 197, 94, 0.2);
  color: var(--color-primary-light);
}

.d333 {
  background: rgba(74, 222, 128, 0.2);
  color: var(--color-secondary-light);
}

.b57fc412 {
  background: rgba(16, 185, 129, 0.2);
  color: var(--color-success);
}

.a293e9 {
  background: rgba(245, 158, 11, 0.2);
  color: var(--color-warning);
}

.cd064e {
  background: rgba(239, 68, 68, 0.2);
  color: var(--color-danger);
}

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

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

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

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

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

.i213 {
  display: flex;
}

.dfccaf {
  flex-direction: column;
}

.l1ec10bc {
  align-items: center;
  justify-content: center;
}

.a42571c {
  align-items: center;
  justify-content: space-between;
}

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

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

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

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

.nc0b04 {
  text-align: center;
}

.nca992 {
  text-align: right;
}

.a7405 {
  text-align: left;
}

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

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

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

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

.ibff4 {
  font-size: 0.875rem;
}

.ba7c {
  font-size: 1rem;
}

.l3f1f4 {
  font-size: 1.125rem;
}

.ec6505b1 {
  font-size: 1.25rem;
}

.h229 {
  font-size: 1.5rem;
}

.o51b {
  font-weight: 300;
}

.n897 {
  font-weight: 400;
}

.e92b6fd4 {
  font-weight: 500;
}

.ha0aa {
  font-weight: 600;
}

.f3c3dd6 {
  font-weight: 700;
}

.f5e53db9 { margin: 0; }
.m5d1fa { margin: var(--spacing-xs); }
.l12 { margin: var(--spacing-sm); }
.l270e0 { margin: var(--spacing-md); }
.j481a9e6 { margin: var(--spacing-lg); }
.c7d { margin: var(--spacing-xl); }

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

.b4cb { margin-bottom: var(--spacing-xs); }
.n08c9b2 { margin-bottom: var(--spacing-sm); }
.eab0949e { margin-bottom: var(--spacing-md); }
.c8a3b004 { margin-bottom: var(--spacing-lg); }
.mb12 { margin-bottom: var(--spacing-xl); }

.m0b89b { margin-top: var(--spacing-xs); }
.eea6 { margin-top: var(--spacing-sm); }
.mc1d820f { margin-top: var(--spacing-md); }
.jc0 { margin-top: var(--spacing-lg); }
.ob78 { margin-top: var(--spacing-xl); }

.m438 { padding: 0; }
.oc52343 { padding: var(--spacing-xs); }
.g8fc76 { padding: var(--spacing-sm); }
.mb9f4a3 { padding: var(--spacing-md); }
.g4142042 { padding: var(--spacing-lg); }
.k2f37 { padding: var(--spacing-xl); }

.cc8 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.lb2b40 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.aec486c { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }

.p2d71c1 { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.hfd1c7f { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.f4152754 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h2d2a {
  opacity: 0.5;
}

.a27e {
  opacity: 0.75;
}

.obae {
  opacity: 1;
}

.lf7bf6 {
  display: none;
}

.jb5f6 {
  display: block;
}

.i43 {
  display: inline-block;
}

.c98df {
  display: inline;
}

.c1239bfc {
  width: 100%;
}

.h88 {
  height: 100%;
}

.k5d {
  max-width: 24rem;
}

.a213305b {
  max-width: 28rem;
}

.kd4eb {
  max-width: 32rem;
}

.p335a306 {
  max-width: 36rem;
}

.ac3b {
  max-width: 42rem;
}

.nf0 {
  overflow: hidden;
}

.jb5 {
  overflow: auto;
}

.lac94 {
  list-style: none;
  padding: 0;
  margin: 0;
}

hr {
  border: none;
  border-top: 1px solid var(--color-border);
  margin: var(--spacing-lg) 0;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  padding: var(--spacing-md);
  text-align: left;
  border-bottom: 1px solid var(--color-border);
}

th {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  font-weight: 600;
}

tr:hover {
  background: rgba(34, 197, 94, 0.05);
}

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

pre {
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: 0.875rem;
  line-height: var(--line-height-relaxed);
}

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

.nbe66ce {
  width: 100%;
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .h398ed, .g2bd, .g0a3e {
    grid-template-columns: 1fr;
  }

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

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

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

.a74e1:hover {
  opacity: 0.85;
}

.cec62 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  margin-right: 0.25rem;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

.p01f52.ma7f4d1 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.n6ae31 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .e0fd {
    min-height: 75px;
  }

  .g98a31 {
    display: flex;
  }

  .b0f85e5 {
    display: block;
  }

  .ce6c4f12 {
    display: none;
  }

  .p01f52 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .e0fd {
    min-height: 80px;
    gap: 2rem;
  }

  .fdd04 {
    font-size: 1.25rem;
  }

  .cb703 {
    font-size: 1rem;
  }

  .b0f85e5 {
    font-size: 1rem;
    padding: 0.75rem 1.75rem;
  }
}

@media (max-width: 767px) {
  .p01f52 {
    padding-bottom: 2rem;
  }

  .e8b6889 {
    margin-top: auto;
  }
}

    .d06 {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.lf645 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: transparent;
  color: var(--color-accent);
  text-decoration: none;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
  display: inline-block;
}

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

.j06ad82 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: transparent;
  color: var(--color-text-primary);
  text-decoration: none;
  border: 2px solid var(--color-border);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
  display: inline-block;
}

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

.n50 {
  flex: 1 1 45%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: clamp(1rem, 2vw, 1.5rem);
  height: 100%;
  min-height: 400px;
}

.mbdbf881 {
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

.o75eb6b8 {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

.pecff {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}

.p5144 {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

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

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

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

.ed576 {
  text-align: center;
}

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

.n29 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

.me1 {
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
}

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

.ob0 .me1 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-muted);
}

.bf1b8d9 {
  flex: 1;
  padding-top: clamp(0.25rem, 1vw, 0.5rem);
}

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

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

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

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

.l7a1eb {
  text-align: center;
}

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

.aa771 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

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

.pd856a4 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
}

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

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

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

.j5c71 {
  text-align: center;
}

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

.m2426fc {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

.ibe2e8 {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

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

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

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

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

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

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

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

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

.p47 {
  text-align: center;
}

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

.e3c {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

.j4b3b9c2 {
  flex: 1 1 250px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

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

.ia0 {
  height: 3px;
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

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

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

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

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

.h89 {
  text-align: center;
}

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

.gb7 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.da5f3 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  flex-wrap: wrap;
  justify-content: center;
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

.a479b.lf7bf6 {
  display: none;
}

.k89a635 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: var(--line-height-normal);
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
}

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

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

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

.o15b5 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  background: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-weight: 600;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  cursor: pointer;
  transition: all var(--transition-base);
}

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

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

  .j932 {
    flex: 1 1 100%;
  }

  .n50 {
    flex: 1 1 100%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    min-height: 300px;
  }

  .o75eb6b8 {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
  }

  .pecff {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }

  .p5144 {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }

  .cc8e2c {
    flex-direction: column;
    align-items: stretch;
  }

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

  .da5f3 {
    flex-direction: column;
  }

  .lf81df79 {
    flex: 1 1 100%;
  }

  .i4419a {
    flex-direction: column;
    align-items: stretch;
  }

  .k7a876f9,
  .lf645,
  .j06ad82 {
    width: 100%;
    text-align: center;
  }

  .a479b {
    flex-direction: column;
    align-items: stretch;
  }

  .k89a635 {
    width: 100%;
  }

  .j18c4e {
    width: 100%;
    justify-content: stretch;
  }

  .b74,
  .o15b5 {
    flex: 1;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .a649 {
    flex-direction: column;
  }

  .j932 {
    flex: 1 1 100%;
  }

  .n50 {
    flex: 1 1 100%;
  }

  .cc8e2c {
    flex-direction: column;
  }

  .kab9 {
    max-width: 100%;
  }

  .da5f3 {
    flex-direction: column;
  }

  .i4419a {
    flex-direction: column;
  }

  .k7a876f9,
  .lf645,
  .j06ad82 {
    width: 100%;
    text-align: center;
  }
}

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

  .j932 {
    flex: 1 1 45%;
  }

  .n50 {
    flex: 1 1 45%;
  }

  .cc8e2c {
    flex-direction: row;
  }

  .kab9 {
    flex: 1 1 300px;
  }

  .da5f3 {
    flex-direction: row;
  }

  .lf81df79 {
    flex: 1 1 auto;
  }

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

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

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

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

.o6c {
  display: block;
}

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

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

.ee45d0 {
  display: block;
}

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

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

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

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

.b0a99b63 {
  display: block;
}

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

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

.mf688 {
  display: block;
}

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

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

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

.pe27324 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  margin: 0 0 0.5rem 0;
}

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

@media (min-width: 768px) {
  .kc6be {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.5rem, 5vw, 4rem);
    grid-template-areas:
      "about nav"
      "contact legal"
      "bottom bottom";
  }

  .o6c {
    grid-area: about;
  }

  .ee45d0 {
    grid-area: nav;
  }

  .b0a99b63 {
    grid-area: contact;
  }

  .mf688 {
    grid-area: legal;
  }

  .k600780 {
    grid-area: bottom;
  }
}

@media (min-width: 1024px) {
  .kc6be {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas:
      "about nav contact legal"
      "bottom bottom bottom bottom";
    gap: clamp(2.5rem, 4vw, 3rem);
  }
}

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

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

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

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Libre Baskerville', serif;
}

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

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

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

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

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

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

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

.p4f9 {
  color: var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

.f898 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
  flex: 1 1 280px;
  max-width: 380px;
  min-height: 100%;
}

.f898:nth-child(1) {
  flex: 1 1 300px;
  max-width: 420px;
}

.f898:nth-child(2) {
  flex: 1 1 280px;
  max-width: 360px;
}

.f898:nth-child(3) {
  flex: 1 1 280px;
  max-width: 360px;
}

.f898:nth-child(4) {
  flex: 1 1 280px;
  max-width: 360px;
}

.f898:hover {
  transform: translateY(-6px);
  border-color: var(--color-accent);
  box-shadow: 0 12px 24px rgba(34, 197, 94, 0.15);
}

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

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

.i525c8 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
  min-height: auto;
}

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

.lf34e5 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-border);
}

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

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

.l18cca {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: var(--color-accent);
  color: #ffffff;
  text-decoration: none;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.9375rem;
  transition: all 0.3s ease;
  width: fit-content;
  align-self: flex-start;
}

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

.l18cca::after {
  content: '';
  font-size: 1rem;
}

@media (max-width: 767px) {
  .bc17 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

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

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

  .f898:nth-child(1),
  .f898:nth-child(2),
  .f898:nth-child(3),
  .f898:nth-child(4) {
    max-width: 100%;
    flex: 1 1 100%;
  }

  .ma031256 {
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .g9b2 {
    gap: clamp(1.25rem, 2.5vw, 2rem);
  }

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

  .f898:nth-child(1) {
    flex: 1 1 calc(50% - 1rem);
    max-width: 100%;
  }

  .f898:nth-child(2) {
    flex: 1 1 calc(50% - 1rem);
    max-width: 100%;
  }

  .f898:nth-child(3) {
    flex: 1 1 calc(50% - 1rem);
    max-width: 100%;
  }

  .f898:nth-child(4) {
    flex: 1 1 calc(50% - 1rem);
    max-width: 100%;
  }
}

@media (min-width: 1024px) {
  .bc17 {
    padding: clamp(5rem, 10vw, 8rem) 0;
  }

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

  .f898 {
    flex: 1 1 auto;
  }

  .f898:nth-child(1) {
    flex: 1 1 35%;
  }

  .f898:nth-child(2) {
    flex: 1 1 28%;
  }

  .f898:nth-child(3) {
    flex: 1 1 28%;
  }

  .f898:nth-child(4) {
    flex: 1 1 28%;
  }
}

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: 'Libre Baskerville', serif;
  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: all 0.3s ease;
}

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

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

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

section {
  overflow: hidden;
}

.pb8030 {
  position: relative;
  background: var(--color-bg-primary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  min-height: 500px;
  display: flex;
  align-items: center;
}

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

.b53b7640 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.92) 0%, rgba(30, 41, 59, 0.85) 100%);
  z-index: 1;
}

.o7c70a3 {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

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

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

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

.c9d44ca6 {
  font-size: clamp(1rem, 2vw, 1.375rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  line-height: 1.5;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gc5b {
  flex: 1 1 60%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.ocb {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  font-weight: 500;
}

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

.m51004 {
  flex: 1 1 40%;
}

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

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

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

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

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

.n70e658 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  position: relative;
}

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

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

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

.m4af {
  font-size: clamp(3rem, 10vw, 6rem);
  color: var(--color-accent);
  font-weight: 700;
  opacity: 0.15;
  margin-bottom: -1rem;
  line-height: 1;
}

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

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

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

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

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

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

.a843 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.5rem;
}

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

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

.c2418 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.5rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

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

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

.m4c0 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

.bb5 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-left: 4px solid var(--color-text-muted);
  border-radius: 0.5rem;
}

.o3b2b {
  font-size: clamp(0.875rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

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

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

.ec74d6 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
}

.h9d8 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

.e5952 {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
}

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

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

.h6e2 {
  font-size: clamp(0.85rem, 1.2vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

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

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

  .h1396 {
    flex-direction: column;
  }

  .gc5b {
    flex: 1 1 100%;
  }

  .m51004 {
    flex: 1 1 100%;
  }

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

  .h26ca34a {
    margin: 0 auto;
  }

  .ia280d3 {
    flex-direction: column;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .m4af {
    font-size: clamp(2rem, 8vw, 4rem);
  }
}

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

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

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

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

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

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

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

.mc0a {
  position: relative;
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
}

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

.g3577c8b {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(30, 41, 59, 0.75) 100%);
  z-index: 2;
}

.jf6 {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gfd68 {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  line-height: 1;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g607875 + .g607875 {
  margin-top: 0.75rem;
}

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

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

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

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

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

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

.k38da8 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-accent-light);
  margin: 0;
  padding: 0.5rem 0;
  padding-left: 1rem;
  position: relative;
}

.k38da8:before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

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

.cc0f {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 2vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: var(--transition-base);
}

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

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

.i3c2cf {
  max-width: 900px;
  margin: 0 auto;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

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

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

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

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

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

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

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

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

.f144c9 {
  flex: 1 1 100%;
  max-width: 350px;
  min-width: 250px;
}

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

.h9b:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  text-decoration: none;
}

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

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

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

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

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

@media (max-width: 1023px) {
  .j2fe319,
  .e30b9eb,
  .c3e971,
  .ib32f4,
  .p9c {
    flex-direction: column;
  }

  .m535af09,
  .o246,
  .k7aeb79f,
  .d22e,
  .j06f4,
  .b5ff,
  .j85,
  .c6776136,
  .de579,
  .j44e5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

  .m665 {
    flex-direction: column;
    align-items: stretch;
  }

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

@media (max-width: 480px) {
  .naaebd7 {
    font-size: 0.8125rem;
  }

  .jf6 {
    gap: 1rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j9e74a21 {
  flex: 1 1 50%;
  max-width: 50%;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
  min-height: 300px;
}

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

.a9c {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(15, 23, 42, 0.3) 100%);
  border-radius: var(--radius-lg);
  pointer-events: none;
}

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

  .h154b,
  .j9e74a21 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

.h3d6 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

.lba9130 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
}

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

  .b67d8,
  .abc2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.b4a {
  font-size: clamp(4rem, 10vw, 8rem);
  font-weight: 900;
  color: var(--color-accent);
  opacity: 0.15;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
  z-index: 0;
}

.oa5b030 {
  flex: 1 1 50%;
  max-width: 50%;
  position: relative;
  z-index: 1;
}

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

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

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

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

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

  .oa5b030,
  .d79549 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b4a {
    font-size: 3rem;
    left: 0;
    top: -1rem;
  }
}

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

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

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

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

.f3269c {
  flex: 1 1 50%;
  max-width: 50%;
  position: relative;
  z-index: 1;
}

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

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

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

  .c8e1,
  .f3269c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.kd3e4112 {
  flex: 1 1 50%;
  max-width: 50%;
  position: relative;
  z-index: 1;
}

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

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

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

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

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

  .kd3e4112,
  .d7b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.gac {
  flex: 1 1 50%;
  max-width: 50%;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
}

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

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

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

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

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

  .gac,
  .oc2d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.m738:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
}

.p7e {
  flex-shrink: 0;
  width: clamp(120px, 15vw, 180px);
  height: clamp(80px, 10vw, 120px);
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

.l7b1 {
  flex: 1;
}

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

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

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

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

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

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

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

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

.oc5f5b {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--color-bg-primary);
}

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

.oc1c3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.75) 0%, rgba(30, 41, 59, 0.6) 100%);
  z-index: 2;
}

.oc5f5b .jd111 {
  position: relative;
  z-index: 3;
}

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

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

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

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

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

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

.p7b {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.cb5af61b {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  background: rgba(34, 197, 94, 0.15);
  color: var(--color-secondary);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 500;
}

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

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

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

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

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

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

.d0ad33 {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

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

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

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

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

.h240 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  line-height: var(--line-height-normal);
  margin: 0;
  max-width: 400px;
}

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

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

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

.e7ab67 {
  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: var(--line-height-snug);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.k7f5a081 {
  flex: 1 1 40%;
}

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

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

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

.kc4820 li {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  padding-left: 1.5rem;
  position: relative;
  line-height: var(--line-height-relaxed);
}

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

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

  .jd00f8ec {
    flex: 1 1 100%;
  }

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

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

.g27:nth-child(odd) {
  background: var(--color-bg-primary);
}

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

.g27:nth-child(even) .c8727 {
  flex-direction: row-reverse;
}

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

.k79 {
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
  min-width: 70px;
}

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

.eda9e .k79 {
  order: -1;
}

.ad8 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  line-height: var(--line-height-snug);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

  .g27:nth-child(even) .c8727 {
    flex-direction: column;
  }

  .o4a {
    flex: 1 1 100%;
  }

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

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

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

.a252cc19 {
  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: var(--line-height-snug);
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f178a {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

.l4ee1904 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  line-height: var(--line-height-snug);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.n9a2 {
  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: var(--line-height-snug);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

  .e0df1ab1 {
    flex: 1 1 100%;
  }

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

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

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

.hea075 {
  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: var(--line-height-snug);
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.e4faa {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 240px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.nf46 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  line-height: var(--line-height-snug);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c47680 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 260px;
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 0;
}

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

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

.ca7 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  line-height: var(--line-height-snug);
  margin: 0;
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

strong {
  font-weight: 600;
}

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

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

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

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

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

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

.b27dc6 {
  background: var(--color-bg-card);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 2px solid var(--color-border-light);
}

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

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

.f7518 {
  display: inline-block;
  background: var(--color-accent-light);
  color: var(--color-accent-dark);
  padding: 0.5rem 1.25rem;
  border-radius: 50px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.5px;
  align-self: center;
}

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

.ffbd4 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.5;
  font-weight: 400;
}

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

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

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

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

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

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

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

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

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

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

.je15 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: 1.7;
}

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

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

.m666 {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

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

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

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

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

.ic4765b {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 280px;
  background: var(--color-bg-primary);
  border: 2px solid var(--color-border-light);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

.ic4765b:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 20px rgba(34, 197, 94, 0.1);
  transform: translateY(-4px);
}

.m606c {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

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

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

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

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

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

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

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

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

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

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

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

.i3182329 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: 1.6;
}

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

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

.m44 {
  text-align: center;
}

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

.m75 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  line-height: 1.3;
  margin-bottom: 1rem;
  font-weight: 700;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.f6e99 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 180px;
  text-align: center;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
}

.d48093 {
  color: var(--color-accent);
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0.5rem;
}

.ifa43 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: 1.5;
  font-weight: 500;
}

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

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

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

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

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

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

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

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

.nc6d80,
.j78129 {
  width: 100%;
  max-width: 850px;
  height: auto;
  margin: 1.5rem auto 0;
  border-radius: 10px;
  object-fit: cover;
  display: block;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

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

  .n9d,
  .m7f8f,
  .b86c0,
  .nf9303d5 {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

  .ic4765b {
    flex: 1 1 100%;
  }

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

@media (min-width: 769px) {
  .n8468 {
    align-items: center;
  }

  .n9d {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .m7f8f {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .b86c0 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .nf9303d5 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

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

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

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

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

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

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

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

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

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

.p5be {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  margin: 0;
  font-style: italic;
}

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

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

.if0 {
  text-align: center;
}

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

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

.m42810e3 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 250px;
  max-width: 280px;
  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: 1rem;
  transition: all var(--transition-base);
}

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

.f0b8b727 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: auto;
}

.eb76 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  text-align: left;
  line-height: var(--line-height-snug);
}

.o1af {
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  text-align: left;
  line-height: var(--line-height-relaxed);
}

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

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

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

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

.a553ee0 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

.ee4e {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-accent);
  font-weight: 700;
  margin: 0;
  line-height: var(--line-height-snug);
}

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

.e94ac:not(:last-child) {
  margin-bottom: 0.75rem;
}

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

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

.c45bd {
  text-align: center;
}

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

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

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

.ie66643 {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.95rem);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  white-space: nowrap;
  display: inline-block;
  line-height: var(--line-height-tight);
}

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

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

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

.g5d8f {
  text-align: center;
}

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

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

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

.k09b3926 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  max-width: 350px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.b80 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.375rem 0.875rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 0.8vw, 0.875rem);
  font-weight: 600;
  width: fit-content;
  line-height: var(--line-height-tight);
}

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

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

.i7c44 {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1rem);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all var(--transition-base);
  line-height: var(--line-height-tight);
}

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

.i7c44 i {
  font-size: 0.85em;
}

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

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

.a27537d {
  background: var(--color-bg-card);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: var(--radius-xl);
  text-align: center;
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-md);
}

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

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

.lcc3 {
  display: inline-flex;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  width: fit-content;
  justify-self: center;
  align-self: center;
  line-height: var(--line-height-tight);
}

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

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

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

  .e2f42fd {
    flex-direction: column;
  }

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

  .l774 {
    flex-direction: column;
  }

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

  .b5da91a {
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .k9d {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }

  .c4b53 {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .m5c3785c {
    flex: 0 1 45%;
    max-width: 450px;
  }

  .n6f33d59 {
    flex: 1 1 55%;
    text-align: left;
    padding-left: clamp(1rem, 3vw, 2rem);
  }

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

  .l774 {
    justify-content: center;
  }

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

@media (min-width: 1024px) {
  .c4b53 {
    gap: clamp(3rem, 5vw, 4rem);
  }

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

  .m42810e3 {
    flex: 1 1 calc(25% - 1.5rem);
    max-width: 100%;
  }

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

  .k09b3926 {
    flex: 1 1 calc(50% - 1.25rem);
    max-width: 100%;
  }
}

@media (min-width: 1440px) {
  .e2f42fd {
    grid-template-columns: repeat(4, 1fr);
  }

  .m42810e3 {
    flex: 1 1 calc(25% - 1.5rem);
  }

  .l774 {
    grid-template-columns: repeat(2, 1fr);
    max-width: 1200px;
    margin: 0 auto;
  }

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

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

.i189d1 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.fbe4 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.ja652c {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.g138 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.j7c {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.o0dd {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

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

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

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

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

.p950b85 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.f049b343 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin: var(--spacing-sm) 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

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

.e1ccc {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.bed {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.ia90f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.lc80d268 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.0625rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-md);
}

.lc80d268:hover {
  background-color: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

.lc80d268:active {
  transform: scale(0.98);
}

@media (min-width: 768px) {
  .i189d1 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .j7c {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .n7474 {
    height: 240px;
  }

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

@media (min-width: 1024px) {
  .i189d1 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .j7c {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

  .n7474 {
    height: 260px;
  }

  .p7878be {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

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

@media (min-width: 1440px) {
  .j7c {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.n366e {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
  overflow: hidden;
}

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

.n366e h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.n366e p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 600px;
}

@media (min-width: 768px) {
  .n366e {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .n366e {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }
}

.obcc0 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow: hidden;
}

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

.fd0b {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .fd0b {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

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

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

.n051d8f4 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.n051d8f4:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.m55fd {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.75rem;
}

.n051d8f4 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 3vw + 0.25rem, 1.4rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-snug);
}

.n051d8f4 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.d804 {
  list-style: none;
  padding: 0;
  margin: var(--spacing-md) 0;
  flex-grow: 1;
}

.d804 li {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.2rem, 0.95rem);
  color: var(--color-text-secondary);
  padding: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-lg);
  position: relative;
  line-height: var(--line-height-snug);
}

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

.cd5c {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.25rem, 0.95rem);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 1px solid var(--color-primary);
  font-weight: 500;
  text-align: center;
  margin-top: var(--spacing-md);
}

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

.gd8 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
  overflow: hidden;
}

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

.gd8 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.gd8 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.f0b0 {
  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-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.1rem);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 1px solid var(--color-primary);
  font-weight: 600;
  display: inline-block;
}

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

@media (min-width: 768px) {
  .gd8 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .gd8 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }
}

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

.bc8 main {
  width: 100%;
}

.bc8 .jd111 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.bc8 .a461b8 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.bc8 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.bc8 .gc94a {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.bc8 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.bc8 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.bc8 ul {
  list-style: none;
  padding: 0;
  margin-bottom: var(--spacing-md);
}

.bc8 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

.bc8 li:before {
  content: "";
  color: var(--color-primary);
  position: absolute;
  left: 0;
}

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

.bc8 .f91f6 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.bc8 .f91f6 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.bc8 .f91f6 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

.bc8 .b4e5c p {
  margin-bottom: var(--spacing-sm);
}

@media (max-width: 767px) {
  .bc8 .a461b8 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
}

@media (min-width: 768px) {
  .bc8 .a461b8 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .bc8 .a461b8 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.d405548 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.ma05 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  width: 100%;
}

.jd111 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.i6286b {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.nbc {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  animation: scaleIn 0.6s ease-out;
  margin-bottom: var(--spacing-md);
}

.nbc svg {
  width: clamp(60px, 12vw, 100px);
  height: clamp(60px, 12vw, 100px);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
}

.o2bdf9 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-primary);
  font-weight: 600;
  line-height: var(--line-height-snug);
  margin: 0;
}

.f8a0e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 600px;
}

.m4fccf2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 600px;
}

.la927b25 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-md);
  margin-top: var(--spacing-lg);
}

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

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

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .d405548 {
    padding: var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .d405548 {
    padding: var(--spacing-xl);
  }

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

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

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

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

html, body {
  width: 100%;
  height: 100%;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: var(--line-height-normal);
  overflow-x: hidden;
}

main.p5cf8b {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
}

.l8b5498 {
  width: 100%;
  padding: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.a461b8 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.i94b {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.fb4a4 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.ha4a45 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.d2a {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
  letter-spacing: -2px;
  position: relative;
  z-index: 2;
}

.m4dc3 {
  position: absolute;
  width: clamp(150px, 40vw, 400px);
  height: clamp(150px, 40vw, 400px);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-full);
  opacity: 0.08;
  z-index: 1;
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

.p4f2f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.b355da5b {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: var(--line-height-snug);
  margin-bottom: var(--spacing-sm);
}

.j19e1 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 500px;
  margin: 0 auto;
}

.h2fa39 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin: var(--spacing-lg) 0;
  align-items: center;
}

.ja6a8 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-secondary);
  width: 100%;
  max-width: 400px;
  transition: all var(--transition-base);
}

.ja6a8:hover {
  background-color: var(--color-bg-tertiary);
  transform: translateX(4px);
}

.o55 {
  color: var(--color-primary);
  font-weight: 700;
  flex-shrink: 0;
}

.oa5b5 {
  text-align: left;
  flex: 1;
}

.bbd53156 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  align-items: center;
  margin-top: var(--spacing-xl);
}

.g5a {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  font-family: var(--font-primary);
  text-align: center;
  min-width: 200px;
}

.kf268 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

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

.kf268:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.ac19 {
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-muted);
  font-style: italic;
  margin-top: var(--spacing-sm);
}

@media (min-width: 640px) {
  .l8b5498 {
    padding: var(--spacing-xl);
  }

  .i94b {
    gap: var(--spacing-3xl);
    margin-bottom: var(--spacing-2xl);
  }

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

  .ja6a8 {
    width: auto;
  }
}

@media (min-width: 768px) {
  .l8b5498 {
    padding: var(--spacing-2xl);
    min-height: 100vh;
  }

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

  .d2a {
    letter-spacing: -3px;
  }

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

  .m4dc3 {
    animation: float 8s ease-in-out infinite;
  }
}

@media (min-width: 1024px) {
  .l8b5498 {
    padding: var(--spacing-3xl);
  }

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

  .i94b {
    gap: var(--spacing-4xl);
    margin-bottom: var(--spacing-3xl);
  }

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

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

  .g5a {
    min-width: 220px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .m4dc3 {
    animation: none;
    transform: none;
  }

  .ja6a8:hover {
    transform: none;
  }

  .kf268:hover {
    transform: none;
  }

  .kf268:active {
    transform: none;
  }
}

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

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

.mf8f {
  text-align: center;
}

.ibe020 {
  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-md);
  line-height: var(--line-height-tight);
}

.bebfd0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

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

.k7a {
  width: 100%;
}

.bab {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 5vw, 3.5rem);
}

@media (min-width: 768px) {
  .bab {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  .bab {
    gap: clamp(2.5rem, 6vw, 4rem);
  }
}

.dd71741 {
  background-color: var(--color-bg-card);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
}

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

.m15a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.nffa801 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.g5e3 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.25rem);
}

.l56fb5 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.j096 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.d699,
.m3f7c6 {
  width: 100%;
  padding: clamp(0.75rem, 1.5vw, 0.875rem) 1rem;
  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);
  line-height: var(--line-height-normal);
  transition: border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);
}

.d699:focus,
.m3f7c6:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.d699::placeholder,
.m3f7c6::placeholder {
  color: var(--color-text-muted);
}

.m3f7c6 {
  resize: vertical;
  min-height: clamp(100px, 15vw, 150px);
}

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

.j00013 {
  width: 100%;
  padding: clamp(0.875rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  font-weight: 600;
  letter-spacing: 0.3px;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
}

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

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

.p2fd392 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  text-align: center;
}

.mebf35 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
}

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

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

.ge33829 {
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.i76897 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.mce {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

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

.cebff9f9 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: clamp(2.5rem, 5vw, 3rem);
  height: clamp(2.5rem, 5vw, 3rem);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

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

.g01cac {
  flex: 1;
}

.b8d {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  line-height: var(--line-height-tight);
}

.e70c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  margin-bottom: var(--spacing-xs);
}

.h4a526a {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.nb0 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
}

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

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

.l2fc {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  line-height: var(--line-height-tight);
}

.jd4bf {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin-bottom: var(--spacing-md);
}

.lce1 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 0.875rem) clamp(1.25rem, 2.5vw, 1.75rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

.id5af {
  width: 100%;
}

.h15 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(2rem, 5vw, 3rem);
  line-height: var(--line-height-tight);
}

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

@media (min-width: 768px) {
  .dff3582 {
    grid-template-columns: 1fr 1fr;
  }
}

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

.c07 {
  background-color: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.m38 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.nefc {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

@media (max-width: 767px) {
  .e4b1 {
    padding: 2rem 0;
  }

  .a621 {
    padding: 2rem 0;
  }

  .n521de {
    padding: 2rem 0;
  }
}

@media (min-width: 1440px) {
  .dd71741,
  .nb54ec {
    max-width: 500px;
  }
}
.ce6c4f12,.ef48{
  width: 34px;
}

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

.p01f52{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .p01f52{
    max-width: 100%;
  }
}

.p01f52.ma7f4d1{
  z-index: 999;
}

.j43{
  padding-top: 50px;
}

.ce6c4f12[aria-expanded="true"]{
  display: none;
}