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

:root {
  --color-bg-primary: #fafaf9;
  --color-bg-secondary: #f5f5f4;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e293b;
  --color-text-secondary: #5f6e84;
  --color-text-muted: #606977;

  --color-primary: #1e40af;
  --color-primary-hover: #1e3a8a;
  --color-primary-light: #eff6ff;
  --color-primary-lighter: #dbeafe;
  
  --color-secondary: #3b82f6;
  --color-secondary-light: #dbeafe;
  --color-secondary-lighter: #eff6ff;

  --color-success: #16a34a;
  --color-success-light: #f0fdf4;
  
  --color-warning: #d97706;
  --color-warning-light: #fffbeb;
  
  --color-danger: #dc2626;
  --color-danger-light: #fef2f2;

  --color-border: #e2e8f0;
  --color-border-light: #f1f5f9;

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

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

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

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

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

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

h1 {
  font-size: 3rem;
  font-weight: 700;
}

h2 {
  font-size: 2.25rem;
  font-weight: 700;
}

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

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

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

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

p {
  margin: 0;
  color: var(--color-text-secondary);
  line-height: 1.7;
  letter-spacing: 0.3px;
}

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

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

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

.pe2 {
  background: var(--color-primary);
  color: #ffffff;
}

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

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

.mc133c15:hover {
  background: var(--color-secondary);
  color: #ffffff;
}

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

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

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

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

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

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

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

label {
  display: block;
  margin-bottom: var(--spacing-sm);
  font-weight: 500;
  color: var(--color-text-primary);
}

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

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

.of3e6 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.2px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a03a0c39 {
  text-align: center;
}

.e38c7b {
  text-align: left;
}

.a29d20 {
  text-align: right;
}

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

.me4ba919 {
  font-size: 0.9rem;
  letter-spacing: 0.2px;
}

.c1795a4b {
  font-size: 1.15rem;
  letter-spacing: 0.3px;
}

.fbf77 {
  font-size: 1.35rem;
  letter-spacing: 0.3px;
}

.p1a2 {
  font-weight: 400;
}

.b981 {
  font-weight: 500;
}

.na8 {
  font-weight: 600;
}

.j4f {
  font-weight: 700;
}

.m5c { margin: 0; }
.be743281 { margin-top: var(--spacing-sm); }
.c5825fd { margin-top: var(--spacing-md); }
.n678 { margin-top: var(--spacing-lg); }
.e158890 { margin-top: var(--spacing-xl); }
.mce944 { margin-top: var(--spacing-2xl); }

.a810b47 { margin-bottom: var(--spacing-sm); }
.lcdf832 { margin-bottom: var(--spacing-md); }
.ae0 { margin-bottom: var(--spacing-lg); }
.efc2 { margin-bottom: var(--spacing-xl); }
.f1293b77 { margin-bottom: var(--spacing-2xl); }

.g619bb0c { margin: var(--spacing-sm) 0; }
.hf5a { margin: var(--spacing-md) 0; }
.k2cd { margin: var(--spacing-lg) 0; }
.b6dc1 { margin: var(--spacing-xl) 0; }

.l4567 { margin: 0 auto; }

.c38eda { padding: var(--spacing-sm); }
.a5e1061b { padding: var(--spacing-md); }
.dd400a4 { padding: var(--spacing-lg); }
.a7440 { padding: var(--spacing-xl); }

.h340f { padding: 0 var(--spacing-md); }
.pf37 { padding: 0 var(--spacing-lg); }

.p7f7f2 { padding: var(--spacing-sm) 0; }
.o506e59 { padding: var(--spacing-md) 0; }
.l6ceec6 { padding: var(--spacing-lg) 0; }

.j9c55b2 { gap: var(--spacing-sm); }
.n688b6 { gap: var(--spacing-md); }
.g81de { gap: var(--spacing-lg); }
.k08 { gap: var(--spacing-xl); }

.pd2c83 { border-radius: var(--radius-md); }
.h92e { border-radius: var(--radius-lg); }
.c7797 { border-radius: var(--radius-xl); }
.ge9565d { border-radius: var(--radius-2xl); }
.caf28 { border-radius: var(--radius-full); }

.hbb { box-shadow: var(--shadow-sm); }
.l304 { box-shadow: var(--shadow-md); }
.o9348faf { box-shadow: var(--shadow-lg); }
.m4bd { box-shadow: var(--shadow-xl); }

.p448da { background: var(--color-bg-primary); }
.m2f5 { background: var(--color-bg-secondary); }
.l36e8ff4 { background: var(--color-bg-tertiary); }
.f68c23 { background: var(--color-bg-card); }
.jb7 { background: var(--color-primary-light); }
.a39 { background: var(--color-success-light); }
.i30da92c { background: var(--color-warning-light); }

.f97ce3 { border: 1px solid var(--color-border); }
.ce9a28 { border-top: 1px solid var(--color-border); }
.e1621 { border-bottom: 1px solid var(--color-border); }

.b41ce9e { opacity: 0.5; }
.c3e8df78 { opacity: 0.75; }

.g81540b { display: none; }
.ab67dad2 { visibility: hidden; }

.f1ab90 { display: block; }
.a8a273f { display: inline-block; }
.hd066 { display: inline; }

.n6b0cb { width: 100%; }
.eb952d { height: 100%; }

.n17 { max-width: 320px; }
.b6398f { max-width: 384px; }
.l1f { max-width: 448px; }
.m730 { max-width: 512px; }
.bc7 { max-width: 672px; }
.f1b { max-width: 768px; }
.p1a { max-width: 896px; }

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

ul, ol {
  margin: 0;
  padding-left: var(--spacing-xl);
  color: var(--color-text-secondary);
  line-height: 1.8;
  letter-spacing: 0.3px;
}

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

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

blockquote {
  margin: var(--spacing-lg) 0;
  padding: var(--spacing-lg);
  border-left: 4px solid var(--color-primary);
  background: var(--color-primary-light);
  border-radius: var(--radius-lg);
  color: var(--color-text-secondary);
  font-style: italic;
  letter-spacing: 0.3px;
  line-height: 1.8;
}

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

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

pre code {
  background: none;
  color: inherit;
  padding: 0;
}

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

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

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

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

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

figure {
  margin: 0;
  padding: 0;
}

figcaption {
  font-size: 0.9rem;
  color: var(--color-text-muted);
  margin-top: var(--spacing-sm);
  text-align: center;
  letter-spacing: 0.2px;
}

@media (max-width: 768px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.4rem;
  }

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

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

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

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

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

  .g5ffb {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  html {
    font-size: 15px;
  }

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.4rem;
  }

  h3 {
    font-size: 1.1rem;
  }

  button, .a19e1 {
    width: 100%;
  }

  .p07d1, .p9abce8, .o79ad {
    grid-template-columns: 1fr;
  }

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

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

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg-primary: #fafaf9;
    --color-bg-secondary: #f5f5f4;
    --color-bg-tertiary: #ffffff;
    --color-bg-card: #ffffff;
    --color-text-primary: #1e293b;
    --color-text-secondary: #5f6e84;
    --color-text-muted: #606977;
  }
}

.m137b {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--color-primary);
  color: #ffffff;
  padding: var(--spacing-md);
  text-decoration: none;
  border-radius: var(--radius-lg);
  z-index: 100;
}

.m137b:focus {
  top: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.cf51f536 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

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

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

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

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

.lf1bd2:hover .g7185 {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

.nfc {
  display: none;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
}

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

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

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

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

.m11 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  z-index: 102;
}

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

.m11.ab2 span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.m11.ab2 span:nth-child(2) {
  opacity: 0;
}

.m11.ab2 span:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

.pd2472 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  padding-top: 70px;
  z-index: 101;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.pd2472.ab2 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .nfc {
    display: flex;
    flex: 1;
    justify-content: center;
  }

  .b118beed {
    display: inline-block;
  }

  .m11 {
    display: none;
  }

  .pd2472 {
    display: none;
  }

  .jeddd {
    padding: 1.25rem clamp(1rem, 3vw, 2rem);
  }
}

@media (min-width: 1024px) {
  .jeddd {
    padding: 1.5rem clamp(1rem, 3vw, 2rem);
  }

  .pd0c8e0 {
    font-size: 1rem;
  }

  .b118beed {
    font-size: 1rem;
    padding: 0.875rem 2rem;
  }
}

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

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

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

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

.n8308 {
  flex: 1 1 100%;
  max-width: 600px;
}

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

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

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

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

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

.a19e1 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.875rem, 1vw, 1rem);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  font-weight: 600;
  white-space: nowrap;
}

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

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

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

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

.ic76d {
  flex: 1 1 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: start;
}

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

.n3033 {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  min-height: 300px;
}

.hca {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  min-height: 200px;
}

.ece029 {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  min-height: 150px;
}

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

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

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

.l07af0 {
  text-align: center;
}

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

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

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

.h89 {
  flex: 1 1 300px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.ga4 {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--radius-sm);
}

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

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

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

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

.n9d {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1.25rem);
  align-items: center;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

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

.i3c59c33 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
  border-bottom: 2px solid transparent;
  padding-bottom: 2px;
}

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

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

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

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

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

.obf799df {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-sm);
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}

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

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

.icd {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 750px;
}

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

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

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

.g4557 {
  color: var(--color-accent);
  font-weight: 600;
  font-style: italic;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

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

.b93547 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
}

.ea0 {
  background: rgba(239, 68, 68, 0.05);
  border: 1px solid rgba(239, 68, 68, 0.2);
}

.d8e0d {
  background: rgba(34, 197, 94, 0.05);
  border: 1px solid rgba(34, 197, 94, 0.2);
}

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

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

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

.cdf {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
}

.ea0 .cdf {
  color: #ef4444;
}

.d8e0d .cdf {
  color: #22c55e;
}

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

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

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

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

.cf20 {
  flex: 1 1 280px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  text-align: center;
  transition: all var(--transition-base);
}

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

.j9b30bb8 {
  font-size: clamp(2.25rem, 5vw, 3.5rem);
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
}

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

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

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

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

.d37 {
  text-align: center;
}

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

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

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

.j9365b12 {
  flex: 1 1 300px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

.ia51f14f {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
  border-bottom: 2px solid transparent;
  padding-bottom: 2px;
  align-self: flex-start;
}

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

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

.j9a3d7f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  display: inline-block;
}

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

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

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

.h83608.g81540b {
  display: none;
}

.g3219 {
  color: #f1f5f9;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  flex: 1 1 100%;
  text-align: center;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .g3219 {
    flex: 1 1 auto;
    text-align: left;
  }
}

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

@media (min-width: 768px) {
  .f2e6af3e {
    justify-content: flex-end;
  }
}

.oa6,
.f640c3 {
  padding: clamp(0.5rem, 0.75vw, 0.75rem) clamp(1rem, 1.5vw, 1.25rem);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all var(--transition-base);
  border: none;
  white-space: nowrap;
}

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

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

.f640c3 {
  background: transparent;
  color: #f1f5f9;
  border: 1px solid rgba(241, 245, 249, 0.4);
}

.f640c3:hover {
  border-color: #f1f5f9;
  background: rgba(241, 245, 249, 0.1);
}

@media (max-width: 640px) {
  .ic76d {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .n3033,
  .hca,
  .ece029 {
    grid-column: 1 / 2;
    grid-row: auto;
    min-height: 250px;
  }

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

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

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

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

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

.l1c9 {
  display: block;
}

.l1c9 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a59c9 {
  display: block;
}

.a59c9 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.g8edc {
  display: block;
}

.g8edc h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.n563 {
  display: block;
}

.n563 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.e2e0aaa {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1.2vw, 0.9375rem);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .l1c9 {
    flex: 1 1 280px;
    min-width: 280px;
  }

  .a59c9 {
    flex: 1 1 180px;
    min-width: 180px;
  }

  .g8edc {
    flex: 1 1 220px;
    min-width: 220px;
  }

  .n563 {
    flex: 1 1 180px;
    min-width: 180px;
  }

  .db6fdf8 {
    flex: 1 1 100%;
    border-top: 1px solid var(--color-border-light);
  }
}

@media (min-width: 1024px) {
  .i029 {
    gap: clamp(3rem, 6vw, 5rem);
  }

  .l1c9 {
    flex: 0 1 320px;
  }

  .a59c9 {
    flex: 0 1 160px;
  }

  .g8edc {
    flex: 0 1 240px;
  }

  .n563 {
    flex: 0 1 160px;
  }
}

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

.na237eb {
  background: var(--color-bg-primary);
  font-family: 'Figtree', sans-serif;
}

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

.pfc8 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

.bfd8 {
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

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

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

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

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

.id4f {
  font-family: 'Urbanist', sans-serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.pf21 {
  display: flex;
  flex-direction: row;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  min-height: 280px;
}

.pf21:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

.e38fb7 {
  flex: 1 1 45%;
  min-width: 280px;
  overflow: hidden;
}

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

.m492ee41 {
  flex: 1 1 55%;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  justify-content: space-between;
}

.ha37 {
  font-family: 'Urbanist', sans-serif;
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

.f03d72 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  padding-top: 0.5rem;
  border-top: 1px solid var(--color-border-light);
}

.of140,
.h77de7,
.g677 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.of140 i,
.h77de7 i,
.g677 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.n3c2a908 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  transition: all 0.3s ease;
  margin-top: 0.5rem;
}

.n3c2a908:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

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

  .e38fb7 {
    flex: 1 1 100%;
    min-width: auto;
    min-height: 220px;
  }

  .m492ee41 {
    flex: 1 1 100%;
  }

  .f03d72 {
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }
}

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

  .e38fb7 {
    flex: 1 1 40%;
    min-width: 250px;
  }

  .m492ee41 {
    flex: 1 1 60%;
  }
}

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

  .e38fb7 {
    flex: 1 1 45%;
    min-width: 300px;
  }

  .m492ee41 {
    flex: 1 1 55%;
  }
}

.n49 {
  background: var(--color-bg-primary);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  overflow-x: hidden;
}

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

.n49 p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

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

.dd54170 {
  position: relative;
  padding: clamp(4rem, 8vw, 8rem) 0;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
}

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

.l486b93b {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.65) 0%, rgba(30, 41, 59, 0.45) 100%);
  z-index: 1;
}

.dd54170 .c6dd14 {
  position: relative;
  z-index: 2;
  display: block;
}

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

.o88 a {
  color: var(--color-bg-tertiary);
  text-decoration: none;
  transition: all var(--transition-base);
}

.o88 a:hover {
  text-decoration: underline;
  opacity: 0.85;
}

.o88 span {
  color: var(--color-bg-tertiary);
  opacity: 0.7;
}

.j7c {
  max-width: 900px;
}

.j5c {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-bg-tertiary);
  opacity: 0.9;
}

.c4f30c {
  opacity: 0.6;
}

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

.oadb048 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-bg-tertiary);
  opacity: 0.95;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

.f2f15a {
  order: -1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k35f0c {
  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.8;
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

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

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

.dc3930a {
  flex: 1;
}

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

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

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

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

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

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

.bd498d {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1vw + 0.5rem, 1.125rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

.pe996 {
  flex: 1;
}

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

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

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

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

.pa9b0a53 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.75rem;
  font-weight: 500;
}

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

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

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

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

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

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

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

.d5ab4f {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

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

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

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

.ga5c2 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  align-self: flex-start;
  margin-top: auto;
}

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

@media (max-width: 1023px) {
  .p83f,
  .gb8c9cb,
  .l0a14549,
  .jb80cc {
    flex-direction: column;
  }

  .f8e76a9e,
  .gab1,
  .f2f15a,
  .nbd816a1,
  .j60c2eeb,
  .aef4,
  .l8dd79b2,
  .hca296 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .f2f15a {
    order: 0;
  }
}

@media (max-width: 768px) {
  .dd54170 {
    min-height: 400px;
    padding: clamp(3rem, 6vw, 4rem) 0;
  }

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

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

  .n8b {
    flex-direction: column;
  }

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

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

  .e2c772c {
    margin-top: 0;
  }
}

@media (max-width: 480px) {
  .dd54170 {
    min-height: 300px;
  }

  .a17ad {
    font-size: clamp(1.25rem, 4vw, 1.75rem);
  }

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

  .j5c {
    font-size: 0.75rem;
    gap: 0.5rem;
  }
}

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

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

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

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

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

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

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

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

.k6c719 span:last-child {
  color: var(--color-text-primary);
  font-weight: 500;
}

.b0bec3 {
  position: relative;
  width: 100%;
  height: clamp(300px, 60vw, 500px);
  overflow: hidden;
  margin-top: 0;
}

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

.l996 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(30, 64, 175, 0.4), rgba(30, 64, 175, 0.6));
}

.nc3 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: clamp(2rem, 4vw, 3rem);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.dbc {
  color: #ffffff;
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.la1f64 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

.ia5 {
  color: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ia5 i {
  font-size: 1.1em;
}

.hd9b320e {
  color: rgba(255, 255, 255, 0.95);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.15rem);
  line-height: 1.5;
  margin: 0;
  max-width: 600px;
}

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

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

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

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

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

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

.k5f89 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 200px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.k5f89 i {
  font-size: clamp(2rem, 5vw, 2.5rem);
  color: var(--color-accent);
}

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

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

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

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

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

.i55,
.cc2e88,
.maa,
.j1be {
  flex: 1 1 50%;
  max-width: 50%;
}

.i55 img,
.cc2e88 img,
.maa img,
.j1be img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-md);
}

.f15f9,
.a107,
.b77565,
.lcf0 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

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

.gf31e {
  margin: 0;
  padding: 0;
}

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

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

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

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

.b0c {
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  margin: clamp(1.5rem, 3vw, 2rem) 0;
  font-style: italic;
}

.pe26 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  margin: 0;
}

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

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

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

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

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

.i2e {
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

.g88 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.3rem);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

.h9f6 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  max-width: 600px;
  margin: 0 auto;
}

.i96c60 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

.j84a {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem));
  min-width: 250px;
  max-width: 400px;
  overflow: hidden;
}

.j9c42 {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

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

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

.j9c42:hover .ped932 {
  transform: scale(1.05);
}

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

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

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

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

  .h5ceb5,
  .jaef,
  .a9f7,
  .b1cb {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .i55,
  .cc2e88,
  .maa,
  .j1be {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k469144 {
    flex-direction: column;
  }

  .k5f89 {
    flex: 1 1 100%;
  }

  .o760 {
    flex-direction: column;
  }

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

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

  .nc3 {
    align-items: center;
    text-align: center;
  }

  .dbc {
    text-align: center;
  }

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

@media (min-width: 769px) and (max-width: 1023px) {
  .k469144 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .k5f89 {
    flex: 1 1 calc(50% - clamp(1rem, 2vw, 1.5rem));
  }

  .j84a {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
    max-width: none;
  }
}

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

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

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

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

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

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

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

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

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

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

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

  .e2edf5 {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    background: var(--color-bg-secondary);
    color: var(--color-text-secondary);
    border-radius: var(--radius-md);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .b8289 {
    color: var(--color-text-secondary);
    font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
    line-height: 1.7;
    padding: 0.75rem 0 0.75rem 1.75rem;
    position: relative;
    margin-bottom: 0.5rem;
  }

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

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

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

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

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

  .f91 {
    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: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.3;
  }

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

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

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

  .b10532 {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary-light);
    border-radius: var(--radius-md);
    font-size: 1.75rem;
    color: var(--color-accent);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .d42 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .f234c {
    max-width: 700px;
    margin: 0;
  }

  .l952a {
    color: var(--color-text-on-accent);
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
    font-style: italic;
    line-height: 1.8;
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .eea8fc85 {
    color: var(--color-text-on-accent);
    font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
    font-weight: 600;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .jddf54 {
    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: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.3;
  }

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

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

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

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

  .kda {
    color: var(--color-text-secondary);
    font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
    line-height: 1.7;
    padding: 0.75rem 0 0.75rem 1.75rem;
    position: relative;
    margin-bottom: 0.75rem;
  }

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

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

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

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

  .na24c9ef {
    background: var(--color-primary-light);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--color-accent);
  }

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

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

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

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

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

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

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

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

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

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

  .b97202a5 {
    color: var(--color-accent);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    font-weight: 600;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  .h60a06a7 {
    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: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.3;
  }

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

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

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

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

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

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

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

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

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

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

  @media (max-width: 1024px) {
    .e8a08b,
    .d45,
    .kfecab,
    .f00,
    .ac622b {
      flex-direction: column;
    }

    .c391f,
    .m30,
    .p9c,
    .p1e,
    .b24a5f,
    .g28e,
    .i8615eb,
    .c24,
    .g65b,
    .pfe3 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

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

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

    .i43d58a6 {
      font-size: 0.8125rem;
    }

    .e2edf5 {
      font-size: 0.75rem;
      padding: 0.5rem 0.75rem;
    }
  }

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

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

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

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

  .f72c0d {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.65) 0%, rgba(100, 116, 139, 0.5) 100%);
    z-index: 2;
  }

  .m61 {
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    color: var(--color-text-on-accent);
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
    position: relative;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

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

  .m61 a:hover {
    opacity: 0.8;
  }

  .m61 span {
    color: var(--color-text-on-accent);
  }

  .dcb1 {
    position: relative;
    z-index: 3;
    text-align: center;
    max-width: 900px;
  }

  .a0adf6 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    color: var(--color-text-on-accent);
  }

  .faa9c0 {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.375rem 0.75rem;
    border-radius: var(--radius-full);
    backdrop-filter: blur(10px);
  }

  .e1c48 {
    opacity: 0.6;
  }

  .e25b8,
  .m94a4 {
    color: var(--color-text-on-accent);
  }

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

  .la8 {
    font-size: clamp(0.9375rem, 1.5vw, 1.25rem);
    color: var(--color-text-on-accent);
    line-height: 1.6;
    opacity: 0.95;
  }

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

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

  .n8b35 {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    color: var(--color-text-primary);
    line-height: 1.7;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .k5a7e3ba {
    margin-top: 1.5rem;
    padding-left: clamp(1rem, 2vw, 1.5rem);
    border-left: 4px solid var(--color-accent);
  }

  .g31d262 {
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    color: var(--color-text-primary);
    line-height: 1.7;
    font-style: italic;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  .mc5ace0f {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

  .ka420 {
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    color: var(--color-text-primary);
    font-weight: 700;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .ma9d1 {
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    color: var(--color-text-primary);
    font-weight: 700;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

  .b3b4b1cf {
    background: var(--color-bg-secondary);
    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;
    box-shadow: var(--shadow-md);
  }

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

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

  .bc48f17 {
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    color: var(--color-text-primary);
    font-weight: 700;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

  .n59e {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    text-align: center;
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .i6101 {
    flex: 1 1 calc(33.333% - 1rem);
    min-width: 280px;
    max-width: 380px;
    background: var(--color-bg-primary);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    transition: transform var(--transition-base), box-shadow var(--transition-base);
  }

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

  .d1938 {
    display: flex;
    flex-direction: column;
    gap: 0;
    text-decoration: none;
    color: inherit;
    height: 100%;
  }

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

  .f95 {
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: var(--color-text-primary);
    font-weight: 700;
    line-height: 1.3;
    padding: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) 0.5rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .g789fb {
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    padding: 0.5rem clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  @media (max-width: 1023px) {
    .b623e,
    .eac90,
    .me39edab {
      flex-direction: column;
    }

    .i433,
    .lccc4a,
    .p75668ce,
    .p078ec,
    .ib58cf,
    .e5e {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

    .ba731 {
      align-items: center;
    }
  }

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

    .i6101 {
      flex: 1 1 100%;
    }

    .m61 {
      gap: 0.25rem;
      justify-content: center;
    }

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

    .a0adf6 {
      gap: 0.5rem;
    }
  }

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

html, body {
  width: 100%;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 700;
  line-height: 1.3;
}

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

a {
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

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

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

.cb975f {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1.25rem;
  border-radius: 50px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

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

.e05b38 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  line-height: 1.8;
}

.hae121 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}

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

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

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

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

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

.p12 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  max-width: 750px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

.e13c {
  background: var(--color-bg-card);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: 8px;
  flex: 1 1 clamp(280px, 45%, 380px);
  min-height: auto;
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
}

.e13c:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 16px rgba(14, 165, 233, 0.1);
}

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

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

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

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

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

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

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

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

.b953aec5 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
}

.pba4 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
  margin-top: clamp(2rem, 4vw, 3rem);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

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

.b36f8f {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  margin: clamp(2rem, 4vw, 3rem) auto 0;
}

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

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

.be3 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 4vw, 3.5rem);
  border-radius: 8px;
  border-left: 5px solid var(--color-accent);
  max-width: 700px;
  text-align: center;
}

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

.e73bac {
  display: block;
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1.5vw, 0.9375rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

.n1a81bb {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.j5cae {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.l702 {
  color: var(--color-accent);
  font-size: 1.25rem;
}

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

.id08826 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1.5vw, 0.9375rem);
  line-height: 1.8;
}

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

  .a464f {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    display: grid;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .e13c {
    flex: none;
  }
}

@media (min-width: 1024px) {
  .p2316 {
    gap: clamp(2rem, 4vw, 3rem);
  }
}

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

.j336ea2 h1,
.j336ea2 h2,
.j336ea2 h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.i60 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  margin: 0;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

.id79 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  margin: 0;
}

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

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

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

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

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

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

.efe4 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 320px;
}

.f0f {
  color: var(--color-accent);
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 900;
  font-family: var(--font-heading);
  line-height: 1;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

.o0ff1278 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 450px;
}

.p9ef46e9 {
  color: var(--color-text-primary);
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

.b3b8 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 220px;
  max-width: 300px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.acd82a4 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(3rem, 6vw, 4rem);
  width: clamp(3rem, 6vw, 4rem);
  border-radius: var(--radius-md);
  background: var(--color-primary-light);
}

.iaa277 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.3rem);
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ma4e26b0 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  line-height: 1.6;
  margin: 0;
  flex-grow: 1;
}

.fc15b9 {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  align-self: flex-start;
}

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

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

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

.ef16f2ac {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.ncf68c {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  margin: 0;
  line-height: 1.2;
}

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

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

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

.je84fa:active {
  transform: translateY(0);
}

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

  .j0e {
    order: -1;
  }

  .n36 {
    justify-content: stretch;
  }
}

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

  .ndae6 {
    flex: 1 1 50%;
    text-align: left;
  }

  .j0e {
    flex: 1 1 50%;
  }
}

@media (min-width: 1024px) {
  .n36 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .oe39f {
    flex: 1 1 calc(25% - 1rem);
    max-width: none;
  }
}

.db64 {
  width: 100%;
}

.n88 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.cbbb {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.k36922 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  line-height: 1.2;
}

.i21ea {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .n88 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .cbbb {
    max-width: 1000px;
  }
}

@media (min-width: 1024px) {
  .n88 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.me029 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.g25b9 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.a5add7f {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  width: 100%;
}

.e1ad0862 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

.j22 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

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

.oba6b {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
}

.ofdd0c {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw + 0.25rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  line-height: 1.3;
}

.pc6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.p8ae87 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
  align-self: flex-start;
}

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

.p8ae87:active {
  color: var(--color-accent-dark);
}

@media (min-width: 768px) {
  .g25b9 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .a5add7f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .b52cb290 {
    height: 240px;
  }
}

@media (min-width: 1024px) {
  .g25b9 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .b52cb290 {
    height: 260px;
  }
}

.p5b4 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.kaea {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.3;
}

.e6be {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
}

.fedc {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

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

.fedc:active {
  background-color: var(--color-accent-dark);
  transform: translateY(0);
}

@media (min-width: 768px) {
  .p5b4 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .n69eb839 {
    max-width: 800px;
  }
}

@media (min-width: 1024px) {
  .p5b4 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.k00cc {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.a7e3956 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .k00cc {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .k00cc {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.m1faa6e {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.ib431 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.nd9ab619 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

.gae38acd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.75rem;
  margin-bottom: var(--spacing-md);
}

.jb1be {
  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 var(--spacing-sm) 0;
  line-height: 1.3;
}

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

@media (min-width: 768px) {
  .m1faa6e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .ib431 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .m1faa6e {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

.fdaa9 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.m49f {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.l75d362 {
  margin: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.n72f {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

@media (min-width: 768px) {
  .fdaa9 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .m49f {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .fdaa9 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.j2c0 {
  background-color: var(--color-primary-light);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.a37f0c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.lb7b201e {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-accent);
  transition: background-color var(--transition-base), color var(--transition-base);
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .j2c0 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .j2c0 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

@media (max-width: 480px) {
  .nd9ab619 {
    padding: var(--spacing-md);
  }

  .gae38acd {
    width: 48px;
    height: 48px;
    font-size: 1.5rem;
  }

  .lb7b201e {
    width: 100%;
    box-sizing: border-box;
  }
}

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

.g00 main {
  width: 100%;
}

.g00 .c6dd14 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.g00 .b4eaf7 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.g00 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.g00 .f0f61f {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  display: block;
}

.g00 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.g00 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

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

.g00 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.g00 .n28e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border: 1px solid var(--color-border-light);
}

.g00 .n28e h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.g00 .n28e p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.g00 .b3eec {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-sm);
  margin-top: var(--spacing-lg);
}

.g00 .b3eec p {
  margin-bottom: var(--spacing-xs);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
}

@media (min-width: 768px) {
  .g00 .b4eaf7 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .g00 .c6dd14 {
    padding: 0 var(--spacing-lg);
  }

  .g00 .b4eaf7 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.dece {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

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

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

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

.edb3 {
  text-align: center;
  padding: var(--spacing-2xl) 0;
}

.hc9d8e {
  margin-bottom: var(--spacing-lg);
  display: flex;
  justify-content: center;
  align-items: center;
}

.hc9d8e svg {
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.o1d71 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.3rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
}

.k6ad {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
  letter-spacing: 0.3px;
}

.a8ce1dcb {
  display: inline-block;
  margin-top: var(--spacing-xl);
  padding: var(--spacing-sm) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  transition: var(--transition-base);
  cursor: pointer;
  letter-spacing: 0.3px;
}

.a8ce1dcb:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.a8ce1dcb:active {
  transform: translateY(0);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .edb3 {
    padding: var(--spacing-3xl) 0;
  }

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

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

@media (min-width: 1024px) {
  .edb3 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .hc9d8e svg {
    width: 100px;
    height: 100px;
  }

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

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

@media (max-width: 767px) {
  .dece {
    padding: var(--spacing-sm) 0;
  }

  .c6dd14 {
    padding: 0 var(--spacing-sm);
  }

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

.l18ac {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

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

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

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

.f2b21586 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.afa51 {
  position: relative;
  width: 100%;
  margin-bottom: var(--spacing-xl);
}

.d61c1 {
  position: relative;
  display: inline-block;
  width: 100%;
}

.mb6d {
  display: block;
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  letter-spacing: -0.02em;
  line-height: 1;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  margin: 0;
  padding: var(--spacing-xl) 0;
  animation: float-up 3s ease-in-out infinite;
}

@keyframes float-up {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

.d152 {
  position: relative;
  height: 60px;
  margin-top: var(--spacing-md);
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 60"><defs><linearGradient id="wave" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" style="stop-color:rgba(79, 172, 254, 0.3);stop-opacity:1" /><stop offset="100%" style="stop-color:rgba(79, 172, 254, 0.1);stop-opacity:1" /></linearGradient></defs><path d="M0,30 Q150,10 300,30 T600,30 T900,30 T1200,30 L1200,60 L0,60 Z" fill="url(%23wave)" /><path d="M0,35 Q150,20 300,35 T600,35 T900,35 T1200,35 L1200,60 L0,60 Z" fill="rgba(79, 172, 254, 0.2)" /></svg>') repeat-x;
  background-size: 300px 60px;
  animation: wave-motion 8s linear infinite;
}

@keyframes wave-motion {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 300px 0;
  }
}

.l4f8cf {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.k0da71e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.2;
}

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

.mf59 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.m325b {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
  margin: var(--spacing-lg) 0;
}

.cfaa3a1a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.cfaa3a1a:hover {
  background-color: var(--color-bg-tertiary);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.i739db1 {
  font-size: clamp(1.5rem, 2vw, 2rem);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
}

.i8a6e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  font-weight: 500;
  text-align: left;
}

.a19e1 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  margin-top: var(--spacing-lg);
}

.pe2 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.pe2:active {
  transform: translateY(0);
}

@media (min-width: 640px) {
  .m325b {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
  }

  .cfaa3a1a {
    flex-direction: column;
    gap: var(--spacing-sm);
    padding: var(--spacing-lg) var(--spacing-md);
  }

  .i8a6e {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .l18ac {
    padding: var(--spacing-lg) 0;
  }

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

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

  .mb6d {
    text-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  }

  .d152 {
    height: 80px;
  }

  .a19e1 {
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .c6dd14 {
    padding: 0 var(--spacing-xl);
  }

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

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

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

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

.l8a2 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.o0ea0 {
  text-align: center;
}

.l8a2 h1 {
  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;
  letter-spacing: -0.02em;
}

.b15a4 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.e70fc {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.g01c0f {
  width: 100%;
}

.k8f {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

.m9d {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.becbad {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.pf80 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.f25c4,
.bb6ee76 {
  font-family: var(--font-primary);
  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-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  line-height: 1.5;
  transition: all var(--transition-base);
}

.f25c4:focus,
.bb6ee76:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-light));
}

.f25c4::placeholder,
.bb6ee76::placeholder {
  color: var(--color-text-muted);
}

.bb6ee76 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.a9f55f {
  font-family: var(--font-heading);
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: none;
}

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

.a9f55f:active {
  transform: translateY(0);
}

.hd50 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.5rem, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: 0.5rem 0 0 0;
  text-align: center;
}

.fac68 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.kf9e046 {
  width: 100%;
}

.kf9e046 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: -0.02em;
}

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

.k3ecc9 {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  align-items: flex-start;
}

.g91730 {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.35rem;
  flex-shrink: 0;
}

.i79f6 {
  flex: 1;
}

.i79f6 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.i79f6 a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.bd70 {
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

.bd70 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

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

.d5de5 li {
  margin: 0;
}

.d5de5 a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

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

@media (min-width: 768px) {
  .l8a2 {
    padding: 4rem 2rem;
  }

  .e70fc {
    padding: 4rem 2rem;
  }

  .k8f {
    gap: 4rem;
    align-items: stretch;
  }

  .aad8fd6 {
    flex: 1 1 45%;
  }

  .p52f {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .l8a2 {
    padding: 5rem 2rem;
  }

  .e70fc {
    padding: 5rem 2rem;
  }

  .k8f {
    gap: 5rem;
  }

  .aad8fd6 {
    flex: 1 1 48%;
    max-width: 520px;
  }

  .p52f {
    flex: 1 1 48%;
    max-width: 520px;
  }
}

@media (min-width: 1440px) {
  .l8a2 {
    padding: 6rem 2rem;
  }

  .e70fc {
    padding: 6rem 2rem;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.m11,.bd1e5b{width:34px;}
.m11[aria-expanded="true"]{display:none;}
.pd2472.ab2{z-index:999;}
.pd2472{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.pd2472{max-width:100%;}}
.nfc{justify-content:flex-end;}
@media (max-width:768px){.ga4{min-height:500px;}}
@media (max-width:768px){.i1a{min-height:500px;}}