@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: #150a1e;
  --color-bg-secondary: #221535;
  --color-bg-tertiary: #301f4a;
  --color-bg-card: #221535;

  --color-text-primary: #faf5ff;
  --color-text-secondary: #d8b4fe;
  --color-text-muted: #c084fc;

  --color-primary: #9333ea;
  --color-primary-hover: #7e22ce;
  --color-primary-light: #b366ff;
  --color-secondary: #a855f7;
  --color-secondary-light: #bb88ff;

  --color-success: #10b981;
  --color-success-light: #34d399;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #3d2a5a;
  --color-border-light: #2d1f42;

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

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

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;

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

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

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  --line-height-loose: 2;

  font-size: 16px;

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

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: var(--line-height-normal);
  font-weight: 400;
  overflow-x: hidden;
}

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

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

h1 {
  font-size: 3.5rem;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.75rem;
  letter-spacing: -0.015em;
}

h3 {
  font-size: 2rem;
  letter-spacing: -0.01em;
}

h4 {
  font-size: 1.5rem;
  letter-spacing: -0.005em;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
}

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

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

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

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

.afa5e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all var(--transition-fast);
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

.mcc42:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

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

.ha34da:hover {
  background: var(--color-secondary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.ha34da:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

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

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

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

.bfcd:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border-color: var(--color-primary);
}

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

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

.afa5e:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}

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

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(147, 51, 234, 0.1);
  background: var(--color-bg-tertiary);
}

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

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

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

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

.g710:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}

.c021 {
  margin-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border);
  padding-bottom: var(--spacing-lg);
}

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

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

.k1db967 {
  border-top: 1px solid var(--color-border);
  padding-top: var(--spacing-lg);
}

.f3ccef {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

.i859b {
  background: var(--color-success);
  color: #000;
}

.f1ec736 {
  background: var(--color-warning);
  color: #000;
}

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

.g14 {
  background: transparent;
  border: 1px solid currentColor;
}

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

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

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

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

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

.f75981 {
  flex-direction: column;
}

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

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

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

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

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

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

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

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

.f93 { margin-top: var(--spacing-xs); }
.ad7 { margin-top: var(--spacing-sm); }
.cb4 { margin-top: var(--spacing-md); }
.ee09989 { margin-top: var(--spacing-lg); }
.f82bab { margin-top: var(--spacing-xl); }
.c8f4cb { margin-top: var(--spacing-2xl); }
.laf9ed { margin-top: var(--spacing-3xl); }
.p3f57a1 { margin-top: var(--spacing-4xl); }

.f0a0814c { margin-bottom: var(--spacing-xs); }
.p5b { margin-bottom: var(--spacing-sm); }
.g1a858 { margin-bottom: var(--spacing-md); }
.me4b4 { margin-bottom: var(--spacing-lg); }
.l1882c5 { margin-bottom: var(--spacing-xl); }
.bdd { margin-bottom: var(--spacing-2xl); }
.o729e { margin-bottom: var(--spacing-3xl); }
.g932 { margin-bottom: var(--spacing-4xl); }

.l854 { margin-top: var(--spacing-xs); margin-bottom: var(--spacing-xs); }
.g42e { margin-top: var(--spacing-sm); margin-bottom: var(--spacing-sm); }
.h70c4ae6 { margin-top: var(--spacing-md); margin-bottom: var(--spacing-md); }
.kb35d6 { margin-top: var(--spacing-lg); margin-bottom: var(--spacing-lg); }
.a319b { margin-top: var(--spacing-xl); margin-bottom: var(--spacing-xl); }
.n3ed98 { margin-top: var(--spacing-2xl); margin-bottom: var(--spacing-2xl); }
.c1f3e8 { margin-top: var(--spacing-3xl); margin-bottom: var(--spacing-3xl); }
.g4e33 { margin-top: var(--spacing-4xl); margin-bottom: var(--spacing-4xl); }

.i88 { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); }
.c9d97 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.dac06 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.g6d66a { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.d8c6 { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }
.e5b38ad5 { padding-left: var(--spacing-2xl); padding-right: var(--spacing-2xl); }

.f51925 { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); }
.ma41 { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.k81 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.obf3f { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.j8c { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }
.ec9de1 { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl); }
.h38f2 { padding-top: var(--spacing-3xl); padding-bottom: var(--spacing-3xl); }
.ecce470 { padding-top: var(--spacing-4xl); padding-bottom: var(--spacing-4xl); }

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

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

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

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

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

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

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

.k9ceb {
  text-align: center;
}

.c698f4cd {
  text-align: left;
}

.p98 {
  text-align: right;
}

.j618 {
  font-size: 0.875rem;
}

.b65 {
  font-size: 1rem;
}

.nb2 {
  font-size: 1.125rem;
}

.g992fdb {
  font-size: 1.25rem;
}

.k5ce40f3 {
  font-size: 1.5rem;
}

.jac4f {
  font-weight: 400;
}

.e791 {
  font-weight: 500;
}

.n33 {
  font-weight: 600;
}

.h32 {
  font-weight: 700;
}

.h240 {
  text-transform: uppercase;
}

.od3f6 {
  text-transform: lowercase;
}

.b25e47 {
  text-transform: capitalize;
}

.lf353b {
  text-decoration: line-through;
}

.dfd1 {
  text-decoration: underline;
}

.ibd8cf8 {
  text-decoration: none;
}

.h0f {
  opacity: 0.5;
}

.b68c {
  opacity: 0.75;
}

.f0539ca {
  opacity: 1;
}

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

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

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

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

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

.p4fd {
  border-radius: 9999px;
}

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

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

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

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

.l29d {
  box-shadow: var(--shadow-inner);
}

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

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

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

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

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

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

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

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

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

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

.k5b {
  width: 100%;
}

.bf170e\/2 {
  width: 50%;
}

.bf170e\/3 {
  width: 33.333%;
}

.a8b1\/3 {
  width: 66.666%;
}

.bf170e\/4 {
  width: 25%;
}

.c758\/4 {
  width: 75%;
}

.j35672 {
  height: 100%;
}

.bd5 {
  max-width: 24rem;
}

.kddc6 {
  max-width: 28rem;
}

.keb59c8 {
  max-width: 32rem;
}

.ee2 {
  max-width: 36rem;
}

.k7a {
  max-width: 42rem;
}

.j88ea8bb {
  max-width: 48rem;
}

.n252 {
  max-width: 56rem;
}

.f909 {
  max-width: 64rem;
}

.lfd6ff20 {
  display: block;
}

.nb17 {
  display: inline;
}

.j3e6c0 {
  display: inline-block;
}

.k1abdb {
  display: none;
}

.l09cd91 {
  visibility: visible;
}

.o158fd {
  visibility: hidden;
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

@media (max-width: 768px) {
  :root {
    font-size: 14px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.125rem;
  }

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

  .n01, .d761694, .e3866c6e {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  :root {
    font-size: 13px;
  }

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  .afa5e {
    width: 100%;
  }

  .m7f {
    flex-direction: column;
  }
}
.o04c {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
}

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

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

.i49ae6:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

.bfb934a {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

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

.bfb934a.oaa2cbc3 .p90d7:nth-child(1) {
  transform: rotate(45deg) translate(10px, 10px);
}

.bfb934a.oaa2cbc3 .p90d7:nth-child(2) {
  opacity: 0;
}

.bfb934a.oaa2cbc3 .p90d7:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.bc2c {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 360px;
  height: 100vh;
  background: var(--color-bg-secondary);
  box-shadow: var(--shadow-xl);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  z-index: 999;
  border-left: 1px solid var(--color-border-light);
}

.bc2c.oaa2cbc3 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.gdcc7cd {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: clamp(1rem, 3vw, 1.5rem) clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

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

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

.p09:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
}

.n2fd {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  margin: 1rem clamp(1rem, 4vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: 0.5rem;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  transition: background var(--transition-base), transform var(--transition-base);
  display: block;
}

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

@media (min-width: 768px) {
  .pf46d8d {
    padding: clamp(1rem, 3vw, 1.75rem) clamp(1rem, 4vw, 2rem);
  }

  .ed8f {
    display: flex;
  }

  .j93fb86 {
    display: inline-block;
  }

  .bfb934a {
    display: none;
  }

  .bc2c {
    display: none;
  }

  .fa7 {
    width: 44px;
    height: 44px;
  }

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

@media (min-width: 1024px) {
  .pf46d8d {
    padding: clamp(1.25rem, 2vw, 2rem) clamp(1.5rem, 4vw, 2.5rem);
    gap: clamp(2rem, 3vw, 3rem);
  }

  .fa7 {
    width: 48px;
    height: 48px;
  }

  .c833 {
    font-size: 1.75rem;
  }

  .eea6d75 {
    font-size: 1rem;
  }

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

@media (min-width: 1440px) {
  .pf46d8d {
    padding: 1.5rem 2.5rem;
  }
}

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

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

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

.afa5e {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  border: 2px solid transparent;
  text-align: center;
}

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

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

.b9585b0d {
  background: transparent;
  color: var(--color-accent);
  border-color: var(--color-accent);
}

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

.b31736 {
  background: var(--color-bg-primary);
  padding: clamp(4rem, 12vw, 8rem) 0;
  position: relative;
  overflow: hidden;
  min-height: 500px;
}

.ce465 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(147, 51, 234, 0.7) 0%, rgba(147, 51, 234, 0.3) 50%, transparent 100%);
  z-index: 1;
  pointer-events: none;
}

.ccc66e {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
  position: relative;
  z-index: 2;
}

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

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

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

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

.o4a9730 {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.o9e54f {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 12px;
}

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

  .p7aa733 {
    flex: 1 1 100%;
  }

  .o4a9730 {
    flex: 1 1 100%;
  }

  .bb5 {
    flex-direction: column;
  }

  .afa5e {
    width: 100%;
  }
}

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

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

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

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

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

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

.jd215fc3 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  margin-top: clamp(1rem, 2vw, 2rem);
}

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

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

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

.cf1f {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.e28e0c {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  border-radius: 12px;
  overflow: hidden;
}

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

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

  .fb3c2f {
    flex: 1 1 100%;
  }

  .cf1f {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

.h22e {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-secondary);
  border-radius: 12px;
}

.l55b95f9 {
  flex-direction: row;
}

.g0c27b {
  flex-direction: row-reverse;
}

.k44646a {
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: var(--color-accent);
  background: rgba(147, 51, 234, 0.1);
  border-radius: 12px;
}

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

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

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

@media (max-width: 768px) {
  .h22e {
    flex-direction: column !important;
    gap: 1.5rem;
  }

  .g0c27b {
    flex-direction: column;
  }

  .k44646a {
    width: 50px;
    height: 50px;
    font-size: 24px;
  }
}

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

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

.cc6f20 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

.dcca18 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-primary);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
}

.hd9 {
  flex-direction: row;
}

.fe264 {
  flex-direction: row-reverse;
}

.c7df9f {
  flex: 0 0 auto;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  background: var(--color-accent);
  border-radius: 50%;
}

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

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

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

.hb5 {
  flex: 0 1 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.oe8a0f3 {
  width: 100%;
  height: auto;
  max-height: 280px;
  object-fit: cover;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .dcca18 {
    flex-direction: column !important;
    gap: 1.5rem;
    padding: 1.5rem;
  }

  .fe264 {
    flex-direction: column;
  }

  .c7df9f {
    width: 60px;
    height: 60px;
    font-size: 1.5rem;
  }

  .hb5 {
    flex: 1 1 100%;
    width: 100%;
  }

  .oe8a0f3 {
    max-height: 250px;
  }
}

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

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

.c9a8d {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

.c7265 {
  flex: 1 1 250px;
  max-width: 320px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border);
}

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

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

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

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

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

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

.aaaac7d {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

.hc825 {
  display: flex;
  justify-content: center;
  margin: clamp(1rem, 2vw, 2rem) 0;
}

.d21fb5 {
  width: 100%;
  max-width: 500px;
  display: flex; flex-direction: column;
  gap: 1rem;
  padding: clamp(0.875rem, 1.5vw, 1.25rem);
  background: var(--color-bg-primary);
  border: 2px dotted var(--color-border);
  border-radius: 8px;
  color: var(--color-text-muted);
}

.d21fb5 i {
  color: var(--color-accent);
  font-size: 1.125rem;
}

.o7d63d5 {
  flex: 1;
  background: transparent;
  border: none;
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  outline: none;
}

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

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

.m241f {
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: 8px;
  border-left: 3px solid var(--color-accent);
}

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

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

.la3ff {
  text-align: center;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-primary);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}

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

@media (max-width: 768px) {
  .hc825 {
    margin: 1rem 0;
  }
}

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

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

.pdb7 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

.h524129 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-secondary);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.h524129:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 12px 32px rgba(147, 51, 234, 0.15);
}

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

.mbf39 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.h524129:hover .mbf39 {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

.kd2 {
  padding: clamp(2rem, 4vw, 3rem);
  border: 2px dotted var(--color-border);
  border-radius: 12px;
  text-align: center;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

@media (max-width: 768px) {
  .kd2 {
    padding: 1.5rem;
  }
}

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

.bfde528.k1abdb {
  display: none;
}

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

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

.c6e9d,
.lf543 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
}

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

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

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

.lf543:hover {
  background: var(--color-bg-primary);
  border-color: var(--color-accent);
  color: var(--color-accent);
}

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

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

  .a64429b {
    flex: 1 1 100%;
    width: 100%;
  }

  .c6e9d,
  .lf543 {
    flex: 1;
    min-width: 120px;
  }
}

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

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

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

.k8cdf {
  max-width: 520px;
}

.k8cdf h3,
.ie364 h3,
.f17517 h3,
.la1689 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 700;
}

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

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

.ha8186 li,
.de0e li {
  margin: 0;
  padding: 0;
}

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

.ie364 a:hover,
.la1689 a:hover {
  color: var(--color-accent);
}

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

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

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

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

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

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

  .k8cdf {
    flex: 1 1 280px;
  }

  .ie364 {
    flex: 0 1 160px;
  }

  .f17517 {
    flex: 1 1 280px;
  }

  .la1689 {
    flex: 0 1 160px;
  }

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

@media (max-width: 767px) {
  .ha8186,
  .de0e {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1rem, 3vw, 1.5rem);
  }

  .ha8186 li,
  .de0e li {
    flex: 0 1 auto;
  }
}
    

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

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

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

.m0678 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

.j00 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1 1 280px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
}

.j00 i {
  font-size: 2.5rem;
  color: var(--color-accent);
  margin: 0 auto;
}

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

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

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

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

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

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

.g94c85a {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  overflow: hidden;
  transition: all var(--transition-base);
  align-items: stretch;
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

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

.ldd {
  flex: 0 0 280px;
  min-height: 220px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

.k3cd0a {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
  min-width: 0;
}

.jb528 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-tight);
}

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

.i77fc {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  align-items: center;
  padding-top: 0.75rem;
}

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

.da94153e i {
  color: var(--color-accent);
  font-size: 0.9rem;
}

.b388b {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
  width: fit-content;
}

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

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

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

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

.g9d4 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.mcc {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.mcc[open] {
  background: var(--color-bg-card);
  border-color: var(--color-accent);
}

.o3eb928 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  user-select: none;
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  transition: all var(--transition-base);
}

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

.me06e5 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--color-accent);
  transition: transform var(--transition-base);
}

.mcc[open] .me06e5 {
  transform: rotate(180deg);
}

.e22 {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m5dbf75 {
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base);
}

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

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

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

  .ldd {
    flex: 0 0 200px;
    min-height: 180px;
  }

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

  .e223bc4 {
    flex-direction: column;
  }

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

@media (min-width: 768px) {
  .ldd {
    flex: 0 0 320px;
    min-height: 240px;
  }
}

@media (min-width: 1024px) {
  .ldd {
    flex: 0 0 380px;
    min-height: 280px;
  }

  .e223bc4 {
    flex-direction: row;
  }

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

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

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

* {
  box-sizing: border-box;
}

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

.p56c {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Lora', serif;
  line-height: 1.6;
  overflow: hidden;
}

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

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

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

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

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

i {
  display: inline-block;
}

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

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

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

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

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

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

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

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

.fde i {
  color: var(--color-secondary);
  font-size: 1em;
}

.ce7b {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  flex-wrap: wrap;
}

.ce7b a {
  color: var(--color-secondary);
  transition: all 0.3s ease;
}

.ce7b a:hover {
  color: var(--color-secondary-hover);
}

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

.l387 {
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  border-radius: var(--radius-lg, 12px);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.aa8 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg, 12px);
}

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

.i35e9a6a {
  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, 2rem);
  border-radius: var(--radius-lg, 12px);
  border: 1px solid var(--color-border-light);
}

.j96c1 {
  flex-shrink: 0;
}

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

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

.k684 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}

.mb04b93 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  line-height: 1.2;
}

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

.mb04b93 a:hover {
  color: var(--color-secondary);
}

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

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

@media (max-width: 768px) {
  .i35e9a6a {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .j96c1 {
    width: 100%;
  }
  
  .hffd66ec {
    width: 100px;
    height: 100px;
  }
}

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

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

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

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

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

.p8c2c1d {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 12px);
  object-fit: cover;
  display: block;
}

.nd2951 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
}

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

@media (max-width: 768px) {
  .a99 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
  
  .a0f7ea,
  .d2a80 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.d9e82bef {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  font-family: 'Playfair Display', serif;
}

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

.je7770 {
  font-size: clamp(1.125rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  font-family: 'Playfair Display', serif;
}

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

.ne6db {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg, 12px);
  border-left: 4px solid var(--color-warning);
  margin: clamp(2rem, 4vw, 3rem) 0;
}

.p66 {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 2vw, 1.75rem);
  color: var(--color-warning);
  display: flex;
  align-items: flex-start;
  margin-top: 0.25rem;
}

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

.b1a55b5d {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  margin: 0;
  font-family: 'Playfair Display', serif;
}

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

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

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

.ld7d {
  flex-shrink: 0;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-danger);
  display: flex;
  align-items: flex-start;
  margin-top: 0.25rem;
}

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

.g9ab strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.p33 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

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

.e88 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 300px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.e88:hover {
  transform: translateY(-4px);
  border-color: var(--color-secondary);
}

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

.o563d7d {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.e88:hover .o563d7d {
  transform: scale(1.05);
}

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

.a68f5c6 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin: 0;
  font-family: 'Playfair Display', serif;
}

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

.a68f5c6 a:hover {
  color: var(--color-secondary);
}

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

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

.h36da:hover {
  color: var(--color-secondary-hover);
  transform: translateX(4px);
}

.h36da i {
  font-size: 0.875em;
}

@media (max-width: 1024px) {
  .e88 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
    min-width: 280px;
  }
}

@media (max-width: 768px) {
  .e88 {
    flex: 1 1 100%;
    min-width: 100%;
  }
  
  .e64b5f {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }
  
  .p3b728b1 {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .ne6b34a7 {
    gap: 1rem;
  }
  
  .fde {
    font-size: 0.8125rem;
  }
  
  .d9e82bef {
    width: 45px;
    height: 45px;
    font-size: 1.125rem;
  }
  
  .e33cf {
    gap: 1rem;
  }
}

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

html, body {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

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

.b7a76 a:hover {
  color: var(--color-accent);
  text-decoration: none;
}

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

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

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

.hcd {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-secondary);
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  width: fit-content;
  letter-spacing: 0.05em;
}

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

.b7817f9 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  line-height: 1.6;
  max-width: 800px;
}

.l6b8 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
  align-items: center;
  padding: 1.5rem 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

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

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

.df693ff8 {
  width: 100%;
  max-height: 500px;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  overflow: hidden;
}

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

.nb5e {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 3rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border);
}

.ec51b {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  border: 1px solid var(--color-border);
}

.d55 {
  flex: 0 0 auto;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--color-accent);
}

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

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

.nacdf {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  margin: 0;
}

.nacdf a {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

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

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

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

  .fd8662 {
    gap: 0.25rem;
  }
}

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

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

.dcbbd {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.ibf021f5 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  object-fit: cover;
}

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

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

.ha7 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

  .dcbbd,
  .ibf021f5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.bb4302 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  object-fit: cover;
}

.oc9127c {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.p75f2369 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-tertiary);
  padding: 1.5rem;
  border-radius: 0.5rem;
  border-left: 4px solid var(--color-accent);
}

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

.o032c8e5 strong {
  color: var(--color-accent);
  font-weight: 700;
}

.c0ed0 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.6;
  font-style: italic;
  margin: 0;
}

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

  .bb4302,
  .oc9127c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.fa256 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.5rem;
  border-left: 4px solid var(--color-warning, #f59e0b);
  border: 1px solid var(--color-border);
}

.c49 {
  flex: 0 0 auto;
  font-size: 1.75rem;
  color: #f59e0b;
  padding-top: 0.25rem;
}

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

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

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

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

  .c49 {
    padding-top: 0;
  }
}

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

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

.pbcc7 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.n3b109 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  object-fit: cover;
}

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

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

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

.l4f140b {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: flex-start;
}

.g28859 {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.1rem;
}

.p36c577 {
  flex: 1;
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  padding-top: 0.35rem;
}

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

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

  .pbcc7,
  .n3b109 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.fa4c0:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(147, 51, 234, 0.1);
}

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

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

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

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

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

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

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

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

.c2d7 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  object-fit: cover;
}

.k79 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

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

  .c2d7,
  .k79 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.meb4aa1d:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(147, 51, 234, 0.1);
}

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

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

.meb4aa1d:hover .l6196c7 img {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i59 {
  display: block;
  background: var(--color-bg-primary);
}

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

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

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

.i8eab {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.375rem 1rem;
  border-radius: var(--radius-xl);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.b459 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  line-height: var(--line-height-tight);
  margin: 0;
}

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

.ld1b640 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(1rem, 2vw, 2rem);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

.b47dff {
  color: var(--color-text-secondary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

.id78f {
  width: 100%;
  max-height: 500px;
  border-radius: var(--radius-xl);
  overflow: hidden;
}

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

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

.o0c53 {
  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);
  border: 1px solid var(--color-border-light);
}

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

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

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

.kfca3 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin: 0;
  line-height: var(--line-height-normal);
}

.kfca3 a {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a3e {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

.i762 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

.j1983de {
  background: rgba(147, 51, 234, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

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

.j904 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

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

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

.a58d235 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

.k69b039 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
}

.k86 {
  flex-shrink: 0;
  color: var(--color-accent);
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw, 1rem);
  min-width: 60px;
}

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

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

.ncfbb {
  width: 100%;
}

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

.pcf {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 2rem;
  border-top: 1px solid var(--color-border-light);
}

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

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

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

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

.lc0c43d {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  line-height: var(--line-height-tight);
  margin: 0 0 1rem 0;
}

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

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

.nb19 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
}

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

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

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

.nb19:hover .bea67542 img {
  transform: scale(1.05);
}

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

.i155c1 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  line-height: var(--line-height-normal);
  margin: 0;
}

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

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

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

.p2a {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  transition: var(--transition-base);
}

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

@media (max-width: 1024px) {
  .h5a0e52 {
    flex-direction: column;
  }
  
  .i762 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .pe0426cc {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .f02166f {
    flex-direction: column;
  }
  
  .m93ad96e {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .a58d235 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .id78f {
    max-height: 300px;
  }

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

  .fcbd {
    gap: 1rem;
  }

  .oe586a8a {
    width: 40px;
    height: 40px;
  }

  .nb19 {
    flex: 1 1 100%;
  }

  .j1983de {
    flex-direction: column;
  }

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

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

@media (max-width: 480px) {
  .ld1b640 {
    gap: 0.75rem;
    font-size: 0.75rem;
  }

  .oe586a8a {
    width: 35px;
    height: 35px;
    font-size: 1rem;
  }

  .b459 {
    font-size: clamp(1.5rem, 4vw, 2.25rem);
  }

  .bcc2127,
  .b1a75,
  .kd222,
  .h17b01,
  .i24,
  .c86 {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }
}

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

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

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

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

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

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

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

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

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

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

.gf212 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.5px;
  width: fit-content;
}

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

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

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

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

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

.lf03730 {
  width: 100%;
  max-height: 500px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-top: clamp(1rem, 2vw, 2rem);
}

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

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

.aef {
  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, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.dcb {
  flex-shrink: 0;
}

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

.kfd2 {
  flex: 1;
}

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

.nfa1a2 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  margin-top: 0.5rem;
  font-weight: 600;
}

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

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

.g84c5359 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin-top: 0.25rem;
}

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

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

  .dcb {
    flex-shrink: 0;
  }
}

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

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

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

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

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

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

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

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

  .b4e355f,
  .l7e2ac8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.k2d4b8 {
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  line-height: 1.7;
}

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

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

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

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

  .gd91646,
  .abcb4e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.ecbe67f5 {
  background: var(--color-bg-primary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-secondary);
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  line-height: 1.7;
}

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

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

  .m75dd30e,
  .a5079c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .k63f,
  .c03 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .l6283,
  .a90 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.j32ffbe6 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.b5c8 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.eb5a7 {
  text-align: center;
}

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

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

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

.ab1d1 {
  flex: 1 1 100%;
  max-width: 350px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

.n27 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: var(--transition-base);
  width: fit-content;
}

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

.n27 i {
  font-size: 0.85em;
}

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

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

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

.mebe a {
  color: var(--color-secondary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  transition: var(--transition-base);
}

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

.mebe span {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
}

@media (max-width: 1024px) {
  .b46f,
  .gf92,
  .kffa,
  .c0e,
  .e99b92 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

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

html, body {
  width: 100%;
}

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

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

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

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

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

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

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

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

.n1b {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.375rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  max-width: 700px;
  margin: 0 auto;
}

.mba2004 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 10px 40px rgba(147, 51, 234, 0.15);
}

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

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

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

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

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

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

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

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

.a424:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 12px 30px rgba(147, 51, 234, 0.12);
}

.m97d {
  font-size: 2.5rem;
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
}

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

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

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

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

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

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

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

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

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

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

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

.b61 {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  max-height: 400px;
}

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

  .b83 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m16c8 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  flex: 1 1 calc(33.333% - 1.35rem);
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 8px;
}

.m16c8:hover {
  box-shadow: 0 8px 20px rgba(147, 51, 234, 0.1);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.ob6b0 {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

.f7c4f {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  max-height: 400px;
}

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

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

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

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

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

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

  .f7c4f {
    flex: 1 1 100%;
    order: -1;
  }

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .he87 {
    padding: 6rem 0;
  }

  .h1bf797,
  .b4c1e,
  .cfc,
  .k0f0c2,
  .l91f598c {
    padding: 6rem 0;
  }
}

@media (max-width: 480px) {
  .a424 {
    flex: 1 1 100%;
    min-width: auto;
  }

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

  .hd600c {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }
}

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

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

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

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

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

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

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

.b38c {
  flex: 1 1 50%;
  min-height: 300px;
}

@media (min-width: 768px) {
  .b38c {
    min-height: 400px;
  }
}

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

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

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

.jc50a60 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  text-align: center;
}

.m1eccf5 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f2c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.b07 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  text-align: center;
}

.j5d {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n7090 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .h398e {
    flex-direction: row;
    gap: clamp(2rem, 3vw, 2.5rem);
    justify-content: center;
  }
}

.ae7750 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
}

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

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

.m9bf9175 {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

.b868 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  text-align: center;
}

.fe2 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a9cff31 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .lacff {
    flex-direction: row;
    gap: clamp(2rem, 3vw, 2.5rem);
    justify-content: center;
  }
}

.c7b {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

.hca41d0 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  text-align: center;
}

.g25f {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i7576 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .obd3 {
    flex-direction: row;
    gap: clamp(1.5rem, 2.5vw, 2rem);
  }
}

.p0d2 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  text-align: center;
  transition: var(--transition-base);
}

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

@media (min-width: 1024px) {
  .p0d2 {
    flex: 1 1 calc(25% - 1.125rem);
  }
}

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

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

.h35 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.e0d4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fdb96b94 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.na1ab6d,
.daf72d3a {
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  transition: var(--transition-base);
  line-height: var(--line-height-normal);
  border: 2px solid transparent;
  cursor: pointer;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.daf72d3a {
  background: transparent;
  color: var(--color-accent);
  border-color: var(--color-accent);
}

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

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

@media (max-width: 767px) {
  .b38c {
    order: -1;
  }
}

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

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

.p71b1f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 2px solid var(--color-border-light);
}

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

.d50c1 {
  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;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.ge1909b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

@media (min-width: 768px) {
  .p71b1f {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p71b1f {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.m78 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

.cec:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

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

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

.cec:hover .jc9d img {
  transform: scale(1.05);
}

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

.d0b8e8 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-primary);
  background-color: var(--color-accent-light);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.d3a4ad {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.3rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.d3c6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.2rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

@media (min-width: 768px) {
  .g2761be4 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .m78 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .jc9d {
    height: 280px;
  }
}

@media (min-width: 1024px) {
  .g2761be4 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .cec {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }

  .jc9d {
    height: 100%;
    min-height: 320px;
  }

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

  .cec:nth-child(even) {
    grid-template-columns: 1fr 1fr;
  }

  .cec:nth-child(even) .jc9d {
    order: 2;
  }

  .cec:nth-child(even) .m2cec {
    order: 1;
  }
}

.o70e03e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-top: 2px solid var(--color-border-light);
}

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

.a81 {
  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: var(--line-height-tight);
  font-weight: 700;
}

.jd6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.2rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.k70 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.2rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: var(--transition-base);
  cursor: pointer;
  text-align: center;
}

.k70:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .o70e03e {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .o70e03e {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

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

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

.d918aa {
  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;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

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

@media (min-width: 768px) {
  .a2ea5 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a2ea5 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

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

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

.pc02 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.g83db {
  width: 100%;
  background-color: transparent;
  border: none;
  padding: var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  text-align: left;
  font-weight: 600;
  transition: background-color var(--transition-base);
}

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

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

.fee95aa {
  flex: 1;
  line-height: var(--line-height-normal);
}

.pa22ef9 {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--color-primary);
  transition: transform var(--transition-base);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
}

.pc02.p61ad5e3 .pa22ef9 {
  transform: rotate(45deg);
}

.fbc {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  background-color: var(--color-bg-tertiary);
}

.pc02.p61ad5e3 .fbc {
  max-height: 500px;
}

.fbc p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
}

@media (min-width: 768px) {
  .a8ef {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .fbc p {
    padding: 0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .a8ef {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

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

.g5d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.g4630b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.l81 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: 1px solid var(--color-primary);
  cursor: pointer;
}

.l81:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

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

@media (min-width: 768px) {
  .d59a5f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .d59a5f {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .g83db,
  .pa22ef9,
  .fbc,
  .l81 {
    transition: none;
  }
}

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

.pbc3131 main {
  width: 100%;
  padding: var(--spacing-lg);
}

.oee7e {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

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

.pbc3131 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.pbc3131 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.pbc3131 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.pbc3131 ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: var(--spacing-lg);
}

.pbc3131 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

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

.bada {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

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

.o2fb5a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-2xl);
}

.o2fb5a h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.o2fb5a p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

.n671a {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacing-md);
}

.d5780d3 {
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.o45 {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
}

.g91 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-2xl);
}

.g91 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--color-primary);
  margin-top: var(--spacing-lg);
  margin-bottom: var(--spacing-sm);
}

.g91 h3:first-child {
  margin-top: 0;
}

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

@media (max-width: 768px) {
  .pbc3131 main {
    padding: var(--spacing-md);
  }

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

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

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

@media (min-width: 769px) and (max-width: 1024px) {
  .pbc3131 main {
    padding: var(--spacing-xl);
  }

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

@media (min-width: 1025px) {
  .pbc3131 main {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }

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

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

html,
body {
  width: 100%;
  height: 100%;
}

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

.o0a2650c {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m8451 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.d23c4711 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.i77 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.b1097 {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.b1097 svg {
  width: 100%;
  height: 100%;
}

h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  letter-spacing: -0.5px;
  margin: 0;
}

.n17d {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.2rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  font-weight: 600;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.lf80 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.a93a284d {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.mcc42 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base) ease;
  box-shadow: var(--shadow-md);
  margin-top: var(--spacing-md);
}

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

.mcc42:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

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

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .m8451 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  
  .oee7e {
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .m8451 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
  
  .i77 {
    gap: var(--spacing-xl);
  }
  
  h1 {
    margin-top: var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .m8451 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
  
  .oee7e {
    padding: 0 var(--spacing-2xl);
  }
  
  .mcc42 {
    margin-top: var(--spacing-lg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .b1097 {
    animation: none;
  }
  
  .mcc42 {
    transition: none;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

.f37beecc {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.mce1 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

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

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

.pb922516 {
  margin-bottom: var(--spacing-3xl);
  animation: float-animation 3s ease-in-out infinite;
}

.ad3c8c {
  position: relative;
  display: inline-block;
  width: 160px;
  height: 160px;
  margin: 0 auto;
}

.lf762bc {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 15vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  display: block;
  margin: 0;
  padding: 0;
}

.o6b3c {
  position: absolute;
  width: 80px;
  height: 80px;
  bottom: -10px;
  right: -10px;
  color: var(--color-accent);
  opacity: 0.8;
  animation: rotate-animation 8s linear infinite;
}

.o6b3c svg {
  width: 100%;
  height: 100%;
}

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

.a7bb6 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
  font-weight: 600;
}

.i49634f4 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.n650fa {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  margin: var(--spacing-2xl) 0;
  text-align: left;
}

.ff0dba {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  text-align: center;
}

.m3a229e {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.m3a229e li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: var(--line-height-normal);
}

.m3a229e li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 600;
}

.ie0668cc {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-2xl);
  margin-top: var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  border: 2px solid var(--color-primary);
  transition: var(--transition-base);
  cursor: pointer;
  box-shadow: var(--shadow-sm);
}

.ie0668cc:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.ie0668cc:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@keyframes float-animation {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

@keyframes rotate-animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media (min-width: 480px) {
  .mce1 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .ad3c8c {
    width: 180px;
    height: 180px;
  }

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

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

@media (min-width: 768px) {
  .mce1 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .ad3c8c {
    width: 200px;
    height: 200px;
  }

  .o6b3c {
    width: 120px;
    height: 120px;
    bottom: -15px;
    right: -15px;
  }

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

  .m3a229e {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-md);
    text-align: left;
  }

  .ff0dba {
    grid-column: 1 / -1;
  }

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

@media (min-width: 1024px) {
  .mce1 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

  .ad3c8c {
    width: 240px;
    height: 240px;
  }

  .o6b3c {
    width: 140px;
    height: 140px;
  }

  .i49634f4 {
    max-width: 650px;
  }

  .ie0668cc {
    padding: var(--spacing-md) var(--spacing-3xl);
    margin-top: var(--spacing-3xl);
  }
}

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

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

.l0c6e {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ha90a {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

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

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

@media (min-width: 768px) {
  .ja762b {
    padding: var(--spacing-4xl) 0;
  }
}

.i958 {
  max-width: 100%;
  padding: 0 var(--spacing-md);
}

.g7d {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3xl);
  width: 100%;
}

@media (min-width: 768px) {
  .g7d {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-4xl);
  }
}

.a5a2 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 768px) {
  .a5a2 {
    padding: var(--spacing-3xl);
  }
}

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

.c00 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.ae6114bb {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.i73880 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.p78128 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.a57 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.eda6,
.f95f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-primary);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: var(--transition-base);
  line-height: var(--line-height-normal);
}

.eda6::placeholder,
.f95f::placeholder {
  color: var(--color-text-muted);
}

.eda6:focus,
.f95f:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-secondary);
  box-shadow: 0 0 0 3px var(--color-accent-light);
}

.f95f {
  min-height: 150px;
  resize: vertical;
}

.d0b1376e {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  margin: var(--spacing-md) 0;
}

.g50 {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--color-primary);
  flex-shrink: 0;
}

.l26d8 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  cursor: pointer;
  margin: 0;
}

.f4e3ba7 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-base);
  border-bottom: 1px solid transparent;
}

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

.hd81 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.hd81:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.e307b19d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}

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

.i0bcb {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.e86ec7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.n2e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.c11d54 {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

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

.cad2 {
  flex: 1;
}

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

.i8b8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0 0 var(--spacing-xs) 0;
}

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

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

.i168d {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
  margin: 0;
}

.o9a36 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  margin-top: var(--spacing-lg);
}

.ad303dcf {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.j1c2d57c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0 0 var(--spacing-md) 0;
}

.ma7c2f66 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: none;
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .p7f868 {
    padding: var(--spacing-4xl) 0;
  }
}

.ad0baa {
  max-width: 100%;
  padding: 0 var(--spacing-md);
}

.c3d7c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-primary);
  text-align: center;
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.k9afb7c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: var(--line-height-normal);
  margin: 0 0 var(--spacing-2xl) 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.l14c9030 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .l14c9030 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

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

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

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

.l99c18 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.15rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.bdc {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.fc3 {
  text-align: center;
}

.nf0 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: none;
  cursor: pointer;
}

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

@media (max-width: 767px) {
  .g6ae60a {
    padding: var(--spacing-2xl) 0;
  }

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

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

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

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

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

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

@media (min-width: 1024px) {
  .g6ae60a {
    padding: var(--spacing-4xl) 0;
  }

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

  .a5a2 {
    position: relative;
  }

  .e307b19d {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .l14c9030 {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.bfb934a,.o61{width:34px;}
.bfb934a[aria-expanded="true"]{display:none;}
.bc2c.oaa2cbc3{z-index:999;}
.bc2c{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.bc2c{max-width:100%;}}
.ed8f{justify-content:flex-end;}
@media (max-width:768px){.o0a87ab{min-height:500px;}}