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

:root {
  --color-bg-primary: #0c1929;
  --color-bg-secondary: #162d50;
  --color-bg-tertiary: #1e3a5f;
  --color-bg-card: #152a48;

  --color-text-primary: #ffffff;
  --color-text-secondary: #bfdbfe;
  --color-text-muted: #93c5fd;

  --color-primary: #3b82f6;
  --color-primary-hover: #2563eb;
  --color-primary-light: #60a5fa;
  --color-secondary: #60a5fa;
  --color-secondary-light: #93c5fd;

  --color-success: #10b981;
  --color-success-light: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #1e3a5f;
  --color-border-light: #162d50;

  --font-primary: 'General Sans', sans-serif;
  --font-heading: 'Space Grotesk', sans-serif;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

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

  --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);

  
  --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;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
}

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

.l6db8e3f {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

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

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

h3 {
  font-size: 1.875rem;
  font-weight: 600;
}

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

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

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

p {
  margin: 0 0 var(--spacing-md) 0;
  color: var(--color-text-secondary);
  font-size: 1rem;
  line-height: 1.6;
}

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

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

button {
  font-family: var(--font-primary);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  background: var(--color-bg-tertiary);
}

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

.ac24186 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 1rem;
  font-weight: 600;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  text-decoration: none;
  white-space: nowrap;
}

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

.d10b:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

.k808762 {
  background: var(--color-bg-secondary);
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

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

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

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

.pd841 {
  background: var(--color-success);
  color: var(--color-text-primary);
}

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

.ibc62c02 {
  background: var(--color-danger);
  color: var(--color-text-primary);
}

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

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

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

.ac24186:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

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

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

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

.gf37 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-text-primary);
}

.c3493e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

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

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

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

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

.f933e {
  flex-direction: column;
}

.k19f97 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.kd0e {
  display: flex;
  justify-content: center;
  align-items: center;
}

.n62ad72 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: var(--radius-full);
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
}

.gf21 {
  background: rgba(59, 130, 246, 0.2);
  color: var(--color-primary);
}

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

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

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

.a1b {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-border);
}

.o7c {
  background: rgba(59, 130, 246, 0.1);
  border-left-color: var(--color-primary);
  color: var(--color-text-secondary);
}

.g8e {
  background: rgba(16, 185, 129, 0.1);
  border-left-color: var(--color-success);
  color: var(--color-success-light);
}

.c50a4 {
  background: rgba(245, 158, 11, 0.1);
  border-left-color: var(--color-warning);
  color: var(--color-warning-light);
}

.l10826 {
  background: rgba(239, 68, 68, 0.1);
  border-left-color: var(--color-danger);
  color: var(--color-danger-light);
}

.o00cf20b {
  width: 100%;
  border-collapse: collapse;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.o00cf20b th {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-md);
  text-align: left;
  font-weight: 600;
  border-bottom: 1px solid var(--color-border);
}

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

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

.o00cf20b tbody tr:last-child td {
  border-bottom: none;
}

.pf79e8 {
  display: flex;
  align-items: center;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-bg-secondary);
  overflow: hidden;
}

.pf79e8 input {
  flex: 1;
  border: none;
  background: transparent;
  padding: var(--spacing-sm) var(--spacing-md);
}

.laebd {
  padding: var(--spacing-sm) var(--spacing-md);
  color: var(--color-text-muted);
  font-weight: 600;
}

.cf89cb9 {
  width: 40px;
  height: 40px;
  border: 3px solid var(--color-border);
  border-top-color: var(--color-primary);
  border-radius: var(--radius-full);
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.jd88 {
  animation: fadeIn var(--transition-base) ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.k0de {
  animation: slideIn var(--transition-base) ease-out;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.afa {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

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

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

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

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

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

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

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

.d47c2 {
  text-align: center;
}

.b9b76cab {
  text-align: right;
}

.ibe {
  text-align: left;
}

.c75b0 {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.a27e9e {
  font-size: 0.875rem;
}

.c55 {
  font-size: 1.125rem;
}

.nf1c {
  font-weight: 700;
}

.g056c {
  font-weight: 600;
}

.k4d21144 {
  font-weight: 500;
}

.h55fd {
  opacity: 0.5;
}

.i32 {
  opacity: 0.75;
}

.k304706f { margin-top: var(--spacing-xs); }
.jc987e5 { margin-top: var(--spacing-sm); }
.jed { margin-top: var(--spacing-md); }
.h5046 { margin-top: var(--spacing-lg); }
.o6adf926 { margin-top: var(--spacing-xl); }

.h63e { margin-bottom: var(--spacing-xs); }
.e7cf { margin-bottom: var(--spacing-sm); }
.d0f7 { margin-bottom: var(--spacing-md); }
.bbbb6d { margin-bottom: var(--spacing-lg); }
.d30832 { margin-bottom: var(--spacing-xl); }

.g1d { margin-left: auto; margin-right: auto; }
.b0cb7 { margin-top: auto; margin-bottom: auto; }

.kae { padding: var(--spacing-xs); }
.b5d933 { padding: var(--spacing-sm); }
.pba5dd { padding: var(--spacing-md); }
.pcbed019 { padding: var(--spacing-lg); }
.kb0509 { padding: var(--spacing-xl); }

.g79ea6 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.nade1 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }

.m07 { border-radius: var(--radius-sm); }
.g7932 { border-radius: var(--radius-md); }
.h10384e9 { border-radius: var(--radius-lg); }
.m052 { border-radius: var(--radius-full); }

.ocb { box-shadow: var(--shadow-sm); }
.a67b8 { box-shadow: var(--shadow-md); }
.p3d4 { box-shadow: var(--shadow-lg); }
.e3173cf { box-shadow: var(--shadow-xl); }

@media (max-width: 1024px) {
  h1 { font-size: 2.25rem; }
  h2 { font-size: 1.875rem; }
  h3 { font-size: 1.5rem; }
  
  .a925 { grid-template-columns: repeat(2, 1fr); }
  .iff9 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .l6db8e3f {
    padding: 0 var(--spacing-sm);
  }
  
  h1 { font-size: 1.875rem; }
  h2 { font-size: 1.5rem; }
  h3 { font-size: 1.25rem; }
  h4 { font-size: 1.125rem; }
  
  .kcbac550 { grid-template-columns: 1fr; }
  .iff9 { grid-template-columns: 1fr; }
  .a925 { grid-template-columns: 1fr; }
  
  .ac24186 { padding: var(--spacing-sm) var(--spacing-md); }
}

@media (max-width: 480px) {
  h1 { font-size: 1.5rem; }
  h2 { font-size: 1.25rem; }
  h3 { font-size: 1rem; }
  
  .a5d84d { padding: var(--spacing-md); }
  
  .kcef {
    flex-direction: column;
  }
}
.j5dc0c6 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 1000;
  font-family: var(--font-primary);
}

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

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

.p39c88:hover {
  opacity: 0.85;
}

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

.af9ee0 {
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--color-text-primary);
  white-space: nowrap;
}

.hbea08e {
  display: none;
  flex-direction: row;
  gap: 2rem;
  align-items: center;
  flex: 1;
  margin-left: 3rem;
  justify-content: center !important;
}

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

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

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

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

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

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

.oc983b {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 999;
  padding-top: 70px;
}

.oc983b.b2d {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

.gab40 {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-align: center;
  transition: background var(--transition-base);
  margin: 1rem clamp(1rem, 4vw, 2rem);
  border-radius: 0.5rem;
}

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

@media (min-width: 768px) {
  .df7a2b {
    height: 80px;
  }

  .hbea08e {
    display: flex;
  }

  .gdd {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ndeab4 {
    display: none;
  }

  .oc983b {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .df7a2b {
    height: 90px;
  }

  .af9ee0 {
    font-size: 1.375rem;
  }

  .hbea08e {
    gap: 2.5rem;
    margin-left: 4rem;
  }
}

    .ja6b2 {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
}

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

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

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

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

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

.c70f161 {
  flex: 1 1 100%;
  max-width: 500px;
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(59, 130, 246, 0.15);
  transform: perspective(1000px) rotateY(-2deg);
}

.c70f161 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  display: block;
}

.k3d34 {
  flex: 1 1 100%;
  text-align: center;
}

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

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

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

.p399,
.m5920f {
  display: inline-block;
  padding: 0.75rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  text-align: center;
  cursor: pointer;
  border: none;
}

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

.p399:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);
}

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

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

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

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

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

.ob488f13 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

  .c70f161 {
    flex: 1 1 45%;
    max-width: none;
  }

  .k3d34 {
    flex: 1 1 45%;
    text-align: left;
  }

  .h70,
  .de2 {
    text-align: left;
  }

  .da53e2 {
    flex-direction: row;
    align-items: flex-start;
  }
}

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

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

.k431ce7d,
.kcf {
  font-size: clamp(3rem, 8vw, 6rem);
  color: var(--color-accent);
  opacity: 0.3;
  position: absolute;
  line-height: 0.8;
}

.k431ce7d {
  top: 0;
  left: 0;
}

.kcf {
  bottom: 0;
  right: 0;
}

.ncc1 {
  position: relative;
  z-index: 1;
}

.ncc1 p {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0;
  max-width: 700px;
}

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

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

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

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

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

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

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

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

.bf0d41b {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

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

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

  .d1615 {
    flex: 1 1 40%;
  }

  .b7712 {
    flex: 1 1 50%;
    flex-direction: column;
    justify-content: flex-start;
  }

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

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

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

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

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

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

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

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

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

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

.be310 {
  flex: 1 1 300px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

.be310:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(59, 130, 246, 0.15);
  border-color: var(--color-accent);
}

.ec1c05 {
  font-size: 2.5rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

.mbeb13 {
  flex: 1 1 200px;
  min-width: 180px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  text-align: center;
}

.o96b3dd6 {
  font-size: 2rem;
  color: var(--color-accent);
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.medf0c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.iec {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.iec:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 40px rgba(59, 130, 246, 0.2);
}

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

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

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

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

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

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

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

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

.e56872a:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);
}

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

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

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

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

.bf4695 {
  display: inline-block;
  padding: 0.875rem 2.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  align-self: center;
}

.bf4695:hover {
  background: var(--color-accent-hover);
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(59, 130, 246, 0.3);
}

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

.p947d44c.bf8f1a71 {
  display: none;
}

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

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

.a95afba,
.ha1160ac {
  padding: 0.5rem 1.25rem;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
  border: none;
}

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

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

.ha1160ac {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border-light);
}

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

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

  .c70f161 {
    order: -1;
  }

  .e26 {
    flex-direction: column;
  }

  .d1615 {
    order: 1;
  }

  .b7712 {
    order: 2;
  }

  .bf0d41b {
    flex: 1 1 100%;
  }

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

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

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

  .obf {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .k50 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .e14820a {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .d1c6d {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .p9089 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .p0a0 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .b46 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .h427 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

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

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

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

.maa5dd8,
.ee0e3,
.g926,
.e709 {
  display: block;
}

.maa5dd8 h3,
.ee0e3 h3,
.g926 h3,
.e709 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

.maa5dd8 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 90%;
}

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

.d949418b li,
.hb8 li {
  display: block;
}

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

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

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

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

.b65 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  margin: 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c1405f {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  margin: 0;
  line-height: 1.6;
  font-style: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .p59177 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2rem, 4vw, 3rem);
    justify-content: space-between;
    align-items: flex-start;
  }

  .maa5dd8 {
    flex: 1 1 250px;
    min-width: 240px;
  }

  .ee0e3 {
    flex: 0 1 160px;
  }

  .g926 {
    flex: 1 1 220px;
  }

  .e709 {
    flex: 0 1 180px;
  }

  .jbe {
    flex: 1 1 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
  }

  .b65 {
    margin: 0;
    flex: 0 1 auto;
  }

  .c1405f {
    margin: 0;
    flex: 0 1 auto;
  }
}

@media (max-width: 767px) {
  .jbe {
    text-align: center;
  }

  .b65,
  .c1405f {
    text-align: center;
  }
}
    

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

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

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

.lc1 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.jdf8b {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-family: var(--font-primary);
  max-width: 900px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.m5f {
  text-align: center;
}

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

.h7baa {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  font-family: var(--font-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.fc8 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  padding: clamp(1.5rem, 3vw, 2rem);
  transition: all var(--transition-base);
}

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

.ncf {
  flex: 0 0 clamp(200px, 30%, 350px);
  min-height: 200px;
}

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

.pe641db5 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
  justify-content: space-between;
}

.f74151 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-family: var(--font-heading);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.4;
}

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

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

.b02864 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-family: var(--font-primary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.b02864 i {
  color: var(--color-primary);
  font-size: 0.875rem;
}

.f71aa {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  display: inline-block;
  transition: all var(--transition-fast);
}

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

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

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

.a645 {
  text-align: center;
}

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

.cb2a19 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  font-family: var(--font-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.d668 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-family: var(--font-heading);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .ncf {
    flex: 0 0 auto;
    width: 100%;
    min-height: 200px;
  }

  .pe641db5 {
    flex: 1;
  }

  .ff2e {
    gap: 1rem;
  }

  .e8b4 {
    flex: 0 0 50px;
    height: 50px;
    font-size: 1.5rem;
  }
}

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

  .ncf {
    flex: 0 0 40%;
  }
}

@media (min-width: 1024px) {
  .ncf {
    flex: 0 0 35%;
  }
}

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

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

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

.j2f {
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

.mc35c {
  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: 1.2;
}

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

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

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

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

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

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

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

  .i4a6,
  .l723 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

.p71642d {
  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: 1.2;
}

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

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

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

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

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

  .aaeebe4,
  .m4b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.a3e2 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 700px;
  margin: 0 auto clamp(2rem, 4vw, 3rem);
}

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

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

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

.k090d {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: 60px;
  text-align: center;
  line-height: 1;
}

.pcb6 {
  flex: 1;
}

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

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

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

  .k090d {
    text-align: left;
  }
}

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

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

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

.gc1 {
  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: 1.2;
}

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

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

.b0bd1ba6 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.b0bd1ba6 i {
  color: var(--color-success);
  margin-top: 2px;
  flex-shrink: 0;
}

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

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

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

  .d61c225,
  .neadc2e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.d740c3 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 700px;
  margin: 0 auto clamp(2rem, 4vw, 3rem);
}

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

.j4637 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

.me93 {
  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: 1.2;
}

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

.k72e26f4 {
  list-style: decimal;
  padding-left: 2rem;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

  .d41 {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }

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

.bb837 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-warning);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

.ne9c7a0d {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

.ade6d47 {
  flex-shrink: 0;
}

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

.ec554 {
  flex: 1;
}

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

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

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

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

.b640ffc {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  margin-bottom: 0.75rem;
}

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

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

  .ade6d47 {
    flex-shrink: 0;
  }
}

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

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

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

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

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

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

.h64 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

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

.g7ab:hover .h64 img {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

.b98b {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .fb66e0 {
    flex-direction: column;
  }
  
  .cab5df,
  .h4356 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .j2b {
    flex-direction: column;
  }
  
  .ge67,
  .o60d1d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.a5d5 {
  flex: 1;
}

.hb7a5 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .l86 {
    flex-direction: column;
  }
  
  .dbcf,
  .fbc62b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.aa3b {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: 1.5rem;
}

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

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

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

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

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

.k4d7413 {
  flex: 1 1 55%;
  max-width: 55%;
}

.hdf2 {
  flex: 1 1 45%;
  max-width: 45%;
}

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

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

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

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

.i3b {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

@media (max-width: 768px) {
  .pcf64f {
    flex-direction: column;
  }
  
  .k4d7413,
  .hdf2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.pcdac {
  text-align: center;
}

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

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

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

.kbcfaf {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.3rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.na6a46e {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.o9e3 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1875rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
}

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

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

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

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

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

@media (max-width: 768px) {
  .o03 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
  
  .c88 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

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

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  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: color 0.3s ease;
}

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

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

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

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

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

.ecf5a975 a {
  color: var(--color-accent-light);
  transition: color 0.3s ease;
}

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

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

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

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

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

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

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

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

.gec161f {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 95%;
}

.p75e4 {
  margin: 0;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

.p75e4 img {
  width: 100%;
  height: auto;
  display: block;
  max-height: 500px;
  object-fit: cover;
}

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

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

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

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

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

.i17e {
  flex: 1 1 50%;
  max-width: 50%;
  margin: 0;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

.i17e img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 300px;
}

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

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

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

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

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

.g964b4 {
  flex: 1 1 50%;
  max-width: 50%;
  margin: 0;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

.g964b4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 300px;
}

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

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

.d68d1e6 {
  flex: 1 1 50%;
  max-width: 50%;
  margin: 0;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

.d68d1e6 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 300px;
}

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

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

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

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

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

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

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

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

.b0de298e {
  flex: 1 1 50%;
  max-width: 50%;
  margin: 0;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

.b0de298e img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 300px;
}

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

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

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

.gec636 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-accent-light);
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 600;
}

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

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

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

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

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

.k3e {
  background-color: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border-left: 4px solid var(--color-accent-light);
}

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

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

.l7c1e {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background-color: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
}

.dccae2 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

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

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

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

.f07b a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

.a7cbd83 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent-light);
  font-weight: 600;
}

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

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

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

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

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

.ef4d71de {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background-color: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ef4d71de:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(59, 130, 246, 0.15);
}

.d5c9268 {
  margin: 0;
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

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

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

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

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

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

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

@media (max-width: 1023px) {
  .c688,
  .c56764,
  .oe8,
  .a4be50 {
    flex-direction: column;
  }

  .k598dc,
  .i17e,
  .g85,
  .g964b4,
  .o22,
  .d68d1e6,
  .dbb126,
  .b0de298e {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ef4d71de {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
    min-width: 250px;
  }

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

  .h5ad3 {
    align-items: center;
  }
}

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

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

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

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

  .gec161f {
    max-width: 100%;
  }

  .c8b9a5,
  .f83306,
  .n63a0e,
  .e1faf757 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .o84e,
  .n783531,
  .pc067 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

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

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

@media (max-width: 480px) {
  .f604 {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

  .n67f6,
  .lf4,
  .gadf30,
  .d842,
  .ge4a218f,
  .p92 {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }

  .ecf5a975 {
    flex-direction: column;
    gap: 0.25rem;
  }

  .ecf5a975 span {
    display: none;
  }
}

.le0d5 {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h49761 {
    color: var(--color-text-on-accent);
    background: var(--color-accent);
    font-size: clamp(1.25rem, 3vw, 1.75rem);
    font-weight: 700;
    min-width: clamp(2.5rem, 4vw, 3rem);
    width: clamp(2.5rem, 4vw, 3rem);
    height: clamp(2.5rem, 4vw, 3rem);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    flex-shrink: 0;
  }

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

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

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

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

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

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

  .ha6d7a2b {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 220px;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 1vw, 1rem);
    text-align: center;
    transition: all var(--transition-base);
  }

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

  .c85af {
    font-size: clamp(2rem, 4vw, 3rem);
    color: var(--color-accent);
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

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

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

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

  .o90946f i {
    color: var(--color-warning);
    font-size: clamp(1.25rem, 2vw, 1.5rem);
  }

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

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

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

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

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

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

  .aa46c942:not(:last-child) {
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

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

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

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

  .n941ea {
    flex-shrink: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

  .d09 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    min-width: 280px;
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all var(--transition-base);
  }

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

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

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

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

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

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

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

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

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

    .mc28,
    .k3be94 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .m092f {
      flex-direction: column;
    }

    .j9fa6d,
    .n0400 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .l21 {
      flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
      min-width: 220px;
    }

    .la57bf16 {
      flex-direction: column;
    }

    .ma3b0afc,
    .f225d5 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .ce220 {
      flex-direction: column;
    }

    .g4f,
    .n083 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

    .d09 {
      flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
      min-width: 200px;
    }

    .h3ab9 {
      height: 150px;
    }
  }

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

    .a53eb6 {
      font-size: 0.75rem;
      gap: 0.25rem;
    }

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

    .ha6d7a2b {
      text-align: left;
    }

    .naa8c {
      flex-direction: column;
    }

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

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

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

    .n941ea img {
      width: 80px;
      height: 80px;
    }
  }

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

html, body {
  font-family: 'General Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

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

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

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

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

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

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

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

.p3c385 {
  color: var(--color-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 500;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.ped2e1 {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

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

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

.f156cf {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.f156cf:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
  transform: translateY(-4px);
}

.kfa {
  color: var(--color-accent);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  line-height: 1;
}

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

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

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

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

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

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

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

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

.h8ec9 {
  flex: 1 1 50%;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

.f9e2 {
  flex: 1 1 45%;
  min-width: 280px;
  height: auto;
  max-height: 450px;
  border-radius: clamp(0.75rem, 1vw, 1.5rem);
  object-fit: cover;
  display: block;
}

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

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

.e95bd {
  text-align: center;
}

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

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

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

.k4125ea8 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 2vw, 2rem);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 300px;
  border-radius: clamp(0.25rem, 0.5vw, 0.5rem);
}

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

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

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

.ga1de {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.fb30e {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
  font-style: italic;
}

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

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

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

.nca6d0e {
  text-align: center;
}

.f28ac57 {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

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

.ea311 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

  .h8ec9 {
    flex: 1 1 100%;
  }

  .f9e2 {
    flex: 1 1 100%;
    max-height: 350px;
  }

  .f156cf {
    flex: 1 1 100%;
  }

  .k4125ea8 {
    flex: 1 1 100%;
  }

  .l152 {
    align-items: stretch;
    text-align: center;
  }

  .ke5 {
    flex-direction: column;
  }

  .p05c4a {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .k49859 {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

  .a1afa,
  .g8d81b0e,
  .acacd9,
  .g7f5 {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }

  .fb30e {
    font-size: clamp(1rem, 2vw, 1.25rem);
  }
}

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

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

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

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

.k6689f1a {
  flex: 1 1 45%;
  min-width: 0;
}

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

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

.d1987f {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 500px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-bg-secondary);
}

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

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

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

.oc0ef72 {
  text-align: center;
}

.id75 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

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

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

.e1d {
  text-align: center;
}

.l9a7c09d {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

.f3a11d {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
  line-height: 1;
}

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

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

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

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

.jd75c {
  text-align: center;
}

.a38 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

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

.p3fa3 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
}

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

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

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

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

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

.hfb1 {
  text-align: center;
}

.f813d {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

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

.n1f436c {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 240px;
  max-width: 320px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

.h4f9 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

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

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

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

.mf3 {
  text-align: center;
}

.he46 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

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

.j6899e {
  text-align: center;
}

.i47618e {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

.k1ad46 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
  transition: all var(--transition-base);
}

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

.i2a44b01 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

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

.o49a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 500;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
}

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

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

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

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

.b0205a43 {
  font-family: var(--font-primary);
  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;
}

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

.p4dbd,
.jb9 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  white-space: nowrap;
  border: none;
  cursor: pointer;
}

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

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

.jb9 {
  background: var(--color-bg-card);
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

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

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

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

.m1aad2c7 {
  text-align: center;
}

.i35b {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

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

.ped917 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 240px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
}

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

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

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

  .k6689f1a,
  .d1987f {
    flex: 1 1 100%;
  }

  .d1987f {
    min-height: 250px;
    max-height: 350px;
  }

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

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

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

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

  .ee67b444 {
    flex-direction: column;
  }

  .p4dbd,
  .jb9 {
    width: 100%;
  }

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

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

  .n1f436c {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: auto;
    max-width: 100%;
  }

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

  .ped917 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: auto;
  }
}

@media (min-width: 1024px) {
  .d2e44f {
    flex: 1 1 calc(33.333% - 1.67rem);
  }

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

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

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

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

.h203556 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.a195c {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.h203556 h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.h203556 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .h203556 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .h203556 {
    padding: 5rem var(--spacing-xl);
  }

  .h203556 h1 {
    font-size: 3.5rem;
  }
}

.k09 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.if4e78c {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--spacing-md);
}

.f6f {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .f6f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .k09 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

  .k09 {
    padding: 5rem var(--spacing-xl);
  }

  .if4e78c {
    padding: 0;
  }
}

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

.f5e3dc1:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

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

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

.f5e3dc1:hover .gdde211 img {
  transform: scale(1.05);
}

.b1e {
  padding: var(--spacing-xl);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.p2528 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.f5e3dc1 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1rem);
  margin: 0;
  line-height: 1.6;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .b1e {
    padding: var(--spacing-xl) var(--spacing-xl);
  }
}

.he5 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.he5 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.2;
}

.he5 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

.hbdc7c3 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
}

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

.hbdc7c3:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .he5 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .he5 h2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .he5 {
    padding: 5rem var(--spacing-xl);
  }

  .he5 h2 {
    font-size: 2.5rem;
  }
}

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

.g2c2 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

.l0c {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.dbaa {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

.gf0 {
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

.abc4ec6 {
  max-width: 1200px;
  margin: 0 auto;
}

.e2eee {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

@media (min-width: 768px) {
  .e2eee {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.g2f5e303 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.g2f5e303:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--color-primary-light);
  transform: translateY(-4px);
}

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

.h5b {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.l4f01ad7 {
  font-size: clamp(0.875rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.o0dd8 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.o0dd8 li {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

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

.d252fa5 {
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  margin-top: var(--spacing-3xl);
}

.o908 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.3;
}

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

.ea3dc228:last-of-type {
  margin-bottom: 0;
}

.aaef3 {
  color: var(--color-primary);
  text-decoration: none;
  border-bottom: 2px solid var(--color-primary);
  transition: all var(--transition-fast);
}

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

.f255b38e {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
  text-align: center;
}

.h1eec2fa {
  max-width: 700px;
  margin: 0 auto;
}

.a80ae {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
  color: var(--color-text-on-accent);
}

.kc0 {
  font-size: clamp(0.95rem, 1.5vw + 0.3rem, 1.125rem);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
  opacity: 0.95;
  color: var(--color-text-on-accent);
}

.pb7af1a8 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.3rem, 1.125rem);
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
  display: inline-block;
}

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

.l03 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

.ga3145e {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .ga3145e {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.p6f1e {
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.p6f1e img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;
  transition: transform var(--transition-base);
}

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

.gb901f65 {
  background-color: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  text-align: center;
  border-top: 1px solid var(--color-border-light);
}

@media (max-width: 767px) {
  .g2c2 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

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

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

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

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

@media (min-width: 768px) and (max-width: 1023px) {
  .g2c2 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .g2c2 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

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

@media (prefers-reduced-motion: reduce) {
  .g2f5e303,
  .pb7af1a8,
  .p6f1e,
  .aaef3 {
    transition: none;
  }

  .g2f5e303:hover {
    transform: none;
  }

  .pb7af1a8:hover {
    transform: none;
  }

  .p6f1e:hover {
    transform: none;
  }

  .p6f1e img {
    transition: none;
  }
}

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

.p157c629 main {
  width: 100%;
}

.p157c629 .l6db8e3f {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.p157c629 .he9fb66a {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.p157c629 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.3;
}

.p157c629 .f3b {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.p157c629 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.4;
}

.p157c629 h2:first-of-type {
  margin-top: var(--spacing-lg);
}

.p157c629 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.p157c629 ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: var(--spacing-md);
}

.p157c629 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

.p157c629 .j8f2d02 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.p157c629 .j8f2d02 h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.p157c629 .j8f2d02 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.p157c629 .j8f2d02 strong {
  color: var(--color-primary);
  font-weight: 600;
}

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

@media (min-width: 768px) {
  .p157c629 .he9fb66a {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p157c629 .he9fb66a {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

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

.d81a7c4f {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.fb6be1 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.l6db8e3f {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.he9fb66a {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.gb4 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.ae5cd2 {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-success-light);
  border-radius: var(--radius-full);
  color: var(--color-success);
  animation: iconPulse 0.6s ease-out;
}

.ae5cd2 svg {
  width: 48px;
  height: 48px;
  stroke-width: 1.5;
}

@keyframes iconPulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.d5e6c {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.02em;
  margin-top: var(--spacing-sm);
}

.bea {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 500;
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

.d278c4e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
}

.h433 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-md);
  margin: var(--spacing-xl) 0;
  width: 100%;
}

.p9cb1d {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.nb1a2f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-full);
}

.e31 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  text-align: center;
}

.ac24186 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1vw, 1.125rem) clamp(2rem, 4vw, 3rem);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.3px;
}

.d10b {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

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

@media (min-width: 640px) {
  .fb6be1 {
    padding: var(--spacing-xl) var(--spacing-md);
  }

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

  .ae5cd2 svg {
    width: 56px;
    height: 56px;
  }

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

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

@media (min-width: 768px) {
  .fb6be1 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

  .ae5cd2 {
    width: 120px;
    height: 120px;
  }

  .ae5cd2 svg {
    width: 64px;
    height: 64px;
  }

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

  .nb1a2f {
    width: 60px;
    height: 60px;
  }
}

@media (min-width: 1024px) {
  .fb6be1 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

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

  .ae5cd2 {
    width: 140px;
    height: 140px;
  }

  .ae5cd2 svg {
    width: 72px;
    height: 72px;
  }

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

@media (max-width: 480px) {
  .h433 {
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
  }

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

  .ac24186 {
    width: 100%;
  }
}

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

.h1845e67 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c8a {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.l6db8e3f {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--spacing-md);
}

.he9fb66a {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.j789 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
}

.lc9 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

.j48a {
  position: relative;
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.k213eff {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 800;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
  animation: float-error 3s ease-in-out infinite;
}

.g1eb {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid var(--color-primary-light);
  border-radius: var(--radius-full);
  opacity: 0.3;
  animation: rotate-decoration 20s linear infinite;
}

@keyframes float-error {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes rotate-decoration {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.f3ede {
  width: 100%;
}

.f3ede 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);
  letter-spacing: -0.01em;
}

.ia3653 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
  font-weight: 500;
}

.k22ab7 {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
}

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

.ac24186 {
  display: inline-block;
  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.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  letter-spacing: 0.3px;
}

.d10b {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

.m49096d4 {
  width: 100%;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-xl);
}

.m49096d4 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.f02f {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

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

@media (min-width: 640px) {
  .c8a {
    padding: var(--spacing-xl) var(--spacing-md);
  }

  .j48a {
    width: 250px;
    height: 250px;
  }

  .k213eff {
    animation: float-error 3.5s ease-in-out infinite;
  }

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

@media (min-width: 768px) {
  .c8a {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

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

  .j48a {
    width: 300px;
    height: 300px;
  }

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

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

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

@media (min-width: 1024px) {
  .c8a {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

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

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

  .j48a {
    width: 350px;
    height: 350px;
  }

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

  .f02f li {
    padding-left: var(--spacing-xl);
  }
}

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

.bbb9aa {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

.m58ed60 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.ed0f4278 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .bbb9aa {
    padding: var(--spacing-3xl) 0;
  }
}

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

.kf24e {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.jffb7dc3 {
  width: 100%;
}

.p3bd119 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

.gbb {
  flex: 1 1 300px;
  min-width: 280px;
}

.ebc836 {
  flex: 1 1 300px;
  min-width: 280px;
}

.k6a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
}

.c8d05d {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.l6b1 {
  font-size: clamp(0.8rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.d578ba4,
.d55 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  line-height: 1.5;
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.d578ba4:focus,
.d55:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.d578ba4::placeholder,
.d55::placeholder {
  color: var(--color-text-muted);
}

.d55 {
  min-height: 140px;
  resize: vertical;
}

.i576ee3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-sm);
}

.g3a5 {
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.g3a5:active {
  transform: translateY(0);
}

.ee36 {
  font-size: clamp(0.75rem, 0.9vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.5;
}

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

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

.a646ec4 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
}

.pfcc8c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.f44729 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.mde {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: 1.5rem;
}

.kb415 {
  flex: 1;
}

.o01 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  font-family: var(--font-heading);
}

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

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

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

.d4f {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

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

.kd7 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
}

.hf65d {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

@media (max-width: 768px) {
  .p3bd119 {
    gap: var(--spacing-2xl);
  }

  .gbb,
  .ebc836 {
    flex: 1 1 100%;
  }
}

@media (min-width: 768px) {
  .kf24e {
    padding: var(--spacing-3xl) 0;
  }
}

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

  .p3bd119 {
    gap: 4rem;
  }
}

.h4e {
  width: 100%;
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.i833b892 {
  width: 100%;
}

.b6942f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
}

.gdedf9 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.f61 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

.p2312ae2 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

@media (min-width: 768px) {
  .h4e {
    padding: var(--spacing-3xl) 0;
  }

  .gdedf9 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

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

  .gdedf9 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }
}

.j00f {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

.p9bc {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.ee6d {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.he99be75 {
  display: inline-block;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

@media (min-width: 768px) {
  .j00f {
    padding: var(--spacing-3xl) 0;
  }
}

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

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

  .k6a,
  .a646ec4 {
    font-size: 1.1rem;
  }

  .d578ba4,
  .d55 {
    padding: 0.75rem 0.875rem;
  }

  .g3a5 {
    padding: 0.875rem 1.25rem;
  }

  .mde {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }
}
.ndeab4,.jf826{
  width: 34px;
}

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

.oc983b{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .oc983b{
    max-width: 100%;
  }
}

.oc983b.b2d{
  z-index: 999;
}

.g95{
  padding-top: 50px;
}

.ndeab4[aria-expanded="true"]{
  display: none;
}