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

:root {
  --color-bg-primary: #050505;
  --color-bg-secondary: #0f0f0f;
  --color-bg-tertiary: #1a1a1a;
  --color-bg-card: #0f0f0f;

  --color-text-primary: #ffffff;
  --color-text-secondary: #e5e5e5;
  --color-text-muted: #a3a3a3;

  --color-primary: #ffffff;
  --color-primary-hover: #d4d4d4;
  --color-primary-light: #f5f5f5;
  --color-secondary: #e5e5e5;
  --color-secondary-light: #f0f0f0;

  --color-success: #4ade80;
  --color-success-light: #86efac;
  --color-warning: #facc15;
  --color-warning-light: #fde047;
  --color-danger: #f87171;
  --color-danger-light: #fca5a5;

  --color-border: #2a2a2a;
  --color-border-light: #1f1f1f;

  --font-primary: 'Proza Libre', sans-serif;
  --font-heading: 'Cormorant Garamond', 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.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-2xl: 2rem;
  --radius-full: 9999px;

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

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

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

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

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

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

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

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

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

h1 {
  font-size: 3.5rem;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.75rem;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 2rem;
  letter-spacing: -0.005em;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

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

p {
  font-size: 1rem;
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
}

small {
  font-size: 0.875rem;
  color: var(--color-text-muted);
}

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
  border-bottom: 1px solid transparent;
}

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

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

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

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

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

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

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

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

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

::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-muted);
}

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

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

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

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

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

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

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

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

.gca {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: 0.95rem;
  white-space: nowrap;
}

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

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

.m6e436a {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

.m6e436a:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-primary);
}

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

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

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

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

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

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

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

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

.n3e2 {
  width: 100%;
}

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

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

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

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

.j83ab {
  margin-top: var(--spacing-lg);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border);
}

.dfd8c {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}

.bc92a2 {
  background: rgba(255, 255, 255, 0.1);
  color: var(--color-primary);
}

.c5e8ed12 {
  background: rgba(74, 222, 128, 0.1);
  color: var(--color-success-light);
}

.nde8 {
  background: rgba(250, 204, 21, 0.1);
  color: var(--color-warning-light);
}

.bc12 {
  background: rgba(248, 113, 113, 0.1);
  color: var(--color-danger-light);
}

.o9216be {
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid;
  margin-bottom: var(--spacing-lg);
}

.o2f302 {
  background: rgba(74, 222, 128, 0.05);
  border-color: var(--color-success);
  color: var(--color-success-light);
}

.a34052 {
  background: rgba(250, 204, 21, 0.05);
  border-color: var(--color-warning);
  color: var(--color-warning-light);
}

.je5fe9 {
  background: rgba(248, 113, 113, 0.05);
  border-color: var(--color-danger);
  color: var(--color-danger-light);
}

.iacc77 {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--color-primary);
  color: var(--color-text-secondary);
}

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

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

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

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

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

.lce4 {
  display: flex;
}

.c739 {
  flex-direction: column;
}

.i3993 {
  flex-direction: row;
}

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

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

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

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

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

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

.d523 {
  justify-content: center;
}

.kef371 {
  align-items: center;
}

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

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

.j328 { margin: 0; }
.c61ef66f { margin: var(--spacing-xs); }
.eab1 { margin: var(--spacing-sm); }
.o36684 { margin: var(--spacing-md); }
.g0a9daf { margin: var(--spacing-lg); }
.mb9d907 { margin: var(--spacing-xl); }

.c5578da9 { margin-left: auto; margin-right: auto; }
.lbec2543 { margin-top: auto; margin-bottom: auto; }

.d2b0de6 { padding: 0; }
.e0df { padding: var(--spacing-xs); }
.d4831e { padding: var(--spacing-sm); }
.pf074 { padding: var(--spacing-md); }
.aa8a1 { padding: var(--spacing-lg); }
.hc3 { padding: var(--spacing-xl); }

.cb15 { text-align: center; }
.b75012d { text-align: left; }
.ff57 { text-align: right; }

.g4f7ac2 { font-size: 0.75rem; }
.n94 { font-size: 0.875rem; }
.d2f822 { font-size: 1rem; }
.b429e2 { font-size: 1.125rem; }
.da17 { font-size: 1.25rem; }
.ge9ddc { font-size: 1.5rem; }

.la72 { font-weight: 300; }
.j2c1438 { font-weight: 400; }
.e3c9 { font-weight: 500; }
.m8cb1c5 { font-weight: 600; }
.jb1b { font-weight: 700; }

.e58 { opacity: 0.5; }
.p4df8f { opacity: 0.75; }
.i64c039 { opacity: 1; }

.m4ff91 { border-radius: var(--radius-sm); }
.cdec7 { border-radius: var(--radius-md); }
.af7 { border-radius: var(--radius-lg); }
.o04ef3 { border-radius: var(--radius-xl); }
.k5eb { border-radius: var(--radius-2xl); }
.h96 { border-radius: var(--radius-full); }

.d108342 { box-shadow: var(--shadow-sm); }
.e1c5 { box-shadow: var(--shadow-md); }
.e552802 { box-shadow: var(--shadow-lg); }
.n4c2a { box-shadow: var(--shadow-xl); }
.hfa7d { box-shadow: var(--shadow-2xl); }

.ca4729d { width: 100%; }
.o1f7fb2 { width: auto; }
.j2fa { height: 100%; }
.d4a { height: auto; }

.g586 { display: none; }
.n8dff94 { display: block; }
.n751954 { display: inline; }
.a44e3 { display: inline-block; }

.kd34bfc { overflow: hidden; }
.j3fd { overflow: auto; }

.n736048 { cursor: pointer; }
.p45 { cursor: default; }

.d7a09e3d { transition: all var(--transition-fast); }
.bd3d { transition: all var(--transition-base); }
.l29fd1 { transition: all var(--transition-slow); }

@media (max-width: 1024px) {
  h1 { font-size: 2.5rem; }
  h2 { font-size: 2rem; }
  h3 { font-size: 1.5rem; }
  
  .oc5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  
  .cc407c {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  html { font-size: 15px; }
  
  h1 { font-size: 2rem; }
  h2 { font-size: 1.5rem; }
  h3 { font-size: 1.25rem; }
  
  .pce58ad2 {
    padding: 0 var(--spacing-md);
  }
  
  .a1bef2, .cc407c, .oc5 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  
  .gca {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 0.9rem;
  }
}

@media (max-width: 480px) {
  html { font-size: 14px; }
  
  h1 { font-size: 1.75rem; }
  h2 { font-size: 1.25rem; }
  h3 { font-size: 1.1rem; }
  
  .pce58ad2 {
    padding: 0 var(--spacing-sm);
  }
  
  .idc3dfd {
    padding: var(--spacing-lg);
  }
  
  .c739 { flex-direction: column; }
}
.i257 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
  top: 0;
}

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

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

.e236f3:hover {
  transform: translateY(-2px);
}

.m67722 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-border-light);
}

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

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

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

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

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

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

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

.fa41 {
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-fast);
  transform-origin: center;
}

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

.n7a[aria-expanded="true"] .fa41:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.n7a[aria-expanded="true"] .fa41:nth-child(2) {
  opacity: 0;
}

.n7a[aria-expanded="true"] .fa41:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

.g1da {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  border-left: 1px solid var(--color-border-light);
  padding-top: clamp(60px, 12vh, 80px);
  display: flex;
  flex-direction: column;
  gap: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
  overflow-y: auto;
}

.g1da.c4cd {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.n9d100f6 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  position: sticky;
  top: clamp(60px, 12vh, 80px);
  background: var(--color-bg-primary);
}

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

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

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

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

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

.p70294 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  margin: 1rem clamp(1rem, 3vw, 2rem);
  transition: all var(--transition-fast);
}

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

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

  .d90 {
    display: block;
  }

  .n7a {
    display: none;
  }

  .g1da {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .b1465f4d {
    height: clamp(56px, 10vh, 72px);
  }

  .m67722 {
    width: 36px;
    height: 36px;
  }
}

@media (min-width: 1024px) {
  .hc1cd {
    padding: 0.75rem 0;
  }
}

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

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

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

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

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

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

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

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

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

.j1e8 {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  min-width: 120px;
  max-width: 150px;
  transition: all var(--transition-base) ease;
  transform: rotate(-2deg);
}

.n244e5d2 {
  transform: rotate(1.5deg);
}

.e6ad {
  transform: rotate(-1.5deg);
}

.lf2bf {
  transform: rotate(2deg);
}

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

.j1e8 i {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
}

.d1a02 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  text-align: center;
  line-height: var(--line-height-tight);
}

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

.gca {
  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.875rem, 1vw, 1rem);
  transition: all var(--transition-base) ease;
  border: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}

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

.me8849:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

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

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

.g1a4376 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 4rem);
  justify-content: center;
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  border-top: 1px solid var(--color-border-light);
}

.c471 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.c1f {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-accent);
  font-weight: 700;
}

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

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

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

.a57c {
  text-align: center;
}

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

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

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

.nbb2c {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base) ease;
}

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

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

.pe6e {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
}

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

.g2bcfe4 {
  width: 100%;
  border-radius: var(--radius-md);
  overflow: hidden;
  min-height: 250px;
}

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

@media (min-width: 768px) {
  .nbb2c {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: center;
  }

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

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

  .g2bcfe4 {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    max-height: 350px;
  }

  .nbb2c:nth-child(even) {
    direction: rtl;
  }

  .nbb2c:nth-child(even) > * {
    direction: ltr;
  }
}

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

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

@media (min-width: 768px) {
  .fb511 {
    flex-direction: row;
    align-items: flex-start;
  }
}

.g46c {
  flex: 1 1 40%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: 350px;
}

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

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

.macbdc {
  border-left: 3px solid var(--color-accent);
  padding-left: clamp(1rem, 2vw, 1.5rem);
}

.c3e8f80b {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-accent);
  margin: 0 0 0.5rem 0;
  font-weight: 600;
}

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

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

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

.h19b8e6 {
  text-align: center;
}

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

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

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

.f5e {
  background: var(--color-bg-secondary);
  border: 2px solid var(--color-border-light);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  min-width: 100px;
  text-align: center;
  transition: all var(--transition-base) ease;
  flex: 0 1 auto;
}

.l96b05 {
  border-color: var(--color-success);
}

.m189fd58 {
  border-color: var(--color-warning);
}

.i9d0eb8 {
  border-color: var(--color-danger);
}

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

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

.n24 {
  border-color: var(--color-secondary);
}

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

.f5e i {
  font-size: clamp(1.5rem, 2.5vw, 1.75rem);
  color: var(--color-accent);
}

.f5e span {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

.mb68e3 {
  text-align: center;
}

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

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

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

.lab5 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  flex: 1 1 280px;
  max-width: 320px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
}

.dcd25 {
  border-color: var(--color-success);
}

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

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

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

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

.dcd25 .a00:before {
  color: var(--color-accent);
}

.o37738bd {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  flex: 0 0 auto;
}

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

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

.be11552b {
  text-align: center;
}

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

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

.m6c4583 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.h7e7c7 {
  flex: 1 1 200px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
  text-align: center;
}

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

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

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

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

.e02139d {
  text-align: center;
}

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

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

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

.a31 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base) ease;
}

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

.l677f51 {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

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

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

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

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

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

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

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

.h5a {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  transition: all var(--transition-base) ease;
  display: inline-block;
}

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

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

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

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

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

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

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

.g8b.g586 {
  display: none;
}

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

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

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

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

.k526e {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base) ease;
}

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

@media (max-width: 767px) {
  .g46c {
    flex: 1 1 100%;
    min-height: 250px;
  }

  .ida {
    flex: 1 1 100%;
  }

  .b6a {
    flex-direction: column;
  }

  .lab5 {
    flex: 1 1 100%;
  }

  .m6c4583 {
    flex-direction: column;
  }

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

@media (min-width: 768px) {
  .p33 {
    gap: clamp(1.5rem, 4vw, 2.5rem);
  }

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

@media (min-width: 1024px) {
  .p1266f {
    gap: clamp(1.5rem, 4vw, 2.5rem);
  }

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

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

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

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

.n4f92 {
  max-width: 600px;
}

.n4f92 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: -0.5px;
}

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

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

.p76,
.be81f606,
.c33222 {
  flex: 1 1 200px;
  min-width: 150px;
}

.p76 h4,
.be81f606 h4,
.c33222 h4 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: -0.5px;
}

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

.b36e6c li {
  margin: 0;
  padding: 0;
}

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

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

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

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

.g877 {
  border-top: 1px solid var(--color-border-light);
  padding-top: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.875rem);
}

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

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

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

  .p76,
  .be81f606,
  .c33222 {
    flex: 1 1 100%;
  }

  .g877 {
    flex-direction: column;
  }
}

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

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

.h94e {
  background: var(--color-bg-secondary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  position: relative;
}

.o8e {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-secondary) 100%);
  opacity: 0.6;
  z-index: 0;
}

.m553b {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

.p01cc5ec {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  max-width: 900px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ibd3e0 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: var(--line-height-normal);
  max-width: 700px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.ncd52:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: var(--shadow-lg);
}

.b0ffc {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.a8e2b {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

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

.kd4b {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.k00a30 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
}

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

.f476b8 i,
.g5f i,
.d79 i {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
}

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

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

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

@media (min-width: 768px) {
  .ncd52 {
    flex-direction: row;
    gap: 0;
  }

  .b0ffc {
    width: 35%;
    flex-shrink: 0;
    border-radius: var(--radius-lg) 0 0 var(--radius-lg);
    height: 100%;
  }

  .a8e2b {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
  }

  .ib213 {
    width: 65%;
    justify-content: center;
  }
}

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

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

  .ncd52 {
    gap: clamp(2rem, 4vw, 3rem);
  }

  .b0ffc {
    width: 40%;
    min-height: 280px;
  }

  .ib213 {
    width: 60%;
  }
}

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

  .b0ffc {
    width: 100%;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  }

  .ib213 {
    width: 100%;
  }
}

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

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

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

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

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

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

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

.j52 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

.g455f44f i {
  color: var(--color-text-muted);
  font-size: 0.875rem;
}

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

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

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

  .i22,
  .i61 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .feb0671 {
    gap: 1rem;
  }
}

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

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

.n348c {
  flex: 1 1 65%;
  max-width: 65%;
}

.i0feb9 {
  flex: 1 1 35%;
  max-width: 35%;
  position: relative;
}

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

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

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

.p98 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

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

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

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

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

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

.h680214e {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.75rem;
}

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

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

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

.o4e97b2 {
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  background: var(--color-accent);
  color: var(--color-bg-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-family: var(--font-heading);
}

.e50afdc {
  flex: 1;
}

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

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

.ifae0f {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.75rem;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.ifa4e8e {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

.i68c {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

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

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

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

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

.h35 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  border-radius: 0.75rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  border: 1px solid var(--color-border);
}

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

.c90a {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  list-style: none;
}

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

.f213 {
  color: var(--color-accent);
  text-decoration: none;
}

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

.ea761bd {
  text-align: center;
}

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

.oa1 img {
  width: clamp(80px, 15vw, 120px);
  height: clamp(80px, 15vw, 120px);
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

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

.ibf6dd {
  color: var(--color-accent);
  text-decoration: none;
}

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

.h53 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  line-height: 1.4;
}

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

@media (max-width: 1024px) {
  .j1e {
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3rem);
  }

  .n348c,
  .i0feb9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .i8bae21,
  .ne4ec6e5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .o8be {
    gap: 1rem;
  }

  .o4e97b2 {
    min-width: 2.5rem;
    min-height: 2.5rem;
  }
}

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

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

.ed7be794 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.2;
}

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

.lf479 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 0.75rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.lf479:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
}

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

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

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

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

.baaef {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

.o176e1 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  text-decoration: none;
  display: inline-block;
  margin-top: auto;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.oe659,
.a808e6b,
.k6d86d1 {
  color: var(--color-text-secondary);
}

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

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

.da915 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 90%;
}

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

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

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

  .d28,
  .p4b {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

.dc5fc {
  flex: 1 1 calc(33.333% - 1.33rem);
  min-width: 250px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border-left: 3px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

.kec216fa::before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: 700;
}

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

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

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

  .o08,
  .a53c61 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.j6c {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: clamp(3rem, 6vw, 4rem);
  text-align: center;
  font-family: var(--font-heading);
}

.a47 {
  flex: 1;
}

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

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

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

  .a14b6,
  .e0f9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.a13736 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: var(--line-height-relaxed);
}

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

.j07532 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-warning);
}

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

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

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

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

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

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

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

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

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

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

.md3b5 {
  display: block;
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

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

  .nec8dfc6,
  .n87 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.b48 {
  flex-shrink: 0;
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-warning);
  min-width: clamp(2.5rem, 5vw, 3.5rem);
}

.l1c2c5b6 {
  flex: 1;
}

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

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

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

  .b48 {
    min-width: auto;
  }
}

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

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

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

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

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

.ea2e4a7 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  margin: 0;
  font-weight: 500;
}

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

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

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

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

.c9ac {
  flex-shrink: 0;
}

.j8e38f {
  width: clamp(100px, 15vw, 150px);
  height: clamp(100px, 15vw, 150px);
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
}

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

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

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

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

.bc5f6 {
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  font-weight: 600;
}

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

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

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

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

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

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

.bb19 {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 300px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.ca57 {
  width: 100%;
  height: 250px;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

.bb19:hover .j1c {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

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

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

.jdc8 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
}

.jdc8 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.m73a4700 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h9f0,
.mdb546d,
.ae72bc22 {
  color: var(--color-text-muted);
}

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

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

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

  .n76422,
  .e85 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .jdc8 {
    font-size: 0.8125rem;
    margin-bottom: 1.5rem;
  }
}

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

.d3c {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
}

.k08 {
  flex: 1 1 65%;
  max-width: 65%;
}

.d0625b {
  flex: 1 1 35%;
  max-width: 35%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.mdc49 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

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

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

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

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

  .k08,
  .d0625b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .o8b {
    flex-direction: column;
  }

  .od510a,
  .c13563 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.o59b {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0 clamp(0.25rem, 0.5vw, 0.5rem) clamp(0.25rem, 0.5vw, 0.5rem) 0;
  margin: clamp(2.5rem, 5vw, 4rem) 0;
}

.e1c {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.n1a4 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

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

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

.gf320 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

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

.a740 {
  flex: 0 0 auto;
  width: clamp(2.5rem, 4vw, 3.5rem);
  height: clamp(2.5rem, 4vw, 3.5rem);
  background: var(--color-accent);
  color: var(--color-bg-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: bold;
  flex-shrink: 0;
}

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

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

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

.o13 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.5rem, 1vw, 1.5rem);
  margin-top: clamp(2.5rem, 5vw, 4rem);
}

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

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

.bec5d {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1.5rem);
}

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

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

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

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

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

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

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

.d74 {
  flex: 0 0 auto;
}

.nb7 {
  width: clamp(100px, 15vw, 150px);
  height: clamp(100px, 15vw, 150px);
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.d36ca {
  flex: 1 1 auto;
}

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

.l12aad {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  margin: 0 0 clamp(0.25rem, 0.5vw, 0.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

  .d74 {
    flex: 0 0 auto;
  }
}

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

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

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

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

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

.i75d755 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: clamp(250px, 100%, 400px);
  background: var(--color-bg-secondary);
  border-radius: clamp(0.5rem, 1vw, 1.5rem);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

.f25960a {
  width: 100%;
  height: auto;
  max-height: 250px;
  overflow: hidden;
}

.l23e94 {
  width: 100%;
  height: 100%;
  max-height: 250px;
  object-fit: cover;
  display: block;
}

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

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

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

.d077e57 {
  display: inline-block;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (max-width: 1024px) {
  .i75d755 {
    flex: 1 1 calc(50% - 1.5rem);
    min-width: clamp(250px, 100%, 350px);
  }
}

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

.efcf {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
}

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

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

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

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

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

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

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

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

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

.nb6f49ad {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.7;
}

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

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

  .p0c1dd,
  .e2b7d09 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.f0f {
  flex: 1 1 65%;
  max-width: 65%;
}

.e0e81 {
  flex: 1 1 35%;
  max-width: 35%;
}

.o6d9a {
  margin-bottom: clamp(3rem, 5vw, 4rem);
}

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

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

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

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

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

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

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

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

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

.nd60 {
  flex: 1;
}

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

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

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

.i6b988e {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

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

.neb5 {
  flex: 1;
  padding-top: 0.25rem;
}

.ca532fa0 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 1.5vw, 1.3rem);
  margin-bottom: 0.75rem;
  font-family: var(--font-heading);
}

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

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

.ja2 {
  color: var(--color-accent);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  margin-bottom: 0.75rem;
  font-family: var(--font-heading);
}

.a10dc84 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  margin-bottom: 1rem;
  line-height: 1.6;
}

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

.g4c9 strong {
  color: var(--color-accent);
}

.c767e6c0 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  margin: clamp(2rem, 4vw, 3rem) 0;
}

.n39a6 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.n39a6 i {
  color: var(--color-warning);
  font-size: 1.5rem;
  flex-shrink: 0;
}

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

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

.i87d0 {
  margin-top: clamp(3rem, 5vw, 4rem);
  padding-top: clamp(2rem, 3vw, 3rem);
  border-top: 1px solid var(--color-border);
}

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

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

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

.c06 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 1.5vw, 1.3rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: var(--font-heading);
}

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

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

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

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

.jdbe {
  margin: 0;
}

.h83b {
  color: var(--color-accent);
  font-size: clamp(0.9rem, 1vw, 1rem);
  display: block;
  padding: 0.5rem 0;
  transition: all var(--transition-base);
}

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

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

  .f0f,
  .e0e81 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .i74efe,
  .e6e759a6 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .i6b988e {
    flex-direction: row;
  }

  .hc923 {
    flex-direction: row;
  }
}

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

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

.f579a {
  flex-shrink: 0;
}

.fed13c11 {
  width: clamp(80px, 12vw, 140px);
  height: clamp(80px, 12vw, 140px);
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 2px solid var(--color-accent);
}

.mb6b {
  flex: 1;
}

.o851d2 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  display: block;
}

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

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

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

.c54ec {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  margin-bottom: 1rem;
  font-style: italic;
}

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

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

  .f579a {
    flex-shrink: 0;
  }
}

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

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

.fb5 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw, 3rem);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  font-family: var(--font-heading);
  line-height: 1.2;
}

.i1b9 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

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

.nd9bfa {
  flex: 1 1 calc(33.333% - clamp(1.33rem, 2.67vw, 2rem));
  max-width: calc(33.333% - clamp(1.33rem, 2.67vw, 2rem));
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.nd9bfa:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: var(--color-accent);
}

.p3796c37 {
  width: 100%;
  height: 250px;
  overflow: hidden;
  background: var(--color-bg-primary);
}

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

.nd9bfa:hover .f7d3111d {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.o7f5 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  display: block;
  margin: clamp(1.5rem, 3vw, 2.5rem) auto 0;
  overflow: hidden;
}

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

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

.l9ad8d {
  text-align: center;
  max-width: 800px;
  margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
}

.de5b9c67 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.odea1 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.pf574dc {
  text-align: center;
  max-width: 800px;
  margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
}

.jf0c72 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

@media (min-width: 768px) {
  .d6df {
    flex: 1 1 calc(33.333% - 1.5rem);
  }
}

.d6df:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.g342c {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  height: clamp(2rem, 3vw, 2.5rem);
  display: flex;
  align-items: center;
}

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

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

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

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

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

@media (min-width: 768px) {
  .b8f5d76 {
    flex-direction: row;
    align-items: center;
  }
}

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

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

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

.l312d {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  max-height: 450px;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

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

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

.k8d93391 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
}

.j5b3 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.oa8c {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
  border-bottom: 1px solid var(--color-border);
}

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

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

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

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

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

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

.a80faf5f {
  color: var(--color-text-muted);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  margin-top: 2px;
  flex-shrink: 0;
}

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

.g4f {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.6;
  margin-left: clamp(2rem, 4vw, 2.5rem);
}

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

  .l0f4,
  .l312d {
    flex: 1 1 100%;
  }

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

  .j7a9 {
    text-align: center;
  }

  .l9ad8d {
    text-align: center;
  }

  .pf574dc {
    text-align: center;
  }

  .k8d93391 {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .d5b6e {
    padding: 6rem 0;
  }

  .a5c {
    padding: 6rem 0;
  }

  .i4c {
    padding: 6rem 0;
  }

  .k4bc40 {
    padding: 6rem 0;
  }

  .pc3b02f2 {
    padding: 6rem 0;
  }
}

* {
  box-sizing: border-box;
}

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

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

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

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

@media (min-width: 768px) {
  .ne62d {
    flex-direction: row;
    align-items: center;
    gap: clamp(3rem, 6vw, 5rem);
  }
}

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

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

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

.j8db445 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.375rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: var(--line-height-normal);
  margin: 0;
}

.d08b1 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.f74e80ab {
  flex: 1 1 100%;
  width: 100%;
}

@media (min-width: 768px) {
  .f74e80ab {
    flex: 1 1 45%;
    min-height: 350px;
    max-height: 500px;
  }
}

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

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

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

.n37267 {
  text-align: center;
}

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

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

.a4c1c7db {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

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

.e7b {
  text-align: center;
}

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

.jac {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-muted);
  margin: clamp(0.75rem, 2vw, 1rem) 0 0 0;
  line-height: var(--line-height-normal);
}

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

@media (min-width: 768px) {
  .l0746 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.n4f871 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
}

@media (min-width: 768px) {
  .n4f871 {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-height: 280px;
  }
}

.h3dc {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 8vw, 4rem);
  color: var(--color-accent);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
  opacity: 0.8;
}

.n5e5f5d {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

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

.i02ee4 {
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .j953 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.p85c {
  flex: 1 1 100%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  transition: all var(--transition-base);
}

@media (min-width: 768px) {
  .p85c {
    flex: 1 1 calc(50% - 0.75rem);
    min-height: 220px;
  }
}

.p85c:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border-color: var(--color-accent);
}

.gc7f {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

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

.c0b9d {
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .e6441 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.a4e0 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
  padding: clamp(1.5rem, 3vw, 2rem);
}

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

.p341506c {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
}

.l1da0b {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

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

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

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

.ibb {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

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

.f9e {
  max-width: 700px;
  margin: 0 auto;
  padding: clamp(2.5rem, 5vw, 4rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

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

.gbaccd10 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

@media (min-width: 640px) {
  .nc545284 {
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

.c3ec28 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-bg-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  line-height: var(--line-height-normal);
  white-space: nowrap;
}

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

.kb9 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: transparent;
  color: var(--color-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  line-height: var(--line-height-normal);
  white-space: nowrap;
}

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

@media (min-width: 768px) {
  .ie7a {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .l07b6 {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }

  .k7f {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }

  .h8f9be4 {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }

  .g074 {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }

  .f1d612f {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }

  .hf8 {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }
}

@media (min-width: 1024px) {
  .ie7a {
    padding: clamp(6rem, 14vw, 8rem) 0;
  }

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

  .l0746 {
    gap: clamp(2.5rem, 5vw, 3rem);
  }

  .j953 {
    gap: clamp(2rem, 4vw, 3rem);
  }

  .e6441 {
    gap: clamp(2rem, 4vw, 3rem);
  }
}

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

.i78702b {
  padding: var(--spacing-3xl) var(--spacing-md);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.i1c874 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.i1c874 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 550px;
}

.o8e0bc2a {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

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

.ad78 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.o459579 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.g4f35 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.g4f35:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--color-primary-light);
}

.e6c {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  font-size: 1.75rem;
  color: var(--color-primary);
}

.g4f35 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.g4f35 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

.g4f35 p:last-child {
  margin-bottom: 0;
  color: var(--color-text-muted);
  font-size: clamp(0.85rem, 1.3vw, 0.95rem);
}

.jd20 {
  background-color: var(--color-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.ef0646 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--color-text-on-accent);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.ef0646 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-2xl);
}

.jc623602 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
  display: inline-block;
}

.jc623602:hover {
  background-color: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

@media (min-width: 768px) {
  .i78702b {
    grid-template-columns: 1fr 1fr;
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .o459579 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

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

@media (min-width: 1024px) {
  .i78702b {
    grid-template-columns: 1.2fr 1fr;
    padding: var(--spacing-4xl) var(--spacing-3xl);
    gap: var(--spacing-3xl);
  }

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

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

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

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

@media (min-width: 1280px) {
  .o459579 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.m3b814eb {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.f02 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 600;
}

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

@media (min-width: 768px) {
  .m3b814eb {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .m3b814eb {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.ccfad7 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.b09f4 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .b09f4 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

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

.kc6 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: var(--shadow-sm);
}

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

.o78 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

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

.m9a5516 {
  padding: var(--spacing-lg);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.bdf8c1 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.jfafd3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.3rem, 1.4rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 600;
}

.peb13 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  flex-grow: 1;
}

@media (min-width: 768px) {
  .ccfad7 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ccfad7 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .o78 {
    height: 240px;
  }
}

.l40a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.gf24 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.l64b1 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 600;
}

.ddda006 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.3rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-normal);
}

.mc888 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

@media (min-width: 768px) {
  .l40a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .l40a {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.i4945 .pce58ad2 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.i4945 .l762e {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

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

.i4945 .be76e {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.i4945 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-tight);
}

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

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

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

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

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

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

.i4945 .bde7 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.i4945 .bde7 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.i4945 .bde7 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .i4945 .pce58ad2 {
    padding: 0 var(--spacing-lg);
  }

  .i4945 .l762e {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .i4945 .pce58ad2 {
    padding: 0 var(--spacing-xl);
  }

  .i4945 .l762e {
    padding: var(--spacing-4xl) 0;
  }
}

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

.c0df {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.c74f {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.pce58ad2 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.l762e {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.e09a {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.e5a58 {
  margin-bottom: var(--spacing-xl);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.e5a58 svg {
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.dc8e002 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-normal);
}

.h98e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-relaxed);
}

.je61a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: var(--line-height-relaxed);
}

.n9c9b21e {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  transition: all var(--transition-base);
  cursor: pointer;
  box-shadow: var(--shadow-md);
  margin-top: var(--spacing-lg);
}

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

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

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .c0df {
    padding: var(--spacing-lg);
  }

  .c74f {
    padding: var(--spacing-3xl) 0;
  }

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

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

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

  .e5a58 svg {
    width: 140px;
    height: 140px;
  }
}

@media (min-width: 1024px) {
  .c0df {
    padding: var(--spacing-xl);
  }

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

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

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

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

  .e5a58 svg {
    width: 160px;
    height: 160px;
  }

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .e09a {
    animation: none;
  }

  .e5a58 svg {
    animation: none;
  }

  .n9c9b21e {
    transition: none;
  }

  .n9c9b21e:hover {
    transform: none;
  }

  .n9c9b21e:active {
    transform: none;
  }
}

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

html,
body {
  width: 100%;
  height: 100%;
}

.g39e {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  background-color: var(--color-bg-primary);
}

.c3c435 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
}

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

.l762e {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.fd0f {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.fee9c {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.ofee {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hc3dd {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 8rem);
  font-weight: 700;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  letter-spacing: -0.02em;
}

.f8c56b {
  position: absolute;
  bottom: -15px;
  right: -20px;
  width: 80px;
  height: 80px;
  color: var(--color-primary);
  opacity: 0.8;
  animation: float 3s ease-in-out infinite;
}

.f8c56b svg {
  width: 100%;
  height: 100%;
}

.b05 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.b05 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  letter-spacing: -0.01em;
}

.f77c {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-top: var(--spacing-sm);
}

.f44 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-md) 0;
}

.c19856 {
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-lg);
  flex-wrap: wrap;
}

.gca {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: var(--transition-base);
  min-height: 48px;
  min-width: 200px;
}

.ce431 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

.h681 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
}

.f2cc8ba {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
}

.l31e41 {
  font-size: clamp(2rem, 5vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

.f2cc8ba p {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-tight);
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@media (min-width: 480px) {
  .c3c435 {
    padding: var(--spacing-xl);
  }

  .h681 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 768px) {
  .c3c435 {
    padding: var(--spacing-2xl);
    min-height: 100vh;
  }

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

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

  .hc3dd {
    font-size: clamp(5rem, 14vw, 8rem);
  }

  .gca {
    padding: var(--spacing-lg) var(--spacing-2xl);
    min-width: 250px;
  }

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

@media (min-width: 1024px) {
  .pce58ad2 {
    padding: 0 var(--spacing-2xl);
  }

  .hc3dd {
    font-size: 8rem;
  }

  .gca {
    font-size: 1.1rem;
  }
}

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

.b5d1280 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

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

.b5d1280 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  letter-spacing: -0.02em;
}

.hac {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
  margin: 0;
}

@media (min-width: 768px) {
  .b5d1280 {
    padding: 5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .b5d1280 {
    padding: 7rem 2rem;
  }
}

.aa6 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

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

.j0a6 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

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

  .i991fc2 {
    flex: 1 1 45%;
  }

  .i476c {
    flex: 1 1 45%;
  }
}

.kcc40 {
  margin-bottom: 2.5rem;
}

.kcc40 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  letter-spacing: -0.01em;
}

.kcc40 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  line-height: var(--line-height-normal);
  color: var(--color-text-secondary);
  margin: 0;
}

.i6d {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.f7d2a88 {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.i884 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.p66,
.k4a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  padding: 0.9rem 1.1rem;
  background-color: var(--color-bg-card);
  border: 1.5px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  transition: all var(--transition-base);
  width: 100%;
  box-sizing: border-box;
}

.p66::placeholder,
.k4a::placeholder {
  color: var(--color-text-muted);
}

.p66:focus,
.k4a:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.p66:hover:not(:focus),
.k4a:hover:not(:focus) {
  border-color: var(--color-border);
}

.k4a {
  resize: vertical;
  min-height: 140px;
}

.p5b4 {
  margin: 1rem 0;
  padding: 1rem;
  background-color: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-primary-light);
  border-radius: var(--radius-sm);
}

.oa5f9b28 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  line-height: var(--line-height-normal);
  color: var(--color-text-secondary);
  margin: 0;
}

.p9947 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.fec401 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  padding: 1.1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  width: 100%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-top: 0.5rem;
}

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

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

.fec401:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}

.f1793 {
  margin-bottom: 2.5rem;
  padding-bottom: 2rem;
  border-bottom: 2px solid var(--color-border-light);
}

.f1793 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  letter-spacing: -0.01em;
}

.pb434f24 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  line-height: var(--line-height-normal);
  color: var(--color-text-secondary);
  margin: 0;
}

.d8ebdf {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 2rem;
  padding: 1.5rem;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.a9d3a {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.a9d3a i {
  color: var(--color-primary);
  font-size: 1.5rem;
  line-height: 50px;
}

.i3aa1b2 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  letter-spacing: -0.01em;
}

.i3aa1b2 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  line-height: var(--line-height-normal);
  color: var(--color-text-primary);
  margin: 0.3rem 0;
}

.c46185 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.p83 {
  font-size: clamp(0.8rem, 0.9vw, 0.95rem) !important;
  color: var(--color-text-secondary) !important;
  margin-top: 0.5rem !important;
}

.j8e17ad {
  padding: 2rem;
  background: linear-gradient(135deg, var(--color-bg-secondary), var(--color-bg-tertiary));
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-border-light);
  margin-top: 1rem;
}

.j8e17ad h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  letter-spacing: -0.01em;
}

.j8e17ad p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  line-height: var(--line-height-normal);
  color: var(--color-text-secondary);
  margin: 0 0 1.25rem 0;
}

.c235b4f {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  color: var(--color-primary);
  text-decoration: none;
  padding: 0.75rem 1.5rem;
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
}

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

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

@media (min-width: 768px) {
  .aa6 {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .aa6 {
    padding: 6rem 2rem;
  }
}

@media (max-width: 1023px) {
  .i991fc2 {
    order: -1;
  }
}
.n7a,.oc72{
  width: 34px;
}

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

.g1da{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .g1da{
    max-width: 100%;
  }
}

.g1da.c4cd{
  z-index: 999;
}

.df9{
  padding-top: 50px;
}

.n7a[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .l677f51 {
    aspect-ratio: 6 / 9;
  }
  .a8e2b {
    aspect-ratio: 6 / 9;
  }
}