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

:root {
  --color-bg-primary: #f9fafb;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #f3f4f6;
  --color-bg-card: #ffffff;

  --color-text-primary: #111827;
  --color-text-secondary: #4b5563;
  --color-text-muted: #6d727a;

  --color-primary: #059669;
  --color-primary-hover: #047857;
  --color-primary-light: #d1fae5;
  --color-secondary: #10b981;
  --color-secondary-light: #e0f8f1;

  --color-success: #059669;
  --color-warning: #d97706;
  --color-danger: #dc2626;

  --color-border: #e5e7eb;
  --color-border-light: #f3f4f6;

  --font-primary: 'Source Sans 3', sans-serif;
  --font-heading: 'Outfit', sans-serif;

  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --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 ease-in-out;
  --transition-base: 200ms ease-in-out;
  --transition-slow: 300ms ease-in-out;

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

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

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

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

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

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

h1 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

h5 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

h6 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
  font-weight: 400;
  line-height: 1.8;
}

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

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

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

button,
input[type="button"],
input[type="submit"] {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all var(--transition-base);
  border: none;
  border-radius: var(--radius-lg);
  padding: var(--spacing-sm) var(--spacing-lg);
}

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

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

.c8fc09:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

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

.c8fc09:active {
  transform: scale(0.98);
}

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

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

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

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

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

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

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

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

input,
textarea,
select {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
  color: var(--color-text-primary);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-sm) var(--spacing-md);
  transition: all var(--transition-base);
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.a64 {
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bd1159 {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.jcd9b {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}

.me9 {
  text-align: center;
}

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

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

.p4b98e02 {
  font-size: 0.95rem;
  letter-spacing: 0.2px;
}

.p59b6b {
  font-size: 0.9rem;
  letter-spacing: 0.15px;
}

.l184 {
  font-size: 1.125rem;
  letter-spacing: 0.4px;
}

.p2404 {
  font-weight: 600;
}

.c6f1 {
  font-weight: 400;
}

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

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

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

.j57dd2 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.p8ca54 {
  background: #d1fae5;
  color: #059669;
}

.beb2c90 {
  background: #fef3c7;
  color: #d97706;
}

.cac5e618 {
  background: #fee2e2;
  color: #dc2626;
}

.oef35 {
  height: 1px;
  background: var(--color-border-light);
  margin: var(--spacing-lg) 0;
}

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

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

li {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

code {
  font-family: 'Courier New', monospace;
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  padding: 2px 6px;
  border-radius: var(--radius-sm);
  font-size: 0.95rem;
}

pre {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
  font-family: 'Courier New', monospace;
  font-size: 0.95rem;
}

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

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

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

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

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

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

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

figcaption {
  color: var(--color-text-muted);
  font-size: 0.95rem;
  margin-top: var(--spacing-sm);
  text-align: center;
  font-style: italic;
  letter-spacing: 0.3px;
}

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .p658,
  .hf35b,
  .h2f3bfd {
    grid-template-columns: 1fr;
  }

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

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

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

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.1rem;
  }

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

  .m42 {
    flex-direction: column;
  }

  input,
  textarea,
  select {
    font-size: 16px;
  }
}
.db7e {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 1000;
}

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

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

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

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

.a9a:hover .e1c242 {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

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

.g46c4 {
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  padding: 0.5rem 0;
}

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

.gf4b370 {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 600;
  border: none;
  border-radius: 0.5rem;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  flex-shrink: 0;
}

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

.c79c6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  transition: color var(--transition-base);
  flex-shrink: 0;
}

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

.a5a290 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.3s ease;
  padding-top: 70px;
}

.a5a290.j3e33 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.pe8294 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
}

.kfe {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color var(--transition-base);
}

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

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

.d8838 {
  padding: 1rem 1.5rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.d8838:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: 2rem;
}

.hd1 {
  padding: 1rem 1.5rem;
  margin: 1rem 1.5rem 0 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 0.5rem;
  text-align: center;
  transition: all var(--transition-base);
}

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

@media (min-width: 768px) {
  .c79c6 {
    display: none;
  }

  .a5a290 {
    display: none;
  }

  .j92 {
    display: flex;
  }

  .gf4b370 {
    display: block;
  }
}

@media (max-width: 767px) {
  .j0585 {
    height: 70px;
  }
}

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

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

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

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

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

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

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

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

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

.bb1 {
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

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

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

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

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

.f1ca2d70 {
  flex: 1 1 45%;
  min-height: 350px;
}

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

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

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

.e7a924f {
  text-align: center;
}

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

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

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

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

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

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

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

.e89a3f {
  flex: 0 0 40%;
  width: 100%;
  max-height: 350px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

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

.e303 {
  text-align: center;
}

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

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

.f0c36 {
  display: flex;
  flex-direction: row;
  gap: 0;
  position: relative;
  padding: 2rem 0;
}

.f0c36::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--color-border-light);
  z-index: 0;
}

.i81d {
  flex: 1 1 20%;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.a73247 {
  font-size: clamp(1.5rem, 2vw, 2rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  background: var(--color-bg-tertiary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  text-align: center;
  width: fit-content;
  margin: 0 auto;
}

.f690 {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

.m863ca {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

.p24 {
  text-align: center;
}

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

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

.c89b16b7 {
  margin-bottom: 2rem;
}

.g93e2 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: stretch;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.p84bf5be {
  flex: 0 0 50%;
  min-height: 300px;
}

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

.baf8b9dd {
  flex: 1 1 50%;
  padding: clamp(2rem, 3vw, 3rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}

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

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

.b3106 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
  width: fit-content;
}

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

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

.f7d121 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.keecd {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

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

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

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

.p3ea91 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex-grow: 1;
}

.afe2b87 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
}

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

.p7d {
  text-align: center;
  margin-top: 1rem;
}

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

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

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

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

.a5d {
  text-align: center;
}

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

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

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

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

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

.g876:hover .nad84e {
  color: var(--color-text-on-accent);
}

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

.g876:hover .n52227 {
  color: var(--color-text-on-accent);
}

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

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

.g4da {
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}

.ad6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 auto;
  min-width: 150px;
}

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

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

.l2e250 {
  width: 1px;
  height: 60px;
  background: var(--color-border-light);
  margin: 0 1rem;
}

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

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

.c7b7 {
  text-align: center;
}

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

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

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

.ac135f3a {
  flex: 1 1 250px;
  max-width: 300px;
  background: var(--color-bg-card);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

.if341f {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

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

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

.ae32 {
  display: none;
}

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

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

.h6f {
  text-align: center;
}

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

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

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

.l7e713 {
  padding: clamp(0.75rem, 1.5vw, 1.25rem) clamp(1.25rem, 2vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-align: center;
  transition: all var(--transition-base);
  display: inline-block;
}

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

.kac0 {
  display: block;
}

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

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

.i28 {
  text-align: center;
}

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

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

.c21a {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: clamp(1.5rem, 2vw, 2rem);
}

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

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

.k60fa {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  grid-column: 2 / 3;
  grid-row: 1 / 3;
}

.n031 {
  width: 100%;
  height: 90px;
  object-fit: cover;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

.n031:hover {
  transform: scale(1.05);
  box-shadow: var(--shadow-lg);
}

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

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

.la72e58 {
  text-align: center;
}

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

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

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

.df27 {
  flex: 1 1 350px;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
}

.c242c {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-weight: 700;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--color-border-light);
}

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

.hf0:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

.k6f3a.p295 {
  display: none;
}

.d959 {
  color: var(--color-bg-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  text-align: center;
  max-width: 600px;
  line-height: 1.5;
}

.f827 {
  color: var(--color-accent);
  text-decoration: underline;
  font-weight: 600;
}

.f827:hover {
  text-decoration: none;
}

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

.m75,
.m7ecec6f {
  padding: 0.625rem 1.25rem;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
  font-family: var(--font-primary);
}

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

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

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

.m7ecec6f:hover {
  background: rgba(255, 255, 255, 0.1);
}

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

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

  .e89a3f {
    flex: 0 0 100%;
    max-height: 300px;
  }

  .g93e2 {
    flex-direction: column;
  }

  .p84bf5be {
    flex: 0 0 100%;
    min-height: 250px;
  }

  .baf8b9dd {
    flex: 1 1 100%;
  }

  .c21a {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
  }

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

  .k60fa {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    flex-direction: row;
  }

  .n031 {
    height: 120px;
    flex: 1 1 calc(50% - 0.75rem);
  }

  .f0c36 {
    flex-direction: column;
  }

  .i81d {
    position: relative;
    padding-left: 2rem;
  }

  .i81d::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--color-border-light);
  }

  .a73247 {
    margin: 0;
  }

  .h0d50 {
    flex-direction: column;
  }

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

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

  .g157b,
  .f1ca2d70 {
    flex: 1 1 100%;
  }

  .f1ca2d70 {
    min-height: 300px;
  }

  .l8a46 {
    flex-direction: column;
  }

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

  .h734973 {
    flex-direction: column;
  }

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

  .g4da {
    flex-direction: column;
    gap: 1.5rem;
  }

  .l2e250 {
    width: 60px;
    height: 1px;
    margin: 0;
  }

  .o96c0d56 {
    flex-direction: column;
  }

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

  .n3b {
    flex-direction: row;
    justify-content: flex-start;
  }

  .l7e713 {
    flex: 0 1 auto;
  }

  .nd1a0111 {
    flex-direction: column;
  }

  .nd1a0111 .bb1 {
    width: 100%;
  }

  .jd3 {
    flex-direction: column;
  }

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

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

  .d959 {
    width: 100%;
  }

  .c2bf {
    width: 100%;
  }

  .m75,
  .m7ecec6f {
    flex: 1 1 auto;
    width: 100%;
  }
}

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

  .i81d {
    padding-left: 1.5rem;
  }

  .i81d::before {
    left: 0;
  }

  .g876 {
    flex: 1 1 100%;
  }

  .n3b {
    flex-direction: column;
  }

  .l7e713 {
    width: 100%;
  }

  .hf0 {
    padding: 1rem;
  }
}

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

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

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

.i3a38 {
  max-width: 400px;
}

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

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

.j47e,
.ib834c,
.ka76d478 {
  display: block;
}

.j47e h4,
.ib834c h4,
.ka76d478 h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: -0.25px;
}

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

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

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

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

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

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

.eefe p {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  line-height: 1.6;
  max-width: 700px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

.pcd68fd9 p {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .i3a38 {
    flex: 1 1 300px;
  }

  .j47e {
    flex: 0 1 auto;
    min-width: 150px;
  }

  .ib834c {
    flex: 0 1 auto;
    min-width: 220px;
  }

  .ka76d478 {
    flex: 0 1 auto;
    min-width: 180px;
  }

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

  .eefe,
  .pcd68fd9 {
    flex: 1 1 100%;
    padding-top: clamp(2rem, 4vw, 2.5rem);
    border-top: 1px solid var(--color-border-light);
  }
}

@media (min-width: 1024px) {
  .i3a38 {
    flex: 1 1 320px;
  }

  .j47e {
    flex: 0 1 140px;
  }

  .ib834c {
    flex: 0 1 200px;
  }

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

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

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

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

.ddd37 {
  position: relative;
  padding: clamp(4rem, 12vw, 8rem) 0;
  overflow: hidden;
}

.ff347 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #059669 0%, #047857 100%);
  z-index: 0;
}

.ddd37 .p2256472 {
  position: relative;
  z-index: 1;
}

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

.e8e3ebb {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.lba8d {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.lb6e88 {
  font-size: clamp(1.75rem, 5vw + 0.25rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.g99618 {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  flex: 1 1 clamp(280px, 100%, 380px);
  max-width: 380px;
}

.g99618:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 16px rgba(0, 0, 0, 0.12);
}

.gf7 {
  width: 100%;
  height: auto;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: var(--color-bg-tertiary);
}

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

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

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

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

.c7e42ac {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  font-size: clamp(0.8125rem, 1vw + 0.25rem, 0.9375rem);
  color: var(--color-text-muted);
  border-top: 1px solid var(--color-border-light);
  padding-top: 1rem;
  margin-top: auto;
}

.i8a729a9,
.g37,
.l04 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
}

.i8a729a9 i,
.g37 i,
.l04 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.c52 {
  display: inline-block;
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  transition: all 0.3s ease;
  text-align: center;
  width: fit-content;
}

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

@media (max-width: 767px) {
  .ddd37 {
    padding: clamp(3rem, 10vw, 5rem) 0;
  }

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

  .jaba1681 {
    flex-direction: column;
  }
}

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

  .jaba1681 {
    justify-content: center;
  }
}

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

  .jaba1681 {
    justify-content: center;
  }
}

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

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

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

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

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

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

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

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

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

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

  .je1 {
    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;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  .bb4253c i {
    color: var(--color-accent);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  }

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

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

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

    .b3a2e8c,
    .h5e2e {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .pe5 {
      gap: 1rem;
    }
  }

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

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

  .ldd91d76 {
    flex: 1 1 70%;
    max-width: 70%;
  }

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

  .i8781653 {
    font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
    color: var(--color-text-primary);
    line-height: 1.8;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .m87945,
  .l3d4121,
  .c0a {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .o92d,
  .b1d202,
  .hbd5f1 {
    flex: 1 1 50%;
    max-width: 50%;
  }

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

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

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

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

  @media (max-width: 768px) {
    .k2f27b,
    .j8fa,
    .o55 {
      flex-direction: column;
    }

    .m87945,
    .l3d4121,
    .c0a,
    .o92d,
    .b1d202,
    .hbd5f1 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

  .ba8 {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    font-weight: 700;
    color: var(--color-text-primary);
    text-align: center;
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gdc4 {
    font-family: var(--font-heading);
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.25rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: 0.75rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .if2b6f7 {
    flex: 1 1 30%;
    max-width: 30%;
  }

  .n9920d27 {
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: clamp(1rem, 3vw, 2rem);
  }

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

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

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

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

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

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

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

    .ldd91d76,
    .if2b6f7 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .n9920d27 {
      position: static;
    }
  }

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

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

  .obb6920 {
    text-align: center;
  }

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

  .oa0 {
    font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
  }

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

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

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

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

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

  .j7e762:hover .e1c39 {
    transform: scale(1.05);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f6c {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
}

.edbbec0a,
.pa41ce,
.b2f {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  color: var(--color-text-secondary);
}

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

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

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

.l6d978d5 {
  flex: 1 1 70%;
  max-width: 70%;
}

.m6b53 {
  flex: 1 1 30%;
  max-width: 30%;
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
}

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

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

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

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

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

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

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

.eee {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  text-align: left;
}

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

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

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

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

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

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

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

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

.f25 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border: 1px solid #e5e7eb;
}

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

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

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

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

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

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

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

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

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

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

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

.h32 {
  margin-bottom: clamp(2rem, 4vw, 3rem);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: #fef3c7;
  border: 1px solid #fcd34d;
  border-radius: var(--radius-md);
}

.ib668361 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: #92400e;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.k54 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: #78350f;
  line-height: 1.6;
}

.d794c7ca {
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border: 1px solid #e5e7eb;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
}

.o5a {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto clamp(1rem, 1.5vw, 1.25rem);
  display: block;
}

.b5e992a {
  text-align: center;
}

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

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

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

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

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

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

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

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

.dec526a6 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
}

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

.m375 {
  flex: 1 1 calc(33.333% - 1.333rem);
  min-width: 300px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
}

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

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

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

.m93929 {
  padding: clamp(1.25rem, 2vw, 1.75rem);
}

.ecc3670 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

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

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

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

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

  .hd6b346,
  .k3ff {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .aab0b2bc {
    flex-direction: column;
  }

  .l6d978d5,
  .m6b53 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m6b53 {
    position: static;
  }

  .m743c,
  .h5e,
  .m697f {
    flex-direction: column;
  }

  .a829d,
  .oda,
  .a990,
  .he76,
  .l745,
  .n33f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m375 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 280px;
  }
}

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

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

  .d794c7ca {
    position: static;
  }
}

@media (max-width: 480px) {
  .f6c {
    flex-direction: column;
    gap: 0.5rem;
  }

  .edbbec0a,
  .pa41ce,
  .b2f {
    width: 100%;
  }

  .b52b6 {
    flex-wrap: wrap;
  }
}

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

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

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

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

.b2d107 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.b6dead {
  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;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n848 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  font-weight: 400;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.a6e86b {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

@media (min-width: 768px) {
  .nda5 {
    gap: clamp(3rem, 5vw, 4rem);
  }

  .n91 {
    gap: clamp(1.5rem, 2.5vw, 2rem);
  }
}

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

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

.c749 {
  flex: 1 1 100%;
}

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

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

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

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

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

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

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

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

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

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

.h46a {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.b643 {
  flex: 0 1 100%;
}

.cd8217 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: center;
  text-align: center;
  box-shadow: var(--shadow-sm);
}

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

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

.h046c0 {
  margin: 0;
  font-size: clamp(1rem, 1.5vw, 1.125rem);
}

.l5a1 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 700;
  font-family: var(--font-heading);
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

  .c749 {
    flex: 1 1 70%;
  }

  .b643 {
    flex: 0 1 30%;
  }

  .cd8217 {
    position: sticky;
    top: 2rem;
  }
}

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

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

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

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

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

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

.k4fc3af1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-weight: 700;
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j359 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e9ed {
  flex: 1 1 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.pe2 {
  width: 100%;
  height: 220px;
  overflow: hidden;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

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

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

.id63 {
  margin: 0;
  font-size: clamp(1rem, 1.75vw, 1.25rem);
}

.k66 {
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-heading);
  font-weight: 700;
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

@media (min-width: 1024px) {
  .e9ed {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.75rem));
    max-width: calc(33.333% - clamp(1rem, 2vw, 1.75rem));
  }
}

@media (max-width: 767px) {
  .b2d107 {
    font-size: 0.8125rem;
  }

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

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

* {
  box-sizing: border-box;
}

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

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

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

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

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

.kd92 a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

.ec5f442 i {
  color: var(--color-accent);
  width: 18px;
  height: 18px;
}

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

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

  .n6369a5,
  .ca0f6f62 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l5c {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
}

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

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

.b72dd0 {
  flex: 1 1 70%;
  max-width: 70%;
}

.d031c7 {
  flex: 1 1 30%;
  max-width: 30%;
  position: sticky;
  top: 2rem;
}

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

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

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

.i309a2 {
  margin: clamp(2rem, 4vw, 3rem) 0;
}

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

.e4ea {
  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: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
}

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

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

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

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

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

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

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

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

  .b72dd0,
  .d031c7 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d031c7 {
    position: static;
    order: -1;
  }
}

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

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

.c912a8 {
  text-align: center;
}

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

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

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

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

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

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

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

.ba0c5:hover .h4bfde img {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .kce98 {
    border-left: none;
    border-top: 4px solid var(--color-accent);
  }
}

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

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

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

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

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

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

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

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

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

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

.a2578 {
  text-align: center;
}

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

.ef9ed {
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.i0a8 {
  text-align: center;
  margin-bottom: 1rem;
}

.mdaaf {
  font-size: 0.875rem;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

.lb6f {
  flex: 1 1 45%;
  min-width: 0;
}

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

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

.c1b8 {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 450px;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

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

.e4d47 {
  text-align: center;
  margin-bottom: 1.5rem;
}

.m3cecb {
  font-size: 0.875rem;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

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

.bed9f {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-primary);
  font-weight: 700;
  min-width: 60px;
  text-align: center;
}

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

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

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

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

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

.ke561 {
  text-align: center;
  margin-bottom: 1.5rem;
}

.pfbc21 {
  font-size: 0.875rem;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

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

.e1672:hover {
  transform: translateY(-4px);
  border-color: var(--color-primary);
  box-shadow: 0 8px 24px rgba(5, 150, 105, 0.15);
}

.j04 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-primary);
  margin-bottom: 1rem;
}

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

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

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

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

.h64dc {
  text-align: center;
  margin-bottom: 1.5rem;
}

.l28fc {
  font-size: 0.875rem;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

.ba0 {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 450px;
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.h35 {
  flex: 1 1 45%;
  min-width: 0;
}

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

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

.lfb19a78 {
  font-size: 1.25rem;
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.fd9 {
  flex: 1;
}

.hc0 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.25rem;
}

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

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

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

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

.h4a {
  font-size: 1.5rem;
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

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

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

  .lb6f,
  .c1b8 {
    flex: 1 1 100%;
  }

  .nc5 {
    flex-direction: column;
  }

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

  .h35 {
    flex: 1 1 100%;
  }

  .f0875824 {
    gap: 1rem;
  }

  .bed9f {
    min-width: 50px;
    font-size: clamp(1.5rem, 3vw, 2rem);
  }

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

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

  .bed9f {
    margin-bottom: 0.5rem;
  }

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

  .lfb19a78 {
    margin-top: 0;
  }

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

  .h4a {
    margin-top: 0;
  }
}

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

html, body {
  font-family: 'Source Sans 3', sans-serif;
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.ac4b {
  width: 100%;
  max-width: 400px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

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

.pe69 {
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.a95212 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.af1cefe0 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
}

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

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

.l1e47d14 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
}

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

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

.ga4e1:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  border-color: var(--color-accent);
}

.a3a {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: 'Outfit', sans-serif;
}

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

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

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

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

.ocd3885 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
}

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

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

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

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

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

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

.a81 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
}

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

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

.f603 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 20px;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

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

.l83 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
}

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

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

.b70:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  border-color: var(--color-accent);
}

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

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

.cc8fb {
  color: var(--color-accent);
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  display: inline-block;
}

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

.k85 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 12px;
  padding: clamp(2rem, 4vw, 3rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.i3483 {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-text-on-accent);
  font-weight: 600;
}

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

.n5d {
  color: var(--color-text-on-accent);
  font-weight: 600;
  text-decoration: underline;
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  display: inline-block;
  transition: all 0.3s ease;
}

.n5d:hover {
  opacity: 0.9;
}

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

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

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

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

.j9639af {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  display: inline-block;
  align-self: center;
  transition: all 0.3s ease;
}

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

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

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

@media (min-width: 1024px) {
  .b89c6 {
    flex-direction: row;
    align-items: center;
    text-align: left;
  }

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

  .d9dca46 {
    flex: 1 1 55%;
  }

  .ga4e1 {
    flex: 1 1 calc(25% - 1rem);
  }

  .b70 {
    flex: 1 1 calc(25% - 1rem);
  }
}

@media (max-width: 767px) {
  .g27369e {
    gap: 0.5rem;
  }

  .f603 {
    padding: 0.4rem 0.8rem;
  }
}

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

.e7102bc {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.m93e1837 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.d300b4 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

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

.ed1 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.a6aa49 {
  max-width: 1200px;
  margin: 0 auto;
}

.o4a6c44 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.h824f {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: var(--shadow-sm);
}

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

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

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

.lf53 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  flex-grow: 1;
}

.l43aa6 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  width: fit-content;
}

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

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

.jdda0 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

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

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

.m421 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.lf659d7b {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  border: 2px solid var(--color-primary);
  transition: var(--transition-base);
  cursor: pointer;
}

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

.lf659d7b:active {
  transform: scale(0.98);
}

@media (min-width: 768px) {
  .e7102bc {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .o4a6c44 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .e7102bc {
    padding: var(--spacing-3xl) 0;
  }

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

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

  .d4ed15 {
    height: 280px;
  }

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

@media (min-width: 1280px) {
  .o4a6c44 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.pd5f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.o6fd {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.a27ba6 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.bd3 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  font-weight: 400;
}

.cd79895a {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.nb3 {
  max-width: 1200px;
  margin: 0 auto;
}

.kd94539 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

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

.m0bd855 {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.g8c26a1 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.d2d8d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.fa54b4 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.j7c32e62 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.l175db {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.l242 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
}

.l242:hover {
  background-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
  text-decoration: none;
}

.l242:active {
  transform: translateY(1px);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 768px) {
  .pd5f {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

  .kd94539 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

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

@media (min-width: 1024px) {
  .pd5f {
    padding: var(--spacing-3xl) 0;
  }

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

  .kd94539 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .m0bd855 {
    font-size: 3rem;
  }

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

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

@media (min-width: 1200px) {
  .kd94539 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .n24 {
    padding: var(--spacing-lg);
  }

  .m0bd855 {
    font-size: 2rem;
  }

  .l242 {
    width: 100%;
  }
}

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

.gca14 main {
  width: 100%;
}

.gca14 .p2256472 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.gca14 .n3e2d9c {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-lg) var(--spacing-md);
}

.gca14 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.gca14 .n3db {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.gca14 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: var(--spacing-2xl) 0 var(--spacing-md) 0;
  line-height: 1.4;
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

.gca14 h2:first-of-type {
  border-top: none;
  padding-top: 0;
  margin-top: var(--spacing-xl);
}

.gca14 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.gca14 ul,
.gca14 ol {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  padding: 0;
}

.gca14 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.gca14 .e42e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.gca14 .e42e h2 {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
  color: var(--color-text-primary);
}

.gca14 .e42e p {
  color: var(--color-text-primary);
  margin: var(--spacing-sm) 0;
}

.gca14 .e42e strong {
  color: var(--color-primary);
  font-weight: 600;
}

@media (min-width: 768px) {
  .gca14 .n3e2d9c {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .gca14 .n3e2d9c {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.j70d5 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

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

.n3e2d9c {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.a495e {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--spacing-2xl) var(--spacing-md);
}

.m25 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-xl);
  animation: scaleIn 0.6s ease-out;
  color: var(--color-success);
}

.m25 svg {
  width: 80px;
  height: 80px;
  display: block;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.2;
}

.m13 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 500;
}

.p9ee3 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-2xl) 0;
}

.c70ea1 {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-2xl);
}

.bb1 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
}

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

.c8fc09:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

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

.j780 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: 0;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .a495e {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

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

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

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

@media (min-width: 1024px) {
  .a495e {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

  .m25 svg {
    width: 96px;
    height: 96px;
  }

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

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

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

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

.o0e3e {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gb66 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

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

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

.oc63 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
}

.g70b3 {
  position: relative;
  width: 100%;
  max-width: 280px;
  margin: 0 auto var(--spacing-lg);
}

.i821bc37 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  letter-spacing: -0.03em;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: var(--spacing-md);
  line-height: 1;
}

.f19af7 {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: var(--spacing-lg) 0;
}

.def57 {
  width: 100%;
  max-width: 160px;
  height: auto;
  color: var(--color-primary);
  opacity: 0.8;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

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

.g95e671 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.da4e {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

.cf330d9 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  line-height: 1.8;
  margin-bottom: var(--spacing-xl);
  font-style: italic;
  border-left: 4px solid var(--color-primary-light);
  padding-left: var(--spacing-md);
}

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

.bb1 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
}

.c8fc09 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

.c8fc09:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

.l01cf0c {
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--color-border-light);
}

.d147 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.b2d281 {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  justify-content: center;
}

.b2d281 li {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.b2d281 li:hover {
  background-color: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  border-color: var(--color-primary-light);
}

@media (min-width: 640px) {
  .gb66 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

  .g70b3 {
    max-width: 320px;
    margin-bottom: var(--spacing-xl);
  }

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

@media (min-width: 768px) {
  .gb66 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

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

  .cf330d9 {
    margin-bottom: var(--spacing-2xl);
    padding-left: var(--spacing-xl);
  }

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

  .b2d281 li {
    padding: var(--spacing-xs) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .gb66 {
    padding: var(--spacing-3xl) var(--spacing-xl);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

  .g70b3 {
    max-width: 360px;
  }

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

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

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

@media (prefers-reduced-motion: reduce) {
  .def57 {
    animation: none;
  }

  .bb1 {
    transition: background-color var(--transition-fast);
  }

  .bb1:hover {
    transform: none;
  }
}

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

.f6c6b9 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) 0;
  overflow: hidden;
}

.kec28480 {
  text-align: center;
  padding: var(--spacing-xl) var(--spacing-md);
}

.m0601f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.g046 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .f6c6b9 {
    padding: var(--spacing-3xl) 0;
  }

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

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

  .kec28480 {
    padding: 3rem var(--spacing-md);
  }
}

.nc1d83 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) 0;
  overflow: hidden;
}

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

.n28 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

.ke87 {
  flex: 1 1 100%;
  min-width: 0;
}

.hfba {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .nc1d83 {
    padding: var(--spacing-3xl) 0;
  }

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

  .ke87 {
    flex: 1 1 45%;
  }

  .hfba {
    flex: 1 1 45%;
  }
}

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

  .mcadd {
    padding: 2rem;
  }

  .n28 {
    gap: 4rem;
  }
}

.p4816 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.p7ff52e5 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.j35f {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.4rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.i58cdd8,
.k54bcf {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  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);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.i58cdd8::placeholder,
.k54bcf::placeholder {
  color: var(--color-text-muted);
}

.i58cdd8:focus,
.k54bcf:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.k54bcf {
  min-height: 140px;
  resize: vertical;
}

.h9451c14 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw + 0.3rem, 0.85rem);
  color: var(--color-danger);
  display: none;
  margin-top: -0.25rem;
}

.h9451c14.h84502 {
  display: block;
}

.p7ff52e5.ca6c .i58cdd8,
.p7ff52e5.ca6c .k54bcf {
  border-color: var(--color-danger);
  background-color: rgba(220, 38, 38, 0.05);
}

.lfa47d {
  background-color: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
}

.oa21f8a {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.4rem, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.ce50c9a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.jae82c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  letter-spacing: 0.5px;
}

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

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

.jae82c:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.la50c8e9 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.n2012e2 {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: -0.01em;
}

.f69 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.m03aba {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.m03aba i {
  font-size: 1.25rem;
  color: var(--color-primary);
}

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

.he414 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.4rem, 0.9rem);
  font-weight: 600;
  color: var(--color-text-secondary);
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.c97bb1 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 500;
  line-height: 1.6;
}

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

.k41b7 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: -0.01em;
}

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

.gc89 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.hb8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.hb8::before {
  content: "→";
  display: inline-block;
  opacity: 0;
  transition: opacity var(--transition-base);
}

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

.hb8:hover::before {
  opacity: 1;
}

@media (min-width: 768px) {
  .p4816 {
    gap: var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .p4816 {
    gap: 1.5rem;
  }

  .i58cdd8,
  .k54bcf {
    padding: 0.875rem 1rem;
  }
}

@media (max-width: 767px) {
  .n28 {
    gap: var(--spacing-2xl);
  }

  .ke87,
  .hfba {
    flex: 1 1 100%;
  }

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

  .m03aba {
    width: 44px;
    height: 44px;
  }

  .m03aba i {
    font-size: 1.1rem;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.c79c6,.kfe{width:34px;}
.c79c6[aria-expanded="true"]{display:none;}
.a5a290.j3e33{z-index:999;}
.a5a290{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.a5a290{max-width:100%;}}
.j92{justify-content:flex-end;}
@media (max-width:768px){.keecd{min-height:500px;}}