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

:root {
  --color-bg-primary: #faf5ff;
  --color-bg-secondary: #f5f3ff;
  --color-bg-tertiary: #ede9fe;
  --color-bg-card: #ffffff;

  --color-text-primary: #2e1065;
  --color-text-secondary: #6b21a8;
  --color-text-muted: #7d6593;

  --color-primary: #9333ea;
  --color-primary-hover: #7e22ce;
  --color-primary-light: #f3e8ff;
  --color-secondary: #a855f7;
  --color-secondary-light: #f5edff;

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

  --color-border: #e9d5ff;
  --color-border-light: #f3e8ff;

  --font-primary: 'Lora', serif;
  --font-heading: 'Playfair Display', serif;

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

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --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.08);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.12);

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

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

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

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

* {
  box-sizing: border-box;
}

*::selection {
  background: var(--color-primary-light);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

p {
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.8;
  letter-spacing: 0.4px;
}

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

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

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

button,
.f451 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background: var(--color-primary);
  color: #ffffff;
  border: none;
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all var(--transition-base);
  text-decoration: none;
  box-shadow: var(--shadow-md);
  letter-spacing: 0.3px;
}

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

button:active,
.f451:active {
  transform: translateY(0);
}

button.bc223,
.f451.bc223 {
  background: var(--color-secondary);
}

button.bc223:hover,
.f451.bc223:hover {
  background: #9333ea;
}

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

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

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

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

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

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

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

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

ul,
ol {
  margin: 0 0 var(--spacing-md) var(--spacing-lg);
  padding: 0;
  line-height: 1.8;
}

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

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

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

code {
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: 0.9rem;
  letter-spacing: 0.2px;
}

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

pre code {
  background: none;
  padding: 0;
  color: var(--color-text-primary);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gb0bd {
  background: var(--color-bg-card);
}

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

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

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

.j3f {
  margin: 0;
}

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

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

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

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

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

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

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

.b4c0732a {
  padding: 0;
}

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

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

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

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

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

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

.oe69dbc3 {
  display: flex;
}

.o903fa4c {
  flex-direction: column;
}

.h01 {
  flex-wrap: wrap;
}

.hbc5 {
  align-items: center;
}

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

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

.gf4 {
  justify-content: center;
}

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

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

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

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

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

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

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

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

.aa9fc776 {
  display: grid;
}

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

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

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

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

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

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

.nb8af4d4 {
  display: none;
}

.b01762 {
  display: block;
}

.gaa {
  display: inline-block;
}

.f599 {
  width: 100%;
}

.f1b6c0 {
  width: auto;
}

.oef33f {
  max-width: 100%;
}

.e8947 {
  text-align: center;
}

.nbc9ace {
  text-align: left;
}

.g42 {
  text-align: right;
}

.gf1 {
  font-weight: 400;
}

.l3d2 {
  font-weight: 500;
}

.ge4 {
  font-weight: 600;
}

.ob5 {
  font-weight: 700;
}

.p4af {
  font-style: italic;
}

.geb {
  text-decoration: underline;
}

.o71 {
  text-decoration: none;
}

.g3a {
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.pe9 {
  text-transform: lowercase;
}

.ked45a18 {
  text-transform: capitalize;
}

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

.c65c8db {
  opacity: 0.5;
}

.ke0 {
  opacity: 0.75;
}

.k94 {
  opacity: 1;
}

.oa22 {
  transition: all var(--transition-base);
}

.n8d5c1 {
  transition: all var(--transition-fast);
}

.j245e9 {
  transition: all var(--transition-slow);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j4f96a3 {
  accent-color: var(--color-primary);
}

.i0ca {
  accent-color: var(--color-secondary);
}

.p20e2 {
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

@media (max-width: 1024px) {
  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 1.75rem;
  }

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

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

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

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

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

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

  .k609 {
    flex-direction: column;
  }

  button,
  .f451 {
    width: 100%;
    text-align: center;
  }

  .e2fee {
    display: none;
  }

  .b85dc4 {
    display: block;
  }
}

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

@supports (display: grid) {
  .aa9fc776 {
    display: grid;
  }
}

@supports (display: flex) {
  .oe69dbc3 {
    display: flex;
  }
}

@media (prefers-color-scheme: light) {
  html {
    color-scheme: light;
  }
}
.le975fc7 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  top: 0;
  z-index: 1000;
}

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

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

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

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

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

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

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

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

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

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

.m7ce8d6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  gap: 5px;
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.m7ce8d6:hover {
  transform: scale(1.1);
}

.ac1 {
  width: 24px;
  height: 2.5px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-base);
  display: block;
}

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

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

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

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

.n65.hbf {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.m91c92a5 {
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1rem, 3vw, 1.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw, 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);
}

.m91c92a5:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding-left: clamp(1.5rem, 5vw, 2rem);
}

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

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

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

  .ca87d7 {
    display: block;
  }

  .m7ce8d6 {
    display: none;
  }

  .n65 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .dc5a92 {
    font-size: 1.5rem;
  }

  .pcc {
    font-size: 1rem;
  }

  .ca87d7 {
    font-size: 1rem;
    padding: 0.875rem 1.75rem;
  }
}

    

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

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

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

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

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

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

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

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

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

.b77f5ca:hover {
  background: var(--color-accent-light);
  border-color: var(--color-accent-hover);
}

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

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

.a70 {
  background: transparent;
  color: var(--color-accent);
  padding: 0.5rem 0;
  text-decoration: underline;
}

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

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

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

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

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

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

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

.i6ed85a5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(46, 16, 101, 0.65) 0%, rgba(107, 33, 168, 0.55) 100%);
  z-index: 2;
}

.gaba0c8 .ob7 {
  position: relative;
  z-index: 3;
  width: 100%;
}

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

.d755ad2 {
  font-size: clamp(2rem, 6vw, 4rem);
  color: #ffffff;
  line-height: 1.2;
  font-weight: 800;
  max-width: 900px;
}

.c6cf8 {
  font-size: clamp(1rem, 2vw, 1.5rem);
  color: #f0e8ff;
  max-width: 600px;
  line-height: 1.6;
}

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

@media (max-width: 640px) {
  .obd9d {
    flex-direction: column;
    width: 100%;
  }

  .obd9d .ld77 {
    width: 100%;
  }
}

.nd54 {
  background: linear-gradient(135deg, var(--color-accent) 0%, #a855f7 100%);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

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

.p5e87 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: #ffffff;
  line-height: 1.3;
  max-width: 600px;
}

.e30d05d {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: #f0e8ff;
  max-width: 550px;
  line-height: 1.6;
}

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

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

.fce7 {
  text-align: center;
}

.febfc {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  line-height: 1.3;
}

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

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

.jf985e35::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--color-accent);
}

.gc58c0 {
  display: flex;
  gap: clamp(1rem, 3vw, 2rem);
  position: relative;
}

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

.n12b .dd27c8 {
  order: 2;
}

.n12b .ge603e08 {
  order: 1;
  text-align: right;
}

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

.a43 .dd27c8 {
  order: 1;
}

.a43 .ge603e08 {
  order: 2;
  text-align: left;
}

.n12b,
.a43 {
  width: 50%;
}

.dd27c8 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  font-family: var(--font-heading);
}

.ge603e08 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.c6e2 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 700;
}

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

@media (max-width: 768px) {
  .jf985e35::before {
    left: 30px;
  }

  .gc58c0 {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .n12b .dd27c8,
  .a43 .dd27c8 {
    order: 1 !important;
  }

  .n12b .ge603e08,
  .a43 .ge603e08 {
    order: 2 !important;
    text-align: left !important;
  }

  .dd27c8 {
    width: 60px;
    height: 60px;
    font-size: 1.1rem;
  }

  .ge603e08 {
    margin-left: 1rem;
  }
}

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

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

.pf60 {
  text-align: center;
}

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

.f0ea {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
}

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

.c218d {
  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: var(--transition-base);
}

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

.i7773c7 {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.c218d > div:not(.i7773c7) {
  padding: clamp(1.25rem, 3vw, 1.75rem);
}

.p9fd {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 700;
  line-height: 1.3;
}

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

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

.j0b5a8ac {
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
  align-items: flex-start;
}

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

.oae {
  font-size: 1.5rem;
  color: var(--color-accent);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  height: 100%;
}

.h0a58b {
  flex: 1;
}

.hd05c3 {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 700;
}

.a7a986 {
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.75rem;
  line-height: 1.5;
}

.k46e {
  font-size: 0.85rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-base);
}

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

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

  .c218d,
  .of8fb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.na617 {
  text-align: center;
}

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

.o7077d9 {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
}

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

.ed4d221 {
  flex: 1 1 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-md);
  border-top: 4px solid var(--color-accent);
  transition: var(--transition-base);
}

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

.n41ac {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-accent);
  font-weight: 800;
  font-family: var(--font-heading);
  margin-bottom: 0.5rem;
  line-height: 1;
}

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

.jaf33 {
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

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

.dde25 {
  text-align: center;
}

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

.oc0 {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
}

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

.pf89849 {
  flex: 1 1 200px;
  max-width: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
}

.c8ba0b {
  width: 90px;
  height: 90px;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-lg);
  flex-shrink: 0;
}

.a9929 {
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
}

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

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

.d3c7 {
  width: 2px;
  height: 40px;
  background: var(--color-accent);
  opacity: 0.4;
}

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

  .k249466 {
    flex-direction: column;
  }
}

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

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

.g2caafc {
  flex: 1 1 45%;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

.p924 {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.f1abbea {
  width: 100%;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 700;
  font-family: var(--font-primary);
  text-align: left;
  transition: var(--transition-base);
}

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

.o509b {
  flex: 1;
}

.jb9c030b {
  color: var(--color-accent);
  font-size: 1.25rem;
  transition: var(--transition-base);
  flex-shrink: 0;
}

.p924.hbf .jb9c030b {
  transform: rotate(180deg);
}

.l89 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.p924.hbf .l89 {
  max-height: 500px;
}

.c11277 {
  padding: 0 clamp(1.25rem, 2vw, 1.75rem) clamp(1.25rem, 2vw, 1.75rem);
  font-size: clamp(0.85rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

  .g2caafc,
  .df1bf2f {
    flex: 1 1 100%;
  }
}

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

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

.p5e {
  text-align: center;
}

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

.b4795 {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
}

.kaabbb {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.kbfbcff5 {
  flex: 1 1 100%;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.m97f0ebb {
  font-size: 2.5rem;
  opacity: 0.9;
}

.d64d {
  font-size: clamp(1.4rem, 3vw, 1.9rem);
  font-weight: 800;
  line-height: 1.3;
  font-family: var(--font-heading);
}

.af8 {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  line-height: 1.7;
  opacity: 0.95;
}

.e2c1c1 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  width: 100%;
}

.b7e {
  flex: 1 1 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: var(--transition-base);
}

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

.ceef9 {
  font-size: 1.75rem;
  color: var(--color-accent);
}

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

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

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

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

.c93bd29f {
  flex: 1 1 40%;
  min-width: 280px;
}

.m8d552 {
  flex: 1 1 40%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

.k146 {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  font-size: clamp(0.85rem, 1.2vw, 1rem);
}

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

.g6b792 {
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

  .c93bd29f,
  .m8d552 {
    flex: 1 1 100%;
  }
}

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

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

.g643b1 {
  text-align: center;
}

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

.f213c94f {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
}

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

.e21bda {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-width: 280px;
}

.kb77f9 {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
}

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

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

.l2cd0 {
  font-size: clamp(0.85rem, 1.2vw, 1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  font-weight: 500;
}

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

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

.kfd454 {
  text-align: center;
}

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

.mcdc {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
}

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

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

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

.c3ac5 {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  transition: var(--transition-base);
}

.de84dd:hover .c3ac5 {
  transform: scale(1.05);
}

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

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

.hf3 {
  font-size: clamp(0.85rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  flex: 1;
}

.bb577116 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-base);
  align-self: flex-start;
  margin-top: auto;
}

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

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

.ae71 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.n6d5 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: linear-gradient(135deg, var(--color-accent) 0%, #a855f7 100%);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-lg);
}

.n6d5.nb8af4d4 {
  display: none;
}

.dac {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  line-height: 1.5;
  max-width: 600px;
  flex: 1 1 auto;
}

.k11eba0 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
  flex-shrink: 0;
}

.lfc24c,
.e7d9 {
  padding: 0.6rem 1.25rem;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  transition: var(--transition-base);
  font-family: var(--font-primary);
}

.lfc24c {
  background: #ffffff;
  color: var(--color-accent);
}

.lfc24c:hover {
  background: #f0e8ff;
  transform: translateY(-2px);
}

.e7d9 {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

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

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

  .dac {
    width: 100%;
  }

  .k11eba0 {
    width: 100%;
  }

  .lfc24c,
  .e7d9 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

  .jf985e35::before {
    left: 25px;
  }

  .oc1a1 {
    flex-direction: column;
  }

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

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

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

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

.mf336 {
  display: block;
}

.mf336 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: 0.3px;
}

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

.h59c8a {
  display: block;
}

.h59c8a h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: 0.3px;
}

.h86 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 2vw, 1.5rem);
}

.h86 li {
  display: inline-block;
}

.h86 a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  text-decoration: none;
  transition: color var(--transition-base) ease;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
}

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

.jd5 {
  display: block;
}

.jd5 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: 0.3px;
}

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

.jd5 p + p {
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

.c548cb92 {
  display: block;
}

.c548cb92 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: 0.3px;
}

.a8e {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 2vw, 1.5rem);
}

.a8e li {
  display: inline-block;
}

.a8e a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  text-decoration: none;
  transition: color var(--transition-base) ease;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
}

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

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

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

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

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

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

  .h59c8a {
    flex: 1 1 200px;
  }

  .jd5 {
    flex: 1 1 240px;
  }

  .c548cb92 {
    flex: 1 1 200px;
  }

  .fd76c {
    flex: 1 1 100%;
    border-top: 1px solid var(--color-border-light);
    padding-top: clamp(1.5rem, 3vw, 2.5rem);
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }

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

  .h86 a {
    display: block;
    padding: 4px 0;
  }

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

  .a8e a {
    display: block;
    padding: 4px 0;
  }
}

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

  .mf336 {
    flex: 0 1 320px;
  }

  .h59c8a {
    flex: 0 1 180px;
  }

  .jd5 {
    flex: 0 1 260px;
  }

  .c548cb92 {
    flex: 0 1 180px;
  }
}

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

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

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

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

.i71c5 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 5vw, 3.5rem);
  max-width: 700px;
  width: 100%;
  box-shadow: var(--shadow-md);
  text-align: center;
}

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

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

.k81 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

.k155 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.i6cd {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(2.5rem, 5vw, 4rem);
  max-width: 750px;
  width: 100%;
  position: relative;
  box-shadow: var(--shadow-md);
}

.a52d070f {
  color: var(--color-accent-light);
  font-size: clamp(2.5rem, 8vw, 4rem);
  margin-bottom: 1rem;
  line-height: 1;
}

.h5c {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-style: italic;
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bad {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  text-align: right;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .kd4 {
    flex: 1 1 100%;
    min-height: 220px;
  }

  .c45f0f4 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

  .bd9 {
    flex-direction: row;
    gap: 1.5rem;
  }
}

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

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

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Playfair Display', serif;
}

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

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

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

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

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

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

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

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

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

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

.ieef7b5 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.6;
  max-width: 90%;
}

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

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

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

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

.lfc335e3 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.b930eb4d {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f0bda img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

.m8d87 img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

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

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

.ob5ffe img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

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

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

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

.n778 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.n778 li {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  padding-left: 1.75rem;
  position: relative;
}

.n778 li:before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.25rem;
}

.n01c0f87 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.7;
}

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

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

.m24 img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

.o7a {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.pe64 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  margin-bottom: 0.75rem;
  line-height: 1.3;
}

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

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

.l92f {
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

.f4bf5 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  align-items: center;
}

.p7ac11 {
  flex-shrink: 0;
  width: clamp(100px, 20vw, 150px);
  height: clamp(100px, 20vw, 150px);
  border-radius: 6px;
  overflow: hidden;
}

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

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

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

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

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

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

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

  .h91af1d,
  .f0bda,
  .m8d87,
  .gc47,
  .pda37237,
  .ob5ffe,
  .m24,
  .je4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .p7ac11 {
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.o1d093a1 {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
}

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

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

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

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

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

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

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

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

.n621ac0 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.a909281 {
  flex: 0 0 auto;
}

.a909281 img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

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

.k5b {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}

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

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

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

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

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

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

  .a909281 {
    flex: 0 0 auto;
  }
}

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

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

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

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

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

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

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

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

.pa647 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.6;
}

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

  .m7b8,
  .n7455799 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.ocf:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 8px;
  height: 8px;
  background-color: var(--color-accent);
  border-radius: 50%;
}

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

  .c8ea4c9,
  .nd6a611 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .nd6a611 {
    order: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

.j61f4 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.f3b348c {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
}

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

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

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

  .od493,
  .gb1a9b35 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

  .b7c867,
  .a36f6aad {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .a36f6aad {
    order: 0;
  }
}

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

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

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

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

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

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

.n9a220 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
}

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

.jc4260 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 2vw, 2rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

.e5d {
  flex: 0 0 120px;
  min-width: 120px;
  height: 100px;
}

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

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

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

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

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

.lfb4d {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

  .e5d {
    flex: 1 1 100%;
    height: 150px;
  }

  .l96 {
    text-align: center;
  }

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

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

  .e538 {
    justify-content: center;
  }

  .ib1fe95 {
    flex-direction: column;
  }

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

.kc1ac {
  width: 100%;
  margin: 0;
  padding: 0;
}

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

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

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

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

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

.pfe7 {
  color: var(--color-text-muted);
  margin: 0 0.25rem;
}

.lee5 {
  color: var(--color-text-primary);
  font-weight: 500;
}

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

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

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

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

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

.mafa i {
  color: var(--color-accent);
  font-size: 0.95em;
}

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

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

.ace23 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
}

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

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

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

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

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

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

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

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

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

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

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

.oc3 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-base);
}

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

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

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

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

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

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

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

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

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

  .n9c,
  .h31e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.abfa53 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1vw, 1rem) 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.abfa53 i {
  color: var(--color-accent);
  font-size: 1.1em;
  flex-shrink: 0;
}

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

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

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

.l14 {
  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;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a7fa {
  flex: 1 1 auto;
  min-width: 250px;
  max-width: 300px;
}

.h109e47e {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  text-decoration: none;
  color: inherit;
  transition: transform var(--transition-base);
}

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

.cfbc0 {
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m025e1dc {
  text-align: center;
}

.n14 {
  display: inline-block;
  background: var(--color-primary-light);
  color: var(--color-primary);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

.fc3ec {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.a8a77d i {
  color: var(--color-accent);
  font-size: 1.1em;
}

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

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

.i1bd5 {
  flex: 0 0 auto;
}

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

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

.n5e46e5 {
  font-size: 0.8125rem;
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

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

  .l5da4bc {
    align-items: center;
  }
}

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

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

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

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

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

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

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

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

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

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

.o1e1fed {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  margin: clamp(1.5rem, 3vw, 2rem) 0;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

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

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

.i03afce {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  font-weight: 600;
}

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

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

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

.cbb55 {
  flex: 1 1 auto;
}

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

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

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

  .k3ad {
    margin-top: 0;
  }
}

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

.j79571 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

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

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

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

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

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

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

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

.d5010d82 {
  flex: 1 1 clamp(280px, 100%, 380px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

.d5010d82:hover .n2f74 img {
  transform: scale(1.05);
}

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

.l8079 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

  .jd5814e,
  .d8c42b5c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .le2a4e3 {
    flex-direction: column;
  }

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

.ja1c8f1 {
  text-align: center;
}

.ee3 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  margin-bottom: 1rem;
  font-weight: 500;
}

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

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

.e7d64 {
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: 2rem auto 0;
  border-radius: var(--radius-lg);
  object-fit: cover;
}

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

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

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

.p18f362 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

.nea5 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

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

.e92 p {
  margin-bottom: 1.5rem;
}

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

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

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

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

.k557ac {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

.e3975 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

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

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

.a2e616 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  max-width: 280px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

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

.ef1e7d {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-primary);
  margin-bottom: 1rem;
}

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

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

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

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

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

.lda {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

.j2b1837 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

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

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

.n403 {
  flex: 1 1 45%;
  min-width: 250px;
}

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

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

.pc7 {
  flex: 1 1 45%;
  min-width: 250px;
  max-height: 400px;
  border-radius: var(--radius-lg);
  object-fit: cover;
}

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

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

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

.i3d8 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

.h4c0e {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

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

.g3c9 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  flex: 1 1 calc(50% - 1rem);
  min-width: 180px;
  max-width: 220px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.b09b {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-primary);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

.a9b3275 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

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

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

.b5f4de {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 900px;
}

.b5f4de p {
  margin-bottom: 0.75rem;
}

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

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

  .n403 {
    flex: 1 1 100%;
  }

  .pc7 {
    flex: 1 1 100%;
    max-height: 300px;
  }

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

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

  .eae {
    flex-direction: column;
  }
}

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

  .nea5,
  .e3975,
  .j2b1837,
  .h4c0e {
    font-size: clamp(1.3rem, 3vw, 1.75rem);
  }

  .i57c {
    flex-direction: column;
  }

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

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

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

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

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

.f14891 {
  width: 100%;
  max-width: 600px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

.f617e39 {
  text-align: center;
  max-width: 700px;
}

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

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

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

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

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

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

.a1961 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.ia91 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

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

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

.of8bcbe {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: var(--shadow-sm);
  border-left: 4px solid var(--color-accent);
}

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

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

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

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

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

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

.p49960 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

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

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

.bc9b32 {
  flex: 1 1 clamp(250px, 30vw, 380px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

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

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

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

.ne1e4399 {
  flex: 1;
}

.ne1e4399 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

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

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

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

.kcf4 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

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

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

.b98666 {
  flex: 1 1 clamp(250px, 22vw, 320px);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

.db3d58 {
  background: var(--color-bg-card);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: var(--radius-lg);
  text-align: center;
  max-width: 700px;
  box-shadow: var(--shadow-md);
  border: 2px solid var(--color-accent);
}

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

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

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

.jaa0001,
.i2b {
  display: inline-block;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  text-align: center;
  min-width: clamp(180px, 30vw, 240px);
}

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

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

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

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

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

  .f14891 {
    flex: 1 1 45%;
  }

  .f617e39 {
    flex: 1 1 55%;
    text-align: left;
  }

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

  .i59 {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }

  .jaa0001,
  .i2b {
    min-width: auto;
  }
}

@media (min-width: 768px) {
  .lbef54 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .mc8f4e {
    gap: clamp(2rem, 4vw, 2.5rem);
  }

  .bc9b32 {
    flex: 1 1 calc(33.333% - clamp(1.33rem, 2.66vw, 1.67rem));
  }

  .nd6 {
    gap: clamp(2rem, 4vw, 2.5rem);
  }

  .b98666 {
    flex: 1 1 calc(25% - clamp(1.125rem, 3vw, 1.5rem));
  }
}

@media (min-width: 1024px) {
  .f14891 {
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .paf {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

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

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

@media (min-width: 768px) {
  .i36849bb {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .i36849bb {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }
}

.b5823 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.b5823:hover .k841 img {
  transform: scale(1.05);
}

.jc93d86f {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.l0d1d {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}

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

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

@media (min-width: 768px) {
  .abf82518 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

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

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

.i38 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
}

.f5f {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .m1bbba1 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (max-width: 767px) {
  .k841 {
    height: 220px;
  }

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

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

.hd267 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.cc2 {
  max-width: 600px;
  margin: 0 auto;
}

.hd267 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  line-height: 1.2;
}

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

.k598e3 {
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.de922a5 {
  margin-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

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

.ob65e {
  width: 100%;
  background: transparent;
  border: none;
  padding: var(--spacing-lg) 0;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.afeb {
  flex: 1;
  text-align: left;
}

.l4bbb8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-sm);
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  transition: transform var(--transition-base), background-color var(--transition-base);
  flex-shrink: 0;
}

.ob65e[aria-expanded="true"] .l4bbb8 {
  transform: rotate(45deg);
  background-color: var(--color-primary-light);
}

.nb0fec {
  padding: 0 0 var(--spacing-lg) 0;
  animation: slideDown var(--transition-base) ease-out;
}

.nb0fec p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

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

.a74c26 {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}

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

.o9413827 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.ad8 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

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

@media (min-width: 768px) {
  .hd267 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .l2a3c7ac {
    max-width: 750px;
  }

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

  .ob65e {
    font-size: clamp(1.0625rem, 1.5vw + 0.5rem, 1.25rem);
  }

  .nb0fec p {
    font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  }
}

@media (min-width: 1024px) {
  .hd267 {
    padding: 4rem var(--spacing-xl);
  }

  .k598e3 {
    padding: 4rem var(--spacing-xl);
  }

  .l2a3c7ac {
    max-width: 800px;
  }

  .o9413827 {
    padding: 4rem var(--spacing-xl);
  }

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

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

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

.he0412 main {
  width: 100%;
}

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

.he0412 .f1b0 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-lg) 0;
}

.he0412 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.he0412 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.he0412 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.he0412 .a3a453b {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

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

.he0412 ul {
  list-style: none;
  padding: 0;
  margin: var(--spacing-md) 0;
}

.he0412 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

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

.he0412 .hc5a97 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.he0412 .hc5a97 h2 {
  margin-top: 0;
}

.he0412 .hc5a97 p {
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .he0412 .ob7 {
    padding: 0 var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .he0412 .ob7 {
    padding: 0 var(--spacing-xl);
  }

  .he0412 .f1b0 {
    padding: var(--spacing-3xl) 0;
  }
}

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

.m20fd94e {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.o913 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .o913 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .o913 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
}

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

.f1b0 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.l55 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.m0a9a3 {
  margin-bottom: var(--spacing-lg);
  display: flex;
  justify-content: center;
  align-items: center;
}

.m0a9a3 i {
  font-size: clamp(3rem, 10vw, 5rem);
  color: var(--color-success);
  animation: scaleIn 0.6s ease-out;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.j65a629f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.l8a {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.8;
  font-weight: 600;
}

.ja2a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.7;
}

.i34654d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  line-height: 1.7;
}

.ld77 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  text-decoration: none;
  border: none;
  cursor: pointer;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  font-weight: 600;
  letter-spacing: 0.3px;
}

.j19b9 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.j19b9:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 768px) {
  .l55 {
    padding: var(--spacing-xl) 0;
  }
}

@media (min-width: 1024px) {
  .l55 {
    padding: var(--spacing-2xl) 0;
  }
}

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

html,
body {
  width: 100%;
  height: 100%;
}

.o35fabec {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.i2722 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .i2722 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .i2722 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
}

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

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

.f1b0 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.i4797da {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .i4797da {
    gap: var(--spacing-xl);
  }
}

.h3f502 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

@media (min-width: 768px) {
  .h3f502 {
    margin-bottom: var(--spacing-lg);
  }
}

.k246964 {
  position: relative;
  display: inline-block;
}

.ba85a {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  display: block;
  position: relative;
  z-index: 2;
}

.ke1ffd {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(200px, 60vw, 400px);
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--color-primary), var(--color-secondary), transparent);
  border-radius: var(--radius-full);
  opacity: 0.6;
}

@media (min-width: 768px) {
  .ke1ffd {
    bottom: -30px;
    height: 4px;
  }
}

.a0d {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
}

@media (min-width: 768px) {
  .a0d {
    gap: var(--spacing-lg);
  }
}

.be51b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.pa84b0ac {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--color-text-secondary);
  font-style: italic;
  line-height: 1.6;
  max-width: 500px;
  margin: 0 auto;
}

.e7f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  max-width: 550px;
  margin: var(--spacing-md) auto 0;
}

@media (min-width: 768px) {
  .e7f {
    margin: var(--spacing-lg) auto 0;
  }
}

.c102de {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
  width: 100%;
  max-width: 550px;
  margin: var(--spacing-md) auto 0;
}

@media (min-width: 768px) {
  .c102de {
    padding: var(--spacing-lg);
    margin: var(--spacing-xl) auto 0;
  }
}

.gcd9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  text-align: left;
}

.g00c {
  list-style: none;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.g00c li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  padding-left: var(--spacing-md);
  position: relative;
}

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

.ld77 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

.j19b9 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

.j19b9:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

.a23 {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  margin-top: var(--spacing-md);
}

@media (min-width: 768px) {
  .a23 {
    margin-top: var(--spacing-lg);
  }
}

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

@media (min-width: 768px) {
  .e0d {
    margin-top: var(--spacing-xl);
    padding-top: var(--spacing-xl);
  }
}

.o1188e {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  font-style: italic;
}

@media (max-width: 480px) {
  .ba85a {
    font-size: clamp(3rem, 10vw, 5rem);
  }

  .be51b {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

  .e7f {
    font-size: clamp(0.9rem, 1.1vw, 1rem);
  }

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

@media (min-width: 1024px) {
  .o35fabec {
    min-height: 100vh;
  }

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

  .ba85a {
    font-size: clamp(5rem, 14vw, 8rem);
  }

  .j19b9:hover {
    transform: translateY(-3px);
  }
}

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

.oe9481fc {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.f68 {
  text-align: center;
}

.lb6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.c4b5 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .oe9481fc {
    padding: 4rem 0;
  }
}

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

.de0f {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.h4fa8746 {
  width: 100%;
}

.p933 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  width: 100%;
}

.nfad895 {
  flex: 1 1 100%;
  min-width: 0;
}

.pcc7f7f {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 1024px) {
  .nfad895 {
    flex: 1 1 45%;
    max-width: 500px;
  }

  .pcc7f7f {
    flex: 1 1 45%;
  }
}

.k69 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 700;
}

.acffb0 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.fc3394 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.p5ea {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-primary);
  font-weight: 600;
  display: block;
}

.f1e,
.d101f {
  width: 100%;
  padding: 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);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: 1.5;
  transition: all var(--transition-base);
}

.f1e::placeholder,
.d101f::placeholder {
  color: var(--color-text-muted);
}

.f1e:focus,
.d101f:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.d101f {
  min-height: 140px;
  resize: vertical;
}

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

.c81e5 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: 0;
}

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

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

.eb94 {
  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);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

.bb6f73a8 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 700;
}

.g897 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.o5a2 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.d687 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

.i59f {
  flex: 1;
}

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

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

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

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

.m84ff45a {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}

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

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

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

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

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

@media (min-width: 768px) {
  .de0f {
    padding: 4rem 0;
  }
}

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

.bfdb51 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.mba6d4ae {
  text-align: center;
}

.i25 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.e3b2c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-lg) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.fa9ecd {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

@media (min-width: 768px) {
  .bfdb51 {
    padding: 4rem 0;
  }
}

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

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

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

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.m7ce8d6,.m56c{width:34px;}
.m7ce8d6[aria-expanded="true"]{display:none;}
.n65.hbf{z-index:999;}
.n65{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.n65{max-width:100%;}}
.g32bc87{justify-content:flex-end;}