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

:root {
  --color-bg-primary: #fafafa;
  --color-bg-secondary: #f4f4f5;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #18181b;
  --color-text-secondary: #3f3f46;
  --color-text-muted: #68686e;

  --color-primary: #0d9488;
  --color-primary-hover: #0f766e;
  --color-primary-light: #ccf2ee;
  --color-primary-lighter: #e6f8f6;

  --color-secondary: #2dd4bf;
  --color-secondary-light: #e0faf7;
  --color-secondary-lighter: #f0fdfc;

  --color-success: #10b981;
  --color-success-light: #d1fae5;

  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;

  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #e4e4e7;
  --color-border-light: #f4f4f5;

  --font-primary: 'Nunito Sans', sans-serif;
  --font-heading: 'Albert Sans', sans-serif;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --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 cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

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

html {
  font-size: 17px;
}

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

*::before,
*::after {
  box-sizing: border-box;
}

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

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

h1 {
  font-size: 2.75rem;
  font-weight: 700;
  letter-spacing: -0.5px;
}

h2 {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.3px;
}

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

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

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

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

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
  font-weight: 400;
  letter-spacing: 0.3px;
}

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

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

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

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all var(--transition-base);
}

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

input,
textarea,
select {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.3px;
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

ul,
ol {
  margin-bottom: var(--spacing-md);
  padding-left: var(--spacing-xl);
  color: var(--color-text-secondary);
}

li {
  margin-bottom: var(--spacing-sm);
  line-height: 1.6;
  letter-spacing: 0.3px;
}

code,
pre {
  font-family: 'Courier New', monospace;
  font-size: 0.95rem;
}

pre {
  background: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin-bottom: var(--spacing-md);
  border: 1px solid var(--color-border-light);
}

code {
  background: var(--color-bg-secondary);
  padding: 0.125rem 0.375rem;
  border-radius: var(--radius-sm);
  color: var(--color-primary);
}

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

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

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--spacing-lg);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

th {
  padding: var(--spacing-md);
  text-align: left;
  font-weight: 600;
  color: var(--color-text-primary);
  border-bottom: 1px solid var(--color-border);
  letter-spacing: 0.3px;
}

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

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

.gfe2 {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-xl);
}

@media (max-width: 768px) {
  .gfe2 {
    padding: 0 var(--spacing-lg);
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }
}

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

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

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }
}

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

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

.ib4 {
  background: var(--color-primary);
  color: white;
  box-shadow: var(--shadow-md);
}

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

.ib4:active {
  transform: translateY(0);
}

.c76cc {
  background: var(--color-secondary);
  color: var(--color-text-primary);
  box-shadow: var(--shadow-md);
}

.c76cc:hover {
  background: #14b8a6;
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.c76cc:active {
  transform: translateY(0);
}

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

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

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

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

.l9976 {
  padding: 0.5rem 1rem;
  font-size: 0.95rem;
}

.p1728 {
  padding: 1rem 2rem;
  font-size: 1.1rem;
}

.h6b8:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

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

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

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

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

.e88f1 {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.875rem;
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.3px;
  white-space: nowrap;
  gap: var(--spacing-xs);
}

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

.bc62 {
  background: var(--color-secondary-light);
  color: #0d9488;
}

.me28aa {
  background: var(--color-success-light);
  color: #059669;
}

.j36db {
  background: var(--color-warning-light);
  color: #d97706;
}

.l56066 {
  background: var(--color-danger-light);
  color: #dc2626;
}

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

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

.e09c3 {
  background: var(--color-success-light);
  border-color: var(--color-success);
  color: #047857;
}

.jcb997 {
  background: var(--color-warning-light);
  border-color: var(--color-warning);
  color: #b45309;
}

.mbe {
  background: var(--color-danger-light);
  border-color: var(--color-danger);
  color: #991b1b;
}

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

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

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

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

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

@media (max-width: 1024px) {
  .m12a0 {
    grid-template-columns: repeat(2, 1fr);
  }

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

@media (max-width: 768px) {
  .m12a0,
  .k08411,
  .k21 {
    grid-template-columns: 1fr;
  }
}

.laf0fc {
  display: flex;
}

.i90aa {
  flex-direction: column;
}

.f927ae0 {
  flex-wrap: wrap;
}

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

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

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

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

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

.i8e5048a {
  align-items: center;
}

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

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

.i72 {
  justify-content: center;
}

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

.faa6 {
  justify-content: flex-start;
}

.e3d1c76 {
  justify-content: flex-end;
}

.l8fae36 {
  text-align: center;
}

.k0dd87 {
  text-align: left;
}

.fa0ac6 {
  text-align: right;
}

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

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

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

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

.bf7 {
  color: var(--color-secondary);
}

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

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

.b9486e81 {
  background: var(--color-bg-tertiary);
}

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

.ff6d33 {
  background: var(--color-secondary-lighter);
}

.cff {
  margin: 0;
}

.p94b {
  margin: var(--spacing-xs);
}

.c694 {
  margin: var(--spacing-sm);
}

.d22 {
  margin: var(--spacing-md);
}

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

.c311d39 {
  margin: var(--spacing-xl);
}

.oa27f {
  margin: var(--spacing-2xl);
}

.k4c5da5d {
  margin: var(--spacing-3xl);
}

.jcd477b {
  margin-bottom: var(--spacing-xs);
}

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

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

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

.m012e5 {
  margin-bottom: var(--spacing-xl);
}

.o43 {
  margin-bottom: var(--spacing-2xl);
}

.jeedea1 {
  margin-bottom: var(--spacing-3xl);
}

.k1f9a7 {
  margin-top: var(--spacing-xs);
}

.id4 {
  margin-top: var(--spacing-sm);
}

.o44c9 {
  margin-top: var(--spacing-md);
}

.p3ed7 {
  margin-top: var(--spacing-lg);
}

.g3bd9 {
  margin-top: var(--spacing-xl);
}

.jda0b44 {
  margin-top: var(--spacing-2xl);
}

.lba01374 {
  margin-top: var(--spacing-3xl);
}

.i167ff3 {
  padding: 0;
}

.b654b8 {
  padding: var(--spacing-xs);
}

.bed16345 {
  padding: var(--spacing-sm);
}

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

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

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

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

.i2a {
  padding: var(--spacing-3xl);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n858b8 {
  display: none;
}

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

.med22 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

.g57acb7 {
  opacity: 0.5;
}

.i61 {
  opacity: 0.75;
}

.ca05 {
  opacity: 1;
}

@media (max-width: 768px) {
  .j08889b9 {
    display: none;
  }
}

@media (min-width: 769px) {
  .j5abe45 {
    display: none;
  }
}
.obf71c2 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 1000;
}

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

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

.i18b:hover {
  opacity: 0.8;
}

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

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

.nacb {
  display: none;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  margin: 0 clamp(1.5rem, 3vw, 2.5rem);
}

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

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

.pe7e212c {
  display: none;
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1.25rem, 2vw, 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: background var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.k6ec4 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  margin: -0.5rem;
  flex-shrink: 0;
}

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

.k6ec4[aria-expanded="true"] span:nth-child(1) {
  transform: rotate(45deg) translateY(10px);
}

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

.k6ec4[aria-expanded="true"] span:nth-child(3) {
  transform: rotate(-45deg) translateY(-10px);
}

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

.g03218.e19ff {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.na228f8 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

  .pe7e212c {
    display: block;
  }

  .k6ec4 {
    display: none;
  }

  .g03218 {
    display: none;
  }
}

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

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

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

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

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

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

.e644c {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  line-height: 1.6;
  margin: 0;
  font-weight: 600;
}

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

.k4b2c94 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.h6b8 {
  padding: clamp(0.6rem, 1.5vw, 0.875rem) clamp(1.25rem, 3vw, 1.75rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
  border: none;
  cursor: pointer;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.o10a1ebc {
  grid-column: 1 / 3;
  grid-row: 1;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

.c3d3a909 {
  grid-column: 1;
  grid-row: 2;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

.f69a9 {
  grid-column: 2;
  grid-row: 2;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

  .l3d67 {
    flex: 1 1 100%;
  }

  .pd86 {
    flex: 1 1 100%;
  }

  .k4b2c94 {
    flex-direction: column;
  }

  .h6b8 {
    width: 100%;
  }
}

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

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

.j58a {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

.oa4e {
  flex: 1 1 45%;
  min-height: 300px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

  .c82d:nth-child(even) {
    flex-direction: column !important;
  }

  .ob2 {
    flex: 1 1 100%;
  }

  .oa4e {
    flex: 1 1 100%;
    min-height: 250px;
  }
}

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

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

.j710 {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

.c13af1ed {
  flex: 1 1 280px;
  max-width: 340px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
}

.g0a6 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 800;
  color: var(--color-accent);
  font-family: var(--font-heading);
  line-height: 1;
}

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

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

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

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

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

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

.lced66 {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

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

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

.l1e8 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

.af0bfa76 {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

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

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

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

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

.ccf005d {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

.n7ea19d {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1.5rem;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  transition: all 0.3s ease;
  flex: 1 1 150px;
  max-width: 180px;
  min-width: 140px;
}

.n7ea19d:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  background: var(--color-bg-tertiary);
}

.n7ea19d i {
  font-size: 2rem;
  color: var(--color-accent);
}

.b63a0 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-align: center;
  line-height: 1.4;
}

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

  .n7ea19d {
    flex: 1 1 130px;
    max-width: 160px;
    padding: 1rem;
  }
}

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

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

.ne7e126 {
  background: linear-gradient(135deg, var(--color-bg-secondary), var(--color-bg-primary));
  border-radius: var(--radius-xl);
  padding: clamp(2rem, 5vw, 4rem);
  max-width: 500px;
  text-align: center;
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}

.g27ea {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

.f9273fe {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

.ef42 {
  grid-column: span 2;
  grid-row: span 1;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

.ef42:hover {
  box-shadow: var(--shadow-lg);
  transform: scale(1.02);
}

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

.j471 {
  grid-column: span 1;
  grid-row: span 1;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

.j471:hover {
  box-shadow: var(--shadow-lg);
  transform: scale(1.02);
}

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

.a8cfae {
  grid-column: span 1;
  grid-row: span 1;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

.a8cfae:hover {
  box-shadow: var(--shadow-lg);
  transform: scale(1.02);
}

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

@media (max-width: 1024px) {
  .pf783 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-rows: 200px;
  }

  .ef42 {
    grid-column: span 1;
  }
}

@media (max-width: 768px) {
  .pf783 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-auto-rows: 150px;
  }

  .ef42 {
    grid-column: span 1;
  }
}

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

.e1c1.n858b8 {
  display: none;
}

.k6ae0d1 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.6;
  flex: 0 1 auto;
}

.k7c3 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.c838ff4 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

.g9da9ff {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
  white-space: nowrap;
}

.g9da9ff:hover {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}

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

  .k6ae0d1 {
    width: 100%;
    text-align: center;
  }

  .k7c3 {
    width: 100%;
    justify-content: center;
  }

  .c838ff4,
  .g9da9ff {
    flex: 1 1 45%;
    min-width: 120px;
  }
}

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

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

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

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

.g328 {
  max-width: 520px;
}

.g328 h3,
.aae9 h3,
.me05 h3,
.l69e h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: -0.5px;
}

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

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

.aae9,
.me05,
.l69e {
  flex: 1 1 160px;
  min-width: 160px;
}

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

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

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

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

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

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

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

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

@media (max-width: 640px) {
  .fcb3 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

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

  .aae9,
  .me05,
  .l69e {
    flex: 1 1 100%;
    min-width: auto;
  }

  .m995 {
    gap: 0.5rem;
  }

  .m995 a {
    font-size: 0.8125rem;
  }

  .g328 p {
    font-size: 0.8125rem;
  }

  .me05 p {
    font-size: 0.8125rem;
  }
}

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

  .c84103c4 {
    gap: clamp(1.25rem, 3vw, 1.5rem);
  }

  .g328 {
    max-width: 100%;
  }

  .g328 h3,
  .aae9 h3,
  .me05 h3,
  .l69e h3 {
    font-size: 1rem;
    margin-bottom: 0.75rem;
  }

  .m995 {
    gap: 0.4rem;
  }

  .m995 a {
    font-size: 0.8125rem;
  }
}
    

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

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

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

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

.e3c7801a {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

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

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

.nc757d {
  font-size: clamp(0.9375rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.i84ee {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h84b8ba {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

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

.n04186 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

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

.ge9195b {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-text-muted);
  border-top: 1px solid var(--color-border-light);
  padding-top: clamp(0.75rem, 1.5vw, 1rem);
}

.l091a,
.h4133,
.d68d9 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--color-text-muted);
}

.l091a i,
.h4133 i,
.d68d9 i {
  color: var(--color-accent);
  font-size: 0.9em;
}

.bb1b1a9 {
  display: inline-block;
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  width: fit-content;
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

.bb1b1a9:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
}

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

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

.g38564d {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l6d {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.p5b4e {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--color-accent-light), var(--color-secondary-light));
  border-radius: var(--radius-md);
  font-size: 1.75rem;
  color: var(--color-accent);
}

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

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

@media (min-width: 768px) {
  .p6910e {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

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

  .n04186 {
    flex-direction: row;
    align-items: stretch;
  }

  .k33 {
    width: 35%;
    aspect-ratio: auto;
    height: 100%;
    min-height: 300px;
  }

  .ldeac {
    width: 65%;
    padding: clamp(2rem, 4vw, 2.5rem);
  }

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

  .pb6 {
    flex: 1 1 calc(50% - 1.25rem);
  }
}

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

  .o530042 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .lf47c {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .k33 {
    width: 30%;
    min-height: 320px;
  }

  .ldeac {
    width: 70%;
  }

  .pb6 {
    flex: 1 1 calc(25% - 1.5rem);
    min-width: 250px;
  }
}

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

  .pb6 {
    flex: 1 1 100%;
  }

  .c7a0df9e {
    flex-direction: column;
  }
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

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

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

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

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

.ebff178c {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 1rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

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

.e81 i {
  color: var(--color-accent);
  font-size: 1em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.f51 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b50520dc {
  background: var(--color-secondary);
  background: rgba(45, 212, 191, 0.1);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

.n9838682 {
  flex-shrink: 0;
  width: clamp(2rem, 4vw, 2.5rem);
  height: clamp(2rem, 4vw, 2.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(13, 148, 136, 0.1);
  border-radius: var(--radius-full);
  color: var(--color-accent);
  font-size: 1.25em;
}

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

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

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

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

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

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

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

.kcd5d0d {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 280px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.k61 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 700;
}

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

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

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

.aab042 {
  display: flex;
  justify-content: center;
}

.l3d625 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 350px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.a78 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

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

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

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

.p461 {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 500;
  margin: 0;
}

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

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

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

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

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

.cbd5 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.he0 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.cbd5:hover .he0 img {
  transform: scale(1.05);
}

.bb9b01 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) clamp(0.5rem, 1vw, 0.75rem);
}

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

.f6908b {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  transition: color var(--transition-base);
}

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

@media (max-width: 768px) {
  .c8bb,
  .k11458,
  .c7fcdc,
  .n341 {
    flex-direction: column;
  }

  .i9b,
  .mce7,
  .cc48048a,
  .dd925,
  .j6c52f,
  .p2a3,
  .ee7bec,
  .cbdf1 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .kcd5d0d {
    flex: 1 1 100%;
  }

  .cbd5 {
    flex: 1 1 100%;
  }

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

  .gf8b {
    align-items: center;
  }
}

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

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

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

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

  .cbd5 {
    flex: 1 1 calc(33.333% - 1.35rem);
  }
}

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f02ea {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

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

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

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

.ffb {
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.oc07b {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.oc07b i {
  font-size: 2rem;
  color: var(--color-accent);
}

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

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

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

  .m3f134 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m61181bd {
  flex: 1 1 70%;
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 5vw, 4rem);
}

.p568d957 {
  flex: 1 1 30%;
  position: sticky;
  top: 2rem;
}

.me3 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}

.kcad1bb7 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent);
  display: block;
}

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

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

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

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

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

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

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

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

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

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

.ebb29 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

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

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

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

  .m61181bd {
    flex: 1 1 100%;
  }

  .p568d957 {
    flex: 1 1 100%;
    position: relative;
    top: auto;
  }

  .bca5fb {
    flex-direction: column;
  }

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

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

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

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

.n418d i {
  font-size: 1.5rem;
  color: var(--color-warning);
}

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

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

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

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

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

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

.f1e {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
}

.i043ad {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bca5fb {
    flex-direction: column;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j99c109b {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  line-height: 1.2;
  max-width: 900px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a3282 {
  display: flex;
  justify-content: center;
}

.j21fb0 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  max-width: 500px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
}

.ec35 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

.m4c64 {
  margin: 0;
}

.m4c64 a {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
  transition: color 0.3s ease;
}

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

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

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

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

.ba51844 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

.i29dd1 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

.g25 {
  flex: 1 1 100%;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

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

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

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

.g471 {
  margin: 0;
}

.g471 a {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.4;
  transition: color 0.3s ease;
}

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

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

@media (max-width: 768px) {
  .m21d734,
  .n030fdf0,
  .f3891ea,
  .j54 {
    flex-direction: column;
  }

  .h93,
  .l6fbe43a,
  .i07513b,
  .g51d,
  .f004,
  .n3f6f4b4,
  .d13d67,
  .b0fe8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ba51844 {
    flex-direction: column;
    align-items: flex-start;
  }

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

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

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

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

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

  .g25 {
    flex: 1 1 calc(33.333% - 1rem);
    max-width: calc(33.333% - 1rem);
  }
}

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

.c68e {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  margin: 0;
  max-width: 800px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h54c i {
  color: var(--color-accent);
  font-size: 1em;
}

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

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

@media (min-width: 768px) {
  .g1b5 {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
  }
}

.d779 {
  flex: 1 1 100%;
}

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

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

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

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

.pc0e674 {
  flex: 1 1 100%;
}

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

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

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

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

@media (min-width: 768px) {
  .h3b59373 {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
  }
}

.a9237 {
  flex: 1 1 100%;
}

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

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

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

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

.f0c9 {
  flex: 1 1 100%;
}

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

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

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

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

@media (min-width: 768px) {
  .ha60 {
    display: flex;
    flex-direction: row-reverse;
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
  }
}

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

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

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

.hf6 {
  flex: 1;
}

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .i01d6 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  }
}

@media (min-width: 1024px) {
  .i01d6 {
    flex: 1 1 calc(25% - clamp(1rem, 2vw, 1.5rem));
  }
}

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

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

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

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

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

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

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

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

.b22be9ae {
  display: flex;
  justify-content: center;
}

.hb7 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

.ld3b5e0 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l033 {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

  .d779,
  .pc0e674,
  .a9237,
  .f0c9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h3b59373,
  .ha60 {
    flex-direction: column;
  }
}

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

.o3321e {
  text-align: center;
  max-width: 800px;
}

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

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

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

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

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

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

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

.g55 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  width: fit-content;
}

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

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

.i8b p {
  margin-bottom: 1.25rem;
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

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

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

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

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

.e3b {
  width: 48px;
  height: 48px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

.ga906 {
  flex: 1 1 45%;
  min-width: 300px;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

.d62 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-sm);
  transition: all 0.3s ease;
}

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

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

.p00 {
  font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

.pe8f3e94 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.ie3 {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.25rem;
}

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

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

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

  .bf53358c,
  .ga906 {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .a65643 {
    flex-direction: column;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.aff58 {
  flex: 1 1 45%;
  min-height: 350px;
  max-height: 450px;
  overflow: hidden;
  border-radius: 12px;
}

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

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

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

.h4b57 {
  text-align: center;
}

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

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

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

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

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

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

.eee8 {
  text-align: center;
}

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

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

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

.e9d534b9 {
  flex: 1 1 280px;
  min-width: 260px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid #e4e4e7;
}

.j8c {
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

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

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

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

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

.b9135 {
  text-align: center;
}

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

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

.f87e844 {
  flex: 1 1 350px;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.75rem, 2.5vw, 2.25rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid #e4e4e7;
}

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

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

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

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

.bbcb4 {
  text-align: center;
}

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

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

.od80f {
  flex: 1 1 260px;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid #e4e4e7;
  transition: all 0.3s ease;
}

.od80f:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(13, 148, 136, 0.1);
}

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

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

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

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

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

.k7930 {
  text-align: center;
}

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

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

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

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

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

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

.ec6c11a5 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-accent);
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 2px;
}

.ibbe0 {
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  color: var(--color-text-primary);
  line-height: 1.5;
  font-weight: 500;
}

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

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

.d16b41 {
  text-align: center;
}

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

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

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

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

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

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

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

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

.he98 {
  display: inline-block;
  padding: clamp(0.75rem, 1.2vw, 1rem) clamp(1.5rem, 2.5vw, 2rem);
  border-radius: 6px;
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
  font-family: var(--font-primary);
}

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

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

.h8152 {
  background: var(--color-bg-card);
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

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

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

  .l4091 {
    flex: 1 1 100%;
  }

  .aff58 {
    flex: 1 1 100%;
    min-height: 280px;
    max-height: 350px;
  }

  .b07fed1 {
    flex-direction: column;
  }

  .k1b {
    flex: 1 1 100%;
  }

  .hbb15 {
    flex: 1 1 100%;
  }

  .de12faa {
    flex-direction: column;
  }

  .he98 {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .e9d534b9 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }

  .f87e844 {
    flex: 1 1 100%;
  }

  .od80f {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.25vw, 1rem));
  }
}

@media (min-width: 1024px) {
  .e9d534b9 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.67rem));
  }

  .od80f {
    flex: 1 1 calc(25% - clamp(1.125rem, 1.875vw, 1.5rem));
  }
}

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

.bd1d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.i1fbe18e {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.p1f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

@media (min-width: 768px) {
  .bd1d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

.b5a57e {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.j38eaac2 {
  max-width: 900px;
  margin: 0 auto;
}

.ca3c24 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
}

@media (min-width: 768px) {
  .ca3c24 {
    gap: var(--spacing-lg);
  }

  .b5a57e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

.n1d4c70 {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.j0cfe6c5 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: none;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: background-color var(--transition-base), border-color var(--transition-base);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
}

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

.j0cfe6c5.e19ff {
  background-color: var(--color-bg-tertiary);
  border-bottom-color: var(--color-border-light);
}

.fea6fa {
  flex: 1;
  line-height: 1.4;
}

.g2a {
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--color-primary);
  transition: transform var(--transition-base);
}

.j0cfe6c5.e19ff .g2a {
  transform: rotate(45deg);
}

.p48b71 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  background-color: var(--color-bg-card);
}

.p48b71.e19ff {
  max-height: 500px;
}

.p48b71 p {
  margin: 0;
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

@media (min-width: 768px) {
  .j0cfe6c5 {
    padding: var(--spacing-lg);
  }

  .p48b71 p {
    padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  }
}

.o6b7 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.hc219d {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

@media (min-width: 768px) {
  .hc219d {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

  .o6b7 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

.b884e43 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.2;
}

.d136f7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.h0ba4 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  width: fit-content;
  box-shadow: var(--shadow-md);
}

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

.h0ba4:active {
  transform: translateY(0);
}

.o62faee {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 1024px) {
  .bd1d {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .b5a57e {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .o6b7 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

.h1ed8f {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
  position: relative;
}

.h15e7428 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.f483d1c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.p8485 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.i211c1b5 {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  margin-top: var(--spacing-lg);
  border-radius: var(--radius-md);
}

@media (min-width: 768px) {
  .h1ed8f {
    padding: 4rem 2rem;
  }

  .f483d1c {
    font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
    margin-bottom: var(--spacing-lg);
  }

  .p8485 {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  }
}

@media (min-width: 1024px) {
  .h1ed8f {
    padding: 5rem 3rem;
  }
}

.cf8ee {
  padding: 3rem 1rem;
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

.a0da {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .cf8ee {
    padding: 4rem 2rem;
  }

  .a0da {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .cf8ee {
    padding: 5rem 3rem;
  }

  .a0da {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

.id409e {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.id409e:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
  border-color: var(--color-primary-light);
}

.ld4 {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  flex-shrink: 0;
}

.ld4 svg {
  width: 32px;
  height: 32px;
}

.o78 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.o29acd01 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
  flex-grow: 1;
}

.oa5efb26 {
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  align-self: flex-start;
}

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

.oa5efb26:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .id409e {
    padding: var(--spacing-xl);
  }
}

.ab4f74 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
  position: relative;
}

.l0902 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

.l6df {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.e54 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.a0cfe {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-accent);
  padding: 1rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

.j03 {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  border-radius: var(--radius-md);
}

@media (min-width: 768px) {
  .ab4f74 {
    padding: 4rem 2rem;
  }

  .l0902 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }

  .j03 {
    order: 2;
  }
}

@media (min-width: 1024px) {
  .ab4f74 {
    padding: 5rem 3rem;
  }

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

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

  .a0cfe {
    width: 100%;
  }
}

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

.e86b57d main {
  width: 100%;
}

.e86b57d .gfe2 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.e86b57d .oa393a53 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) 0;
}

.e86b57d h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.e86b57d .p9dd7c {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.e86b57d 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.4;
}

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

.e86b57d ul,
.e86b57d ol {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
  padding-left: var(--spacing-lg);
}

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

.e86b57d strong {
  font-weight: 700;
  color: var(--color-text-primary);
}

.e86b57d .a0b53d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.e86b57d .a0b53d h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.e86b57d .a0b53d p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.e86b57d .a689 {
  margin-top: var(--spacing-md);
}

.e86b57d .i81 {
  margin-bottom: var(--spacing-md);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
}

.e86b57d .i0be0 {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

@media (min-width: 768px) {
  .e86b57d .gfe2 {
    padding: 0 var(--spacing-lg);
  }

  .e86b57d .oa393a53 {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .e86b57d .gfe2 {
    padding: 0 var(--spacing-2xl);
  }

  .e86b57d .oa393a53 {
    padding: var(--spacing-3xl) 0;
  }
}

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

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

.o5dfa2d8 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.od0 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.oa393a53 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.k6c {
  text-align: center;
  padding: var(--spacing-2xl) var(--spacing-md);
  animation: fadeInUp 0.8s ease-out;
}

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

.hdda {
  width: 100px;
  height: 100px;
  margin: 0 auto var(--spacing-2xl) auto;
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.hdda svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.5px;
}

.l669 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  line-height: 1.5;
}

.b452b {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  text-align: center;
}

.j07ef8 {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-3xl);
  text-align: center;
  font-style: italic;
}

.i3b3f {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  letter-spacing: 0.3px;
}

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

.i3b3f:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.i3b3f:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .od0 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .hdda {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-3xl);
  }

  h1 {
    margin-bottom: var(--spacing-xl);
  }

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

  .b452b {
    margin-bottom: var(--spacing-xl);
  }

  .j07ef8 {
    margin-bottom: var(--spacing-3xl);
  }
}

@media (min-width: 768px) {
  .od0 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .k6c {
    padding: var(--spacing-3xl) var(--spacing-3xl);
  }

  .hdda {
    width: 140px;
    height: 140px;
    margin-bottom: var(--spacing-3xl);
  }

  h1 {
    margin-bottom: var(--spacing-xl);
  }

  .l669 {
    font-size: clamp(1.1rem, 2.5vw, 1.35rem);
    margin-bottom: var(--spacing-lg);
  }

  .b452b {
    font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
    margin-bottom: var(--spacing-xl);
  }

  .j07ef8 {
    font-size: clamp(0.9rem, 1.1vw + 0.4rem, 1.05rem);
    margin-bottom: var(--spacing-3xl);
  }

  .i3b3f {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: clamp(1rem, 1.1vw, 1.15rem);
  }
}

@media (min-width: 1024px) {
  .od0 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .k6c {
    padding: var(--spacing-3xl) var(--spacing-3xl);
  }

  .hdda {
    width: 160px;
    height: 160px;
    margin-bottom: var(--spacing-3xl);
  }

  h1 {
    margin-bottom: var(--spacing-2xl);
  }

  .l669 {
    margin-bottom: var(--spacing-xl);
  }

  .b452b {
    margin-bottom: var(--spacing-2xl);
  }

  .j07ef8 {
    margin-bottom: var(--spacing-3xl);
  }
}

@media (min-width: 1440px) {
  .gfe2 {
    padding: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .k6c,
  .hdda {
    animation: none;
  }

  .i3b3f:hover {
    transform: none;
  }

  .i3b3f:active {
    transform: none;
  }
}

@media (max-width: 480px) {
  .od0 {
    padding: var(--spacing-lg) var(--spacing-sm);
  }

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

  .hdda {
    width: 80px;
    height: 80px;
    margin-bottom: var(--spacing-xl);
  }

  h1 {
    font-size: clamp(1.5rem, 5vw, 2rem);
    margin-bottom: var(--spacing-md);
  }

  .l669 {
    font-size: clamp(0.95rem, 2.5vw, 1.1rem);
    margin-bottom: var(--spacing-md);
  }

  .b452b {
    font-size: clamp(0.85rem, 1.2vw + 0.4rem, 1rem);
    margin-bottom: var(--spacing-lg);
  }

  .j07ef8 {
    font-size: clamp(0.8rem, 1vw + 0.3rem, 0.95rem);
    margin-bottom: var(--spacing-2xl);
  }

  .i3b3f {
    padding: var(--spacing-md) var(--spacing-xl);
    font-size: clamp(0.9rem, 1vw, 1rem);
    width: 100%;
  }
}

.lb7760 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
}

.fee0d {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .fee0d {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .fee0d {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

@media (min-width: 768px) {
  .gfe2 {
    padding: 0 var(--spacing-lg);
  }
}

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

.gc8 {
  text-align: center;
  animation: slideUp 0.8s ease-out;
}

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

.heb815 {
  position: relative;
  margin-bottom: var(--spacing-2xl);
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .heb815 {
    height: 280px;
    margin-bottom: var(--spacing-3xl);
  }
}

.c78d01 {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: var(--font-heading);
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  position: relative;
  z-index: 10;
}

.lfa0c9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.m0946dce {
  position: absolute;
  opacity: 0.6;
}

.ebdfc {
  width: 40px;
  height: 40px;
  left: 10%;
  top: 20%;
  animation: float 4s ease-in-out infinite;
}

.pd8f2d {
  width: 50px;
  height: 50px;
  right: 15%;
  top: 30%;
  animation: float 5s ease-in-out infinite 0.5s;
}

.m4cdd546 {
  width: 35px;
  height: 35px;
  left: 20%;
  bottom: 10%;
  animation: float 4.5s ease-in-out infinite 1s;
}

.m0946dce::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 50%;
  background-color: var(--color-primary);
  border-radius: 50% 50% 30% 30%;
  top: 0;
}

.m0946dce::after {
  content: '';
  position: absolute;
  width: 70%;
  height: 40%;
  background-color: var(--color-primary-light);
  border-radius: 30%;
  top: 50%;
  left: 15%;
}

.jcbf91 {
  position: absolute;
  border-radius: var(--radius-full);
  opacity: 0.7;
}

.fe7 {
  width: 18px;
  height: 18px;
  background-color: var(--color-secondary);
  right: 25%;
  top: 15%;
  animation: float 3.5s ease-in-out infinite 0.3s;
}

.g7482 {
  width: 15px;
  height: 15px;
  background-color: var(--color-secondary);
  left: 30%;
  top: 50%;
  animation: float 4.2s ease-in-out infinite 0.8s;
}

.e1d3 {
  width: 20px;
  height: 20px;
  background-color: var(--color-secondary-light);
  right: 10%;
  bottom: 20%;
  animation: float 3.8s ease-in-out infinite 1.2s;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

.d4325ec {
  margin-top: var(--spacing-xl);
}

@media (min-width: 768px) {
  .d4325ec {
    margin-top: var(--spacing-2xl);
  }
}

.d4325ec h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.01em;
}

@media (min-width: 768px) {
  .d4325ec h1 {
    margin-bottom: var(--spacing-lg);
  }
}

.e1f5d8 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .e1f5d8 {
    margin-bottom: var(--spacing-2xl);
  }
}

.fe795c0e {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  margin: var(--spacing-xl) 0;
  text-align: left;
}

@media (min-width: 768px) {
  .fe795c0e {
    padding: var(--spacing-xl);
    margin: var(--spacing-2xl) 0;
  }
}

.a94bbec {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.hf4e {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.hf4e li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

.hf4e li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 600;
}

.h6b8 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  margin: var(--spacing-xl) 0;
}

@media (min-width: 768px) {
  .h6b8 {
    margin: var(--spacing-2xl) 0;
  }
}

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

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

.ib4:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.h480a733 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: var(--spacing-xl) 0 0 0;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .h480a733 {
    margin-top: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .heb815 {
    height: 320px;
  }

  .c78d01 {
    font-size: 8rem;
  }

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

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

.p63f4c {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.n5b7 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
}

.le049c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
}

@media (min-width: 768px) {
  .p63f4c {
    padding: 4rem 0;
  }
}

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

.pd4bed {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.pcbf {
  width: 100%;
}

.b7707 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

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

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

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

  .n9c031 {
    flex: 1 1 45%;
  }
}

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

  .p18f5922 {
    flex: 1 1 50%;
  }

  .n9c031 {
    flex: 1 1 50%;
  }
}

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

.ad07 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

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

.ca8f96 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  width: 100%;
}

.a2ea81f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.f10c9 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.ma3,
.b31b0 {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);
  box-sizing: border-box;
}

.ma3::placeholder,
.b31b0::placeholder {
  color: var(--color-text-muted);
}

.ma3:focus,
.b31b0:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.ma3:hover,
.b31b0:hover {
  border-color: var(--color-border);
}

.b31b0 {
  min-height: 140px;
  resize: vertical;
  font-size: clamp(0.9rem, 1vw, 1rem);
}

.l2d672d {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-top: var(--spacing-sm);
}

.b6c {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
  border-bottom: 1px solid transparent;
}

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

.b88dc1ec {
  width: 100%;
  padding: 1rem var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  box-sizing: border-box;
}

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

.b88dc1ec:active {
  transform: translateY(0);
}

.b88dc1ec:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.3);
}

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

.o684f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

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

.gef034e3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.p81322 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
}

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

.if7 {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

.mbdae {
  flex: 1;
  min-width: 0;
}

.pddaf {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  line-height: 1.3;
}

.pbe {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin-bottom: var(--spacing-xs);
}

.m6a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.p943c8 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.5;
  font-style: italic;
}

.o95079 {
  padding: var(--spacing-lg);
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.ee8b491 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
}

.l431c4 {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-sm);
  font-family: var(--font-heading);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 700;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.o234c {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.nbe {
  width: 100%;
}

.h28a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.b02f035 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin-bottom: var(--spacing-2xl);
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.l48 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .l48 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-lg);
  }
}

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

.obe10 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);
}

.obe10:hover {
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
  transform: translateY(-2px);
}

.j57f {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.i2d0bca {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.m848a3 {
  text-align: center;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

.kf374c32 {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-sm);
  font-family: var(--font-heading);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 700;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

@media (min-width: 768px) {
  .pd4bed {
    padding: 4rem 0;
  }

  .o234c {
    padding: 4rem 0;
  }
}

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

@media (max-width: 767px) {
  .b7707 {
    gap: var(--spacing-2xl);
  }

  .p18f5922 {
    order: 1;
  }

  .n9c031 {
    order: 2;
  }
}