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

:root {
  --color-bg-primary: #f8f9fa;
  --color-bg-secondary: #e9ecef;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #212529;
  --color-text-secondary: #495057;
  --color-text-muted: #5f6367;

  --color-primary: #0d6efd;
  --color-primary-hover: #0b5ed7;
  --color-primary-light: #e7f1ff;
  --color-primary-lighter: #f0f6ff;
  
  --color-secondary: #6610f2;
  --color-secondary-hover: #560bd0;
  --color-secondary-light: #f3e5ff;
  --color-secondary-lighter: #f8f0ff;

  --color-success: #198754;
  --color-success-light: #d1e7dd;
  --color-success-lighter: #f1f9f6;
  
  --color-warning: #ff9800;
  --color-warning-light: #ffe0b2;
  --color-warning-lighter: #fff8f0;
  
  --color-danger: #dc3545;
  --color-danger-light: #f8d7da;
  --color-danger-lighter: #fef5f6;

  --color-border: #dee2e6;
  --color-border-light: #e9ecef;

  --font-primary: 'Figtree', sans-serif;
  --font-heading: 'Urbanist', sans-serif;

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

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

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

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

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

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

  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.02em;

  
  --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-text-on-accent: #ffffff;
}

html {
  scroll-behavior: smooth;
}

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

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

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

h1 {
  font-size: var(--font-size-5xl);
}

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

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

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

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

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

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

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

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

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

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

.mf690 {
  background: var(--color-primary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

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

.mf690:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.maecf {
  background: var(--color-secondary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

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

.maecf:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

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

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

.f52a4862 {
  background: transparent;
  color: var(--color-text-primary);
  box-shadow: none;
}

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

.dd28a {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
}

.h0a {
  padding: var(--spacing-lg) var(--spacing-xl);
  font-size: var(--font-size-lg);
}

.p04f262e {
  width: 100%;
}

.bf424 {
  background: var(--color-success);
  color: #ffffff;
}

.bf424:hover {
  background: #157347;
  transform: translateY(-2px);
}

.d21995d8 {
  background: var(--color-warning);
  color: #ffffff;
}

.d21995d8:hover {
  background: #f57c00;
  transform: translateY(-2px);
}

.he05 {
  background: var(--color-danger);
  color: #ffffff;
}

.he05:hover {
  background: #bb2d3b;
  transform: translateY(-2px);
}

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

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

input:disabled, textarea:disabled, select:disabled {
  background: var(--color-bg-secondary);
  color: var(--color-text-muted);
  cursor: not-allowed;
}

textarea {
  resize: vertical;
  min-height: 120px;
}

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

.mab {
  max-width: 640px;
}

.kbf {
  max-width: 768px;
}

.g3f9d9 {
  max-width: 1024px;
}

.cf9e {
  max-width: 1280px;
}

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

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

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

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

.jc7b00e {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.n764134 {
  font-size: var(--font-size-2xl);
  font-family: var(--font-heading);
  font-weight: 700;
}

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

.i7e017 {
  margin-top: var(--spacing-lg);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
  display: flex;
  gap: var(--spacing-md);
}

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

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

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

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

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

@media (max-width: 768px) {
  .nd4, .o62f95, .he79 {
    grid-template-columns: 1fr;
  }

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

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

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

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

.b7511eb {
  display: flex;
}

.b924 {
  flex-direction: column;
}

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

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

.je0f3 {
  justify-content: flex-start;
  align-items: center;
}

.b470ad46 {
  justify-content: flex-end;
  align-items: center;
}

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

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

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

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

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

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

.oddb { margin-top: var(--spacing-xs); }
.h9f8bb0 { margin-top: var(--spacing-sm); }
.gb3fc0f { margin-top: var(--spacing-md); }
.jd0eb3 { margin-top: var(--spacing-lg); }
.fc5f13 { margin-top: var(--spacing-xl); }
.ja9772c { margin-top: var(--spacing-2xl); }
.d40 { margin-top: var(--spacing-3xl); }
.hf821 { margin-top: var(--spacing-4xl); }

.gcf { margin-bottom: var(--spacing-xs); }
.bb26e21b { margin-bottom: var(--spacing-sm); }
.m9f8 { margin-bottom: var(--spacing-md); }
.h32 { margin-bottom: var(--spacing-lg); }
.oe5a { margin-bottom: var(--spacing-xl); }
.dcc7969 { margin-bottom: var(--spacing-2xl); }
.o554e { margin-bottom: var(--spacing-3xl); }
.g41ada { margin-bottom: var(--spacing-4xl); }

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

.ef9fe0 { padding: var(--spacing-xs); }
.bb0fa { padding: var(--spacing-sm); }
.c4475d8 { padding: var(--spacing-md); }
.b14f { padding: var(--spacing-lg); }
.j7e { padding: var(--spacing-xl); }
.pd14f { padding: var(--spacing-2xl); }

.n902 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.lb1326fb { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }

.j645 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.p6f602 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }

.d874256 { font-size: var(--font-size-xs); }
.k49 { font-size: var(--font-size-sm); }
.a1eec69 { font-size: var(--font-size-base); }
.ge86a { font-size: var(--font-size-lg); }
.n64e85d { font-size: var(--font-size-xl); }
.la9aaf { font-size: var(--font-size-2xl); }
.aa926 { font-size: var(--font-size-3xl); }

.j9eb54de { font-weight: 400; }
.h0ce { font-weight: 500; }
.g19c6 { font-weight: 600; }
.n2e7 { font-weight: 700; }

.g9d5 { color: var(--color-text-primary); }
.hfdef22 { color: var(--color-text-secondary); }
.je270a { color: var(--color-text-muted); }

.n0a6 { color: var(--color-primary); }
.p4e7 { color: var(--color-secondary); }
.m3c1 { color: var(--color-success); }
.j796 { color: var(--color-warning); }
.cc0e { color: var(--color-danger); }

.b5d1b51a { text-align: center; }
.g3a50 { text-align: left; }
.f0e280 { text-align: right; }

.p8e249 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.j1640 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.fb6f0 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.a7f470 { opacity: 0.5; }
.k6d66218 { opacity: 0.75; }
.i9a06 { opacity: 1; }

.m6d { border-radius: var(--radius-sm); }
.j04 { border-radius: var(--radius-md); }
.b13e501e { border-radius: var(--radius-lg); }
.ea4689 { border-radius: var(--radius-xl); }
.m9bc8a { border-radius: var(--radius-2xl); }
.d5c { border-radius: var(--radius-full); }

.j063 { box-shadow: var(--shadow-xs); }
.h952 { box-shadow: var(--shadow-sm); }
.p5b { box-shadow: var(--shadow-md); }
.b39ac { box-shadow: var(--shadow-lg); }
.ff2d { box-shadow: var(--shadow-xl); }
.gcfc { box-shadow: var(--shadow-2xl); }

.j22c24b5 { background: var(--color-bg-primary); }
.j3dc11f { background: var(--color-bg-secondary); }
.e523de { background: var(--color-bg-tertiary); }
.f156 { background: var(--color-bg-card); }

.a2e4f { background: var(--color-primary-light); }
.pca13cba { background: var(--color-primary-lighter); }
.h97 { background: var(--color-secondary-light); }
.a039 { background: var(--color-secondary-lighter); }
.beda { background: var(--color-success-light); }
.a91f { background: var(--color-success-lighter); }
.m61f { background: var(--color-warning-light); }
.l9f5ffa { background: var(--color-warning-lighter); }
.ded5a { background: var(--color-danger-light); }
.l92f65c6 { background: var(--color-danger-lighter); }

.n215f { border: 1px solid var(--color-border); }
.h7e866 { border: 1px solid var(--color-border-light); }
.j5e4d58 { border-top: 1px solid var(--color-border); }
.i046c1 { border-bottom: 1px solid var(--color-border); }

.o1a5bc { width: 100%; }
.g22 { height: 100%; }
.b6cc7084 { max-width: 100%; }

.e070 { display: none; }

.l48ae { overflow: hidden; }
.o5fa79 { overflow: auto; }

.eb33d9 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  font-weight: 600;
  background: var(--color-primary-light);
  color: var(--color-primary);
}

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

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

.o4e9bb {
  background: var(--color-warning-light);
  color: #856404;
}

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

.l3a {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid;
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.k514 {
  background: var(--color-success-lighter);
  border-color: var(--color-success);
  color: var(--color-success);
}

.bcc {
  background: var(--color-warning-lighter);
  border-color: var(--color-warning);
  color: #856404;
}

.m93f9 {
  background: var(--color-danger-lighter);
  border-color: var(--color-danger);
  color: var(--color-danger);
}

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

.p6b3618d {
  list-style: none;
}

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

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

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

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

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

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

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

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

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

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

pre {
  background: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin: var(--spacing-lg) 0;
}

pre code {
  background: transparent;
  padding: 0;
  color: var(--color-text-primary);
}

.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: 640px) {
  .m74 {
    padding: 0 var(--spacing-md);
  }

  .nd4, .o62f95, .he79 {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
* {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bcd2 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
  box-shadow: var(--shadow-sm);
}

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

.fb3 {
  display: flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
  gap: 0.75rem;
}

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

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

.fb3:hover .je8 {
  color: var(--color-accent);
  transition: color var(--transition-fast) ease;
}

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

.o40a {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all var(--transition-fast) ease;
  position: relative;
  padding-bottom: 4px;
}

.o40a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--color-accent);
  transition: width var(--transition-fast) ease;
}

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

.o40a:hover::after {
  width: 100%;
}

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

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

.a818fc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 32px;
  height: 28px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  flex-shrink: 0;
}

.m58fd1 {
  width: 100%;
  height: 3px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-fast) ease;
}

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

.fd42c {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base) ease;
  z-index: 99;
  overflow-y: auto;
  padding-top: clamp(70px, 12vh, 90px);
}

.fd42c.p492428 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.f2b18aa3 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: clamp(70px, 12vh, 90px);
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 clamp(1rem, 3vw, 2rem);
  z-index: 100;
}

.cdc2ce9 {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.75rem;
  color: var(--color-text-primary);
  padding: 0.5rem;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-fast) ease;
}

.cdc2ce9:hover {
  color: var(--color-accent);
  transform: rotate(90deg);
}

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

.p13a5 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  padding: clamp(0.875rem, 2vw, 1.25rem) 0;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-fast) ease;
}

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

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

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

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

  .i55a {
    display: block;
  }

  .a818fc {
    display: none;
  }

  .fd42c {
    display: none !important;
  }
}

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

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

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

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

.h59facde {
  text-align: center;
}

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

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

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

.b5687 {
  flex: 1 1 50%;
  min-height: 300px;
}

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

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

.p8ac,
.n32cc {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: cover;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

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

.ef8d,
.h8dd {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: var(--transition-base);
  cursor: pointer;
}

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

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

.h8dd {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-primary);
}

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

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

  .b5687 {
    flex: 1 1 100%;
  }

  .m12a05 {
    flex: 1 1 100%;
  }

  .d22 {
    max-height: 350px;
  }
}

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

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

.j04e5 {
  text-align: center;
}

.fed4e0 {
  display: inline-block;
  background: var(--color-primary-light);
  color: var(--color-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

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

.dc1a1016 {
  flex: 1 1 55%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.e66 {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  border-radius: var(--radius-md);
}

.ia5 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.875rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.fe9 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-base);
  display: inline-block;
  margin-top: 0.5rem;
}

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

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

.h982c {
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.o4569 {
  width: 100%;
  height: auto;
  max-height: 150px;
  object-fit: cover;
  border-radius: var(--radius-sm);
}

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

.c442673a {
  font-size: clamp(0.85rem, 1.5vw + 0.4rem, 0.975rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-snug);
}

.f6c7 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-base);
  align-self: flex-start;
}

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

.b59001 {
  text-align: center;
  padding-top: 1rem;
}

.n9c76 {
  display: inline-block;
  padding: 0.75rem 2rem;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-base);
}

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

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

  .dc1a1016 {
    flex: 1 1 100%;
  }

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

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

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

.pa4 {
  text-align: center;
}

.d028a1 {
  display: inline-block;
  background: var(--color-danger-lighter);
  color: var(--color-danger);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

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

.pb8d5fb2,
.fb9b {
  flex: 1 1 45%;
  max-width: 500px;
  background: var(--color-bg-card);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.i891693 {
  font-size: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: var(--radius-lg);
}

.pb8d5fb2 .g10a9209 {
  background: var(--color-danger-lighter);
  color: var(--color-danger);
}

.fb9b .ec8dbcef {
  background: var(--color-success-lighter);
  color: var(--color-success);
}

.h20 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.bbb {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

  .pb8d5fb2,
  .fb9b {
    flex: 1 1 100%;
  }
}

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

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

.h7f37c73 {
  text-align: center;
}

.ie882 {
  display: inline-block;
  background: var(--color-success-lighter);
  color: var(--color-success);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

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

.j9e871b8 {
  flex: 1 1 calc(50% - 1rem);
  max-width: 350px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

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

.b9bf {
  font-size: 2.5rem;
  color: var(--color-primary);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary-lighter);
  border-radius: var(--radius-md);
}

.e30 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.c888 {
  text-align: center;
}

.je6db3c {
  display: inline-block;
  background: var(--color-secondary-lighter);
  color: var(--color-secondary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

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

.p7b {
  flex: 1 1 calc(50% - 1rem);
  max-width: 380px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  position: relative;
  transition: var(--transition-base);
}

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

.gf49 {
  font-size: 3.5rem;
  font-weight: 900;
  color: var(--color-primary-lighter);
  line-height: 1;
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  opacity: 0.7;
}

.a54dfd {
  font-size: clamp(1.15rem, 2.5vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-right: 2rem;
}

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

.gd90858 {
  font-size: 2rem;
  color: var(--color-secondary);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-secondary-lighter);
  border-radius: var(--radius-md);
  align-self: flex-start;
}

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

  .gf49 {
    font-size: 2.5rem;
  }
}

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

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

.ieea {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

.hc1fe {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.lc6 {
  font-size: clamp(0.85rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

.e0d751 {
  width: 2px;
  height: 60px;
  background: var(--color-border-light);
}

.n19774 {
  text-align: center;
}

.i5a576 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: var(--line-height-relaxed);
}

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

  .e0d751 {
    display: none;
  }

  .m3c {
    width: 100%;
  }
}

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

.fd9bde {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

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

.obbc {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ee8 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  max-width: 600px;
  margin: 0;
  line-height: var(--line-height-relaxed);
  opacity: 0.95;
}

.lac0c12 .ef8d {
  background: var(--color-accent);
  margin-top: 0.5rem;
}

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

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

.c65b.e070 {
  display: none;
}

.p140 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 0.95rem);
  flex: 1 1 auto;
  min-width: 200px;
  text-align: center;
}

.e5288e {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

.kc90e,
.nc02716 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  transition: var(--transition-base);
  white-space: nowrap;
}

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

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

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

.nc02716:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.05);
}

@media (max-width: 768px) {
  .c65b {
    padding: 1rem;
    gap: 1rem;
  }

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

  .e5288e {
    flex: 1 1 100%;
    order: 2;
    width: 100%;
  }

  .kc90e,
  .nc02716 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

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

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

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

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: var(--font-primary);
}

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

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

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

.a4357964 {
  max-width: 420px;
}

.a4357964 h3,
.ie1ccd31 h3,
.k2bdfc h3,
.cf537d2 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  letter-spacing: var(--letter-spacing-tight);
}

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

.a4357964 p {
  margin: 0;
}

.bf901b {
  margin: 0.5rem 0;
  font-style: normal;
}

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

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

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

.p518a3 .h21c,
.k25c1e0 .h21c {
  padding-bottom: 2px;
}

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

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

.e2ca {
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  color: var(--color-text-muted);
  margin: 0;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .a4357964 {
    grid-column: 1;
    max-width: 100%;
  }

  .ie1ccd31 {
    grid-column: 2;
  }

  .k2bdfc {
    grid-column: 3;
  }

  .cf537d2 {
    grid-column: 1 / -1;
    border-top: 1px solid var(--color-border-light);
    padding-top: clamp(1.5rem, 3vw, 2rem);
  }

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

  .k25c1e0 li {
    flex: 0 0 auto;
  }

  .i0d4ce {
    grid-column: 1 / -1;
    padding-top: clamp(1.5rem, 3vw, 2rem);
    border-top: 1px solid var(--color-border-light);
  }
}

@media (min-width: 1024px) {
  .ke4b5 {
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
  }

  .a4357964 {
    grid-column: 1;
  }

  .ie1ccd31 {
    grid-column: 2;
  }

  .k2bdfc {
    grid-column: 3;
  }

  .cf537d2 {
    grid-column: 4;
    border-top: none;
    padding-top: 0;
  }

  .k25c1e0 {
    flex-direction: column;
    gap: clamp(0.625rem, 1.5vw, 0.875rem);
  }

  .i0d4ce {
    grid-column: 1 / -1;
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }
}

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

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

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

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

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

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

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

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

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

.l832a7 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto;
}

.d855 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding-top: 1rem;
}

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

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

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

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

.odb9 {
  text-align: center;
}

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

.mbd {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
}

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

.n8a6347 {
  flex: 1 1 clamp(280px, 100%, 420px);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.n8a6347:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
  border-color: var(--color-accent);
}

.jfc33 {
  order: 2;
}

.me91069f {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}

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

.n3b179 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  order: 4;
  padding: 1rem 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

.i91aa {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.85rem);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.i91aa i {
  color: var(--color-accent);
  width: 14px;
  text-align: center;
  font-size: 0.85em;
}

.g70 {
  color: var(--color-accent);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  padding: 0.5rem 0;
  order: 5;
  transition: all 0.3s ease;
}

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

[data-post-image] {
  width: 100%;
  height: auto;
  max-height: 220px;
  object-fit: cover;
  border-radius: 6px;
  order: 1;
  margin-bottom: 0.5rem;
}

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

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

  .b990 {
    gap: 1.5rem;
  }
}

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

  .b990 {
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  .n8a6347 {
    flex: 1 1 calc(25% - 1.875rem);
  }

  .b990 {
    justify-content: center;
  }
}

@media (min-width: 1440px) {
  .n8a6347 {
    flex: 1 1 calc(25% - 1.875rem);
  }
}

.h1394243 {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .d2ed9f,
    .gaa886 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .c9dc10 {
      gap: 1rem;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .k900cf9 {
    flex: 1;
  }

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

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

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

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

    .me388de,
    .adf1e {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

    .m2867e,
    .o6c {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

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

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

    .m95c9,
    .a77 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

  .o8a4fd97 {
    flex: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

  .p7d {
    flex-shrink: 0;
  }

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

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

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

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

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

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

  .ic4edc {
    font-size: clamp(0.875rem, 1vw, 1rem);
    color: var(--color-text-secondary);
    font-weight: 500;
    margin: 0;
  }

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

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

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

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

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

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

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

  .c13e7b8 {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
    align-items: flex-start;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 2vw, 2rem);
    border-radius: var(--radius-lg);
    transition: all 0.3s ease;
  }

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

  .k72f2 {
    flex-shrink: 0;
    width: clamp(100px, 15vw, 180px);
    height: clamp(100px, 15vw, 180px);
  }

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

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

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

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

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

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

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

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

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

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

  a {
    transition: all 0.3s ease;
  }

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

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

.o349 {
    width: 100%;
  }

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

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

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

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

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

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

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

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

  .o3f4 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  }

  .j03b5 {
    background: var(--color-primary-light);
    color: var(--color-text-on-accent);
    padding: 0.375rem 0.75rem;
    border-radius: var(--radius-md);
    font-weight: 600;
  }

  .l422,
  .h7085c7,
  .nec63 {
    color: var(--color-text-secondary);
  }

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

  .ib0 {
    font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.25rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin-bottom: 1.5rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mbcd {
    flex: 1 1 auto;
  }

  .pb3cbc {
    font-size: clamp(1.125rem, 2vw, 1.5rem);
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-weight: 700;
    margin-bottom: 0.75rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .o16ea {
    margin-top: 2rem;
  }

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

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

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

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

  .d3e {
    flex-shrink: 0;
  }

  .na169cca {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-full);
    object-fit: cover;
    display: block;
    border: 3px solid var(--color-border-light);
  }

  .o3c49 {
    flex: 1 1 auto;
  }

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

  .la361 {
    font-size: clamp(1.125rem, 2vw, 1.5rem);
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-weight: 700;
    margin-bottom: 0.25rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

  .n77 {
    display: flex;
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
    align-items: flex-start;
    text-decoration: none;
    transition: all 0.3s ease;
    padding: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-card);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
  }

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

  .ca91fe {
    flex-shrink: 0;
    width: clamp(120px, 15vw, 150px);
    height: clamp(90px, 11vw, 112px);
    border-radius: var(--radius-md);
    overflow: hidden;
  }

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

  .ge1cd48 {
    flex: 1 1 auto;
  }

  .mda7ea1 {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-weight: 700;
    line-height: var(--line-height-snug);
    margin-bottom: 0.5rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  @media (max-width: 768px) {
    .decfd99,
    .j408a85f,
    .j43,
    .a564583f,
    .jc1e98,
    .obdba182 {
      flex-direction: column;
    }

    .ie827a,
    .l512a,
    .c020770d,
    .j77e96,
    .c6e,
    .c570f6ee,
    .p4fedf,
    .ge57,
    .c454bca9,
    .k4cd,
    .e3b2,
    .d04 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .p4fedf,
    .e3b2 {
      order: 0;
    }

    .n77 {
      flex-direction: column;
    }

    .ca91fe {
      width: 100%;
      height: auto;
    }
  }

  @media (min-width: 769px) and (max-width: 1023px) {
    .p88,
    .o0775b,
    .i775,
    .f44d,
    .lca5b76,
    .g8a1ea,
    .mbde3ca,
    .edaeabe {
      font-size: clamp(1.5rem, 4vw, 2.25rem);
    }
  }

  @media (min-width: 1024px) {
    .decfd99,
    .j408a85f,
    .j43,
    .a564583f,
    .jc1e98,
    .obdba182 {
      gap: clamp(3rem, 5vw, 5rem);
    }
  }

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

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

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

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

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

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

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

code {
  background: var(--color-bg-secondary);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  font-size: 0.9em;
  color: var(--color-accent);
}

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

.h42 {
  position: relative;
  z-index: 2;
}

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

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

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

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

.i1f64 {
  position: relative;
  z-index: 3;
  max-width: 800px;
}

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

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

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

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

.ea9 i {
  color: var(--color-accent);
  font-size: 1.1em;
}

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

@media (max-width: 768px) {
  .dd3 {
    position: static;
    width: 100%;
    height: auto;
    min-height: 250px;
    margin-top: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

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

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

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

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

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

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

  .i0c41225,
  .kde {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.n6f6da0b {
  background: var(--color-bg-secondary);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  font-family: monospace;
  color: var(--color-accent);
  font-size: 0.9em;
}

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

.c96222a {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  padding-left: 0;
}

.c96222a::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--color-accent);
  border-radius: 50%;
  margin-top: 0.5em;
  flex-shrink: 0;
}

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

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

  .l97f405,
  .e90cd0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.c23d3 {
  color: var(--color-text-primary);
  display: block;
  margin-bottom: 0.5rem;
}

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

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

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

  .l20,
  .n30 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.o4bb i {
  color: var(--color-success);
  font-size: 1.3em;
  flex-shrink: 0;
}

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

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

  .n0a991,
  .d7f7991 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.l39 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-sm);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all 0.3s ease;
}

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

.h85ab {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
}

.h85ab i {
  color: var(--color-accent);
  font-size: 1.4em;
}

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

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

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

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

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

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

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

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

.md0 {
  flex: 1;
}

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

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

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

.da49e93 {
  background: var(--color-success-light);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

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

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

.pde {
  flex: 1;
}

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

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

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

  .e6c {
    font-size: 1.5rem;
  }
}

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

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

.fb16e1 {
  flex-shrink: 0;
}

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

.g7f1051 {
  flex: 1;
}

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

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

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

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

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

  .fb16e1 img {
    width: 100px;
    height: 100px;
  }
}

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

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

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

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

.o9f {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

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

.a3b8df {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.bd3c6095 i {
  color: var(--color-primary);
  font-size: 1rem;
}

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

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

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

  .h70b,
  .cd8c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .db9c5 {
    gap: 1rem;
  }
}

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

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

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

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

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

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

.kaeb2a9e {
  font-size: 2rem;
  color: var(--color-primary);
}

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

.k4557545 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-relaxed);
  padding-left: 1.5rem;
  margin: 0;
  list-style: none;
}

.k4557545 li {
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

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

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

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

.ge9d4,
.e267,
.g63049,
.mf0802,
.j8a005 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ge9d4,
.g63049,
.j8a005 {
  background: var(--color-bg-primary);
}

.e267,
.mf0802 {
  background: var(--color-bg-secondary);
}

.b5ec,
.gd01,
.d950fc,
.ec82c,
.n557defd {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

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

.k0954abd,
.nb91de,
.d7f,
.pd8a5,
.d140b3a2 {
  flex: 1 1 50%;
  max-width: 50%;
}

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

.j851,
.e12,
.g566,
.j9fa,
.f401e {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-snug);
  margin: 0;
}

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

.l2c55c {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

.h805d {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-relaxed);
  padding-left: 1.5rem;
  margin: 0;
  list-style: none;
}

.h805d li {
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

.l7f2206 li {
  margin-bottom: 0.75rem;
}

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

.f52953e {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.b05 {
  font-size: 1.75rem;
}

.b05 i:first-child {
  color: var(--color-success);
}

.f52953e:nth-child(2) .b05 i:first-child {
  color: var(--color-warning);
}

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

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

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

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

.l246ec36 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-relaxed);
  padding-left: 1.5rem;
  margin: 0;
  list-style: none;
}

.l246ec36 li {
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
  position: relative;
}

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

@media (max-width: 768px) {
  .b5ec,
  .gd01,
  .d950fc,
  .ec82c,
  .n557defd {
    flex-direction: column;
  }

  .if4f53,
  .b72e9f,
  .n52d53,
  .o6e5,
  .hf6b,
  .k0954abd,
  .nb91de,
  .d7f,
  .pd8a5,
  .d140b3a2 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .p4f78324 {
    flex-direction: column;
  }

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

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

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

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

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

.kd55b {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-primary);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

.l01 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  max-width: 600px;
  width: 100%;
}

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

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

.l414 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.m441 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: row;
  gap: 0;
  transition: all 0.3s ease;
}

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

.h7642d6a {
  flex: 0 0 35%;
  min-height: 200px;
  overflow: hidden;
}

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

.b655b {
  flex: 1;
  padding: clamp(1.5rem, 2vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
}

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

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

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

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

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

  .h7642d6a {
    flex: 1;
    min-height: 220px;
  }
}

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

.c40 {
  display: inline-block;
  background: var(--color-secondary);
  color: var(--color-text-on-accent);
  padding: clamp(0.4rem, 1vw, 0.6rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.5px;
  width: fit-content;
  margin: 0 auto;
}

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

.pa6cd {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

.f22df {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: fit-content;
  margin: 0 auto;
}

.g19 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  line-height: 1.3;
}

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

.n305 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  margin-top: clamp(1rem, 2vw, 2rem);
}

.pe98 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.cd92e140 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 600;
}

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

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

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

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

.ic99 {
  display: inline-block;
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: fit-content;
  margin: 0 auto;
}

.i36 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  line-height: 1.3;
  font-weight: 700;
}

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

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

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

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

.lf7af6 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.5rem;
}

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

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

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

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

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

.hd14 {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: fit-content;
  margin: 0 auto;
}

.e5538 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  line-height: 1.3;
  font-weight: 700;
}

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

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

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

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

.n9b3128d {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  line-height: 1;
}

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

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

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

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

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

.a8a {
  display: inline-block;
  color: var(--color-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: fit-content;
  margin: 0 auto;
}

.f9f18a5 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  line-height: 1.3;
  font-weight: 700;
}

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

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

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

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

.jc9bf30 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
}

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

.k60f9d {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 600;
}

.n5bf9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  line-height: 1.7;
  margin-left: calc(clamp(1.25rem, 2vw, 1.5rem) + 0.75rem);
}

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

  .pe98 {
    border-left: 4px solid var(--color-accent);
  }

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

  .p0c6da {
    min-width: 50px;
    width: 50px;
    height: 50px;
  }

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

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

@media (min-width: 769px) and (max-width: 1024px) {
  .m658d59 {
    justify-content: center;
  }

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

@media (min-width: 1025px) {
  .pece {
    gap: 2rem;
  }

  .m658d59 {
    justify-content: center;
  }

  .p079f54 {
    flex: 1 1 calc(33.333% - 1.33rem);
    max-width: 100%;
  }
}

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

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

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

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

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

.a0a7 {
  width: 100%;
  max-width: 600px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

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

.i2681 {
  display: inline-block;
  background: var(--color-primary-lighter);
  color: var(--color-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: 1rem;
}

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

.l02373 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.2rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: 2.5rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.b85e {
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .ja3ab {
    flex-direction: row;
    align-items: center;
    gap: clamp(2rem, 5vw, 4rem);
  }

  .a0a7 {
    flex: 1 1 45%;
    max-width: none;
    min-height: 300px;
    max-height: 450px;
  }

  .mb9 {
    flex: 1 1 55%;
    text-align: left;
  }

  .i2681 {
    display: inline-block;
  }

  .ie09a40c {
    margin-bottom: 1.5rem;
  }

  .l02373 {
    margin-left: 0;
    margin-right: 0;
  }

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

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

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

.k11 {
  text-align: center;
}

.m10a {
  display: inline-block;
  background: var(--color-secondary-lighter);
  color: var(--color-secondary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: 1rem;
}

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

.n37 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
}

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

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

.m522470 {
  flex-shrink: 0;
  width: clamp(60px, 10vw, 100px);
  height: clamp(60px, 10vw, 100px);
  background: var(--color-primary-lighter);
  color: var(--color-primary);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  line-height: 1;
}

.d2bc {
  flex: 1;
}

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

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

@media (min-width: 768px) {
  .ib00068 {
    gap: clamp(2.5rem, 5vw, 3.5rem);
  }

  .md5 {
    padding: clamp(2.5rem, 4vw, 3.5rem);
  }
}

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

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

.oc9f7e {
  text-align: center;
}

.keb8f6 {
  display: inline-block;
  background: var(--color-accent-light);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: 1rem;
}

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

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

.m1b15 {
  flex: 1 1 clamp(250px, 30%, 350px);
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  text-align: center;
  transition: var(--transition-base);
}

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

.je4e75 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-primary);
  margin-bottom: 1.25rem;
  display: inline-block;
}

.e94427 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1rem;
  line-height: var(--line-height-snug);
}

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

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

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

.h40d {
  text-align: center;
}

.j9689f {
  display: inline-block;
  background: var(--color-primary-lighter);
  color: var(--color-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: 1rem;
}

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

.dc766b4c {
  background: var(--color-primary-lighter);
  border-left: 4px solid var(--color-primary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-md);
  text-align: center;
  margin: 0 auto;
  max-width: 800px;
}

.f94d0f {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-primary);
  font-weight: 600;
  line-height: var(--line-height-relaxed);
  margin-bottom: 1.5rem;
  font-style: italic;
}

.p4d {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-primary);
  font-weight: 500;
}

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

.e11 {
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 4vw, 2.5rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
}

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

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

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

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

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

.md86 {
  text-align: center;
}

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

.h05 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
}

.f23 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 4vw, 3.5rem);
  border-radius: var(--radius-lg);
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

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

.c1e23ed9 {
  background: var(--color-bg-card);
  padding: clamp(2.5rem, 4vw, 4rem);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-md);
  max-width: 700px;
  width: 100%;
}

.e9af9 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin-bottom: 1.25rem;
}

.aa7d3b {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: 2rem;
}

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

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

.mf2 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
  width: 100%;
  max-width: 600px;
}

.a6b56b {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

@media (min-width: 768px) {
  .f2e114 {
    flex-direction: row;
    gap: clamp(2.5rem, 5vw, 4rem);
    align-items: stretch;
  }

  .c1e23ed9 {
    flex: 1 1 45%;
  }

  .mf2 {
    flex: 1 1 55%;
    justify-content: center;
  }

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

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

.c2cf {
  width: 100%;
}

.ceac583 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.jc0 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

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

.l69b {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  margin: 0;
  line-height: var(--line-height-normal);
}

.i3ff7b {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.pa11543 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-md);
  overflow: hidden;
  transition: all var(--transition-base);
}

.pa11543:hover {
  border-color: var(--color-border);
  box-shadow: var(--shadow-sm);
}

.e8f314c7 {
  width: 100%;
  background: none;
  border: none;
  padding: var(--spacing-lg);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  text-align: left;
  transition: background-color var(--transition-base);
}

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

.lbf {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  line-height: var(--line-height-snug);
  flex: 1;
}

.o917f {
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  flex-shrink: 0;
  transition: transform var(--transition-base);
  line-height: 1;
}

.e8f314c7[aria-expanded="true"] .o917f {
  transform: rotate(45deg);
}

.jb6e {
  background-color: var(--color-bg-secondary);
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
  max-height: 500px;
  overflow: hidden;
  animation: slideDown var(--transition-base) ease-out;
}

.jb6e[hidden] {
  display: none;
}

.jb6e p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

.i563c5f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.f6257a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-normal);
}

.c28eaf78 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-lg);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
}

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

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

@media (min-width: 640px) {
  .ceac583 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

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

  .i563c5f {
    padding: var(--spacing-5xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ceac583 {
    padding: var(--spacing-5xl) var(--spacing-2xl);
  }

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

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

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

  .i563c5f {
    padding: 6rem var(--spacing-2xl);
  }
}

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

.i99a9 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.l23 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

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

.ief4c {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.kdfa {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
}

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

.k7b9bfb6 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-4xl);
}

.h7871902 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl) var(--spacing-lg);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

.h7871902:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.ncaaa1 {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.b4a990 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.f908 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.m1346e {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.m1346e li {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: var(--line-height-snug);
}

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

.f352d {
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl) var(--spacing-lg);
  border-left: 4px solid var(--color-primary);
}

.l66 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.a20335f9 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
}

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

.mef {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

.d9f74 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.gfb1c8 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.eebb {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-normal);
}

.eebb:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 640px) {
  .i99a9 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

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

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

@media (min-width: 768px) {
  .i99a9 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

  .k7b9bfb6 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .i99a9 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

  .k7b9bfb6 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

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

@media (min-width: 1200px) {
  .k7b9bfb6 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@supports (display: grid) {
  .k7b9bfb6 {
    display: grid;
  }
}

@supports not (display: grid) {
  .k7b9bfb6 {
    display: flex;
    flex-direction: column;
  }
}

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

.b90e31 .m74 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.b90e31 .o127ab1 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.b90e31 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

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

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

.b90e31 .o5ae {
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  font-style: italic;
}

.b90e31 ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
}

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

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

.b90e31 .ed9089 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
}

.b90e31 .ed9089 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.b90e31 .ed9089 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

@media (min-width: 768px) {
  .b90e31 .o127ab1 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .b90e31 .o127ab1 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

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

main.o3e589 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kca {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

@media (min-width: 768px) {
  .kca {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .kca {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.m74 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

@media (min-width: 768px) {
  .m74 {
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .m74 {
    padding: 0 var(--spacing-xl);
  }
}

.o127ab1 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.m7be9 {
  text-align: center;
  animation: slideUp 0.6s ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.gc2f55a6 {
  width: clamp(60px, 12vw, 100px);
  height: clamp(60px, 12vw, 100px);
  margin: 0 auto var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  animation: scaleIn 0.6s ease-out 0.1s both;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.gc2f55a6 svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-tight);
  animation: slideUp 0.6s ease-out 0.15s both;
}

h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3.5vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-snug);
  animation: slideUp 0.6s ease-out 0.2s both;
}

.ed3737 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xl);
  animation: slideUp 0.6s ease-out 0.25s both;
}

.ba1 {
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
  border-left: 4px solid var(--color-success);
  animation: slideUp 0.6s ease-out 0.3s both;
}

.a2b162e {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  line-height: var(--line-height-normal);
}

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

.mb9d04c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: var(--color-success-light);
  color: var(--color-success);
  border-radius: var(--radius-full);
  font-weight: 700;
  font-size: var(--font-size-sm);
  flex-shrink: 0;
}

.ne25d2d {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-2xl);
  padding: var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  animation: slideUp 0.6s ease-out 0.35s both;
}

.id7 {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(2rem, 4vw, 2.75rem);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  letter-spacing: var(--letter-spacing-normal);
  animation: slideUp 0.6s ease-out 0.4s both;
}

.mf690 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.mf690:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .m7be9 {
    padding: var(--spacing-lg) 0;
  }
}

@media (min-width: 1024px) {
  .m7be9 {
    padding: var(--spacing-2xl) 0;
  }

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

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

.g5c {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.h293161 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  overflow: hidden;
}

.m74 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.o127ab1 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.je945a4d {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-2xl);
  text-align: center;
}

.f10 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.i61dbb49 {
  color: var(--color-danger);
  animation: float 3s ease-in-out infinite;
  opacity: 0.9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.h82 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
}

.l50e8c17 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 900;
  letter-spacing: var(--letter-spacing-wide);
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
}

.e084e72 {
  width: clamp(60px, 20vw, 120px);
  height: 3px;
  background-color: var(--color-accent);
  border-radius: var(--radius-full);
  animation: expandCollapse 2s ease-in-out infinite;
}

.lb1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin: var(--spacing-lg) 0;
}

.lcabc5 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: var(--letter-spacing-normal);
}

.m05 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.a4a5 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed);
  margin: 0;
  font-style: italic;
}

.id7 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  text-align: center;
  margin-top: var(--spacing-md);
}

.mf690 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

.db498 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: var(--spacing-md);
  margin-top: var(--spacing-3xl);
  padding: var(--spacing-2xl) var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
}

.lcfa1d {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  transition: var(--transition-base);
}

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

.me92b {
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.85;
  transition: var(--transition-base);
}

.lcfa1d:hover .me92b {
  color: var(--color-accent);
  opacity: 1;
}

.kf7 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
  text-align: center;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes expandCollapse {
  0%, 100% {
    width: clamp(60px, 20vw, 120px);
    opacity: 0.6;
  }
  50% {
    width: clamp(80px, 25vw, 150px);
    opacity: 1;
  }
}

@media (min-width: 640px) {
  .h293161 {
    padding: var(--spacing-lg) var(--spacing-lg);
  }

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

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

  .db498 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

@media (min-width: 768px) {
  .h293161 {
    padding: var(--spacing-xl) var(--spacing-xl);
  }

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

  .l50e8c17 {
    font-size: clamp(5rem, 14vw, 9rem);
  }

  .lcabc5 {
    font-size: clamp(1.75rem, 6vw, 2.5rem);
  }

  .id7 {
    padding: var(--spacing-md) var(--spacing-3xl);
    font-size: clamp(1rem, 1.1vw, 1.15rem);
  }
}

@media (min-width: 1024px) {
  .h293161 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .je945a4d {
    gap: var(--spacing-4xl);
    margin-bottom: var(--spacing-2xl);
  }

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

  .l50e8c17 {
    font-size: clamp(6rem, 16vw, 10rem);
  }

  .lcabc5 {
    font-size: clamp(2rem, 7vw, 2.75rem);
  }

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

  .db498 {
    gap: var(--spacing-2xl);
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }

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

@media (min-width: 1440px) {
  .h293161 {
    padding: var(--spacing-4xl) 0;
  }

  .l50e8c17 {
    font-size: 10rem;
  }

  .lcabc5 {
    font-size: 2.75rem;
  }

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

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

.a67dd {
  width: 100%;
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

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

.p7be6 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: var(--letter-spacing-tight);
}

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

@media (min-width: 768px) {
  .a67dd {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .a67dd {
    padding: var(--spacing-4xl) 0;
  }
}

.pe8 {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.d996 {
  width: 100%;
}

.c5dc94a7 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3xl);
  width: 100%;
}

@media (min-width: 768px) {
  .c5dc94a7 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-4xl);
  }

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

@media (min-width: 1024px) {
  .c5dc94a7 {
    gap: var(--spacing-4xl);
  }

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

.caa05145 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.n53ec {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
}

.g0b59 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.l2fdef2 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
}

.ef2,
.j56efb {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

.ef2::placeholder,
.j56efb::placeholder {
  color: var(--color-text-muted);
}

.ef2:focus,
.j56efb:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.j56efb {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.f0a5 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) 0;
}

.a454b {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.bb2a16ee {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-fast);
}

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

.c343 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: var(--font-size-base);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-normal);
  cursor: pointer;
  transition: var(--transition-base);
  text-transform: uppercase;
}

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

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

.c343:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.g9491d1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.p060a78 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
}

.n692d9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}

.i77 {
  display: flex;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

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

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

.o544 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  flex: 1;
}

.cab7 {
  font-family: var(--font-heading);
  font-size: var(--font-size-base);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
}

.i880 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.k3012b {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-fast);
}

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

.oecc06b {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 0;
  font-style: italic;
}

.b8eb5e3 {
  padding: var(--spacing-lg);
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.i92112 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.pf0fff {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.j256800 {
  width: 100%;
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.h762e7 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  text-align: center;
  align-items: center;
}

.fc9 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
  margin: 0;
}

.o57 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 500px;
  margin: 0;
}

.ef3eb45 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: var(--font-size-base);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-normal);
  text-decoration: none;
  cursor: pointer;
  transition: var(--transition-base);
  text-transform: uppercase;
}

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

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

@media (min-width: 768px) {
  .j256800 {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .j256800 {
    padding: var(--spacing-4xl) 0;
  }
}

@media (max-width: 767px) {
  .i77 {
    flex-direction: column;
    gap: var(--spacing-md);
  }

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

  .caa05145,
  .g9491d1 {
    width: 100%;
  }
}
.a818fc,.cdc2ce9{
  width: 34px;
}

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

.fd42c{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .fd42c{
    max-width: 100%;
  }
}

.fd42c.p492428{
  z-index: 999;
}

.d5d7beb0{
  padding-top: 50px;
}

.a818fc[aria-expanded="true"]{
  display: none;
}