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

:root {
  --color-bg-primary: #1a150d;
  --color-bg-secondary: #2d2517;
  --color-bg-tertiary: #403520;
  --color-bg-card: #2d2517;

  --color-text-primary: #fef3c7;
  --color-text-secondary: #fcd34d;
  --color-text-muted: #f59e0b;

  --color-primary: #d97706;
  --color-primary-hover: #b45309;
  --color-primary-light: #e8a76d;
  --color-secondary: #f59e0b;
  --color-secondary-light: #f8b81f;

  --color-success: #10b981;
  --color-success-light: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: #fcd34d;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #4a3f33;
  --color-border-light: #3a3228;

  --font-primary: 'Work Sans', sans-serif;
  --font-heading: 'Crimson Pro', serif;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.7);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.8);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.9);

  --transition-fast: 150ms ease-in-out;
  --transition-base: 200ms ease-in-out;
  --transition-slow: 300ms ease-in-out;
}

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

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
}

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

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

h1 {
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: var(--spacing-xl);
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.75rem;
  font-weight: 700;
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.015em;
}

h3 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
}

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

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

h6 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-secondary);
}

p {
  margin-bottom: var(--spacing-md);
  font-size: 1rem;
  line-height: 1.75;
  color: var(--color-text-primary);
}

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

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

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

button {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  border-radius: var(--radius-lg);
  padding: var(--spacing-md) var(--spacing-lg);
}

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

.k06317 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  font-weight: 600;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  text-align: center;
  cursor: pointer;
  border: none;
  font-size: 1rem;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

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

.m6d5631:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-primary);
}

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

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.1);
}

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

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

.b898cb {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  transition: all var(--transition-base);
  backdrop-filter: blur(10px);
}

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

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

.keaf {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-lg);
}

.mdd5207e {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

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

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

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

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

.ac6f {
  text-align: center;
}

.h6d2 {
  text-align: left;
}

.o9101 {
  text-align: right;
}

.hc60 {
  font-weight: 700;
}

.f5b {
  font-style: italic;
}

.e31295 {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.gd69b1e {
  font-size: 0.875rem;
  line-height: 1.5;
}

.c09c61 {
  font-size: 1.125rem;
  line-height: 1.75;
}

.h10 {
  font-size: 1.25rem;
  line-height: 1.75;
}

.a305f84 {
  font-size: 1.5rem;
  line-height: 2rem;
}

.e1a19214 {
  display: flex;
}

.c831eb {
  flex-direction: column;
}

.bfed9 {
  flex-direction: row;
}

.h6ea {
  flex-wrap: wrap;
}

.pff6f {
}

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

.h11e55 {
  justify-content: center;
}

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

.n8918 {
  justify-content: space-around;
}

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

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

.b57526 {
  align-items: center;
}

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

.l6aff {
  align-items: stretch;
}

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

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

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

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

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

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

.n13f4 {
  display: grid;
}

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

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

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

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

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

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

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

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

.p3c95 {
  grid-column: span 1;
}

.da557 {
  grid-column: span 2;
}

.ma79 {
  grid-column: span 3;
}

.n1dc5f {
  grid-column: span 4;
}

.jc2 {
  grid-column: span 6;
}

.g1df325 {
  grid-row: span 1;
}

.p615d {
  grid-row: span 2;
}

.he8d8 {
  grid-row: span 3;
}

.f59 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

.k8bf7 {
  margin-top: auto;
  margin-bottom: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ka1c57 {
  margin-left: var(--spacing-4xl);
}

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

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

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

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

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

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

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

.jc5aa {
  margin-right: var(--spacing-4xl);
}

.m6172 {
  padding: 0;
}

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

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

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

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

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

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

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

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

.pcfc1 {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}

.kb0cfe2 {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

.l3d0bb {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

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

.d95 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

.l4f19 {
  padding-left: var(--spacing-2xl);
  padding-right: var(--spacing-2xl);
}

.ef0e3b22 {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}

.b03801 {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}

.ef3f7 {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}

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

.l61 {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}

.hf5c0fe {
  padding-top: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
}

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

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

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

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

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

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

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

.b88 {
  padding-top: var(--spacing-4xl);
}

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

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

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

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

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

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

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

.d4312 {
  padding-bottom: var(--spacing-4xl);
}

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

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

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

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

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

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

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

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

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

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

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

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

.hbe {
  width: 100%;
}

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

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

.p0d\/3 {
  width: 66.667%;
}

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

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

.be26e4c {
  height: 100%;
}

.ldefe {
  height: 100vh;
}

.n46a6 {
  height: auto;
}

.ob38276 {
  max-width: 100%;
}

.o3c {
  max-width: 65ch;
}

.c81b {
  max-width: 24rem;
}

.g0663bb {
  max-width: 28rem;
}

.g0d3 {
  max-width: 32rem;
}

.bb96fc {
  max-width: 36rem;
}

.k29 {
  max-width: 42rem;
}

.h6883 {
  max-width: 48rem;
}

.j75ee6 {
  max-width: 56rem;
}

.ibe4 {
  max-width: 64rem;
}

.g84 {
  max-width: 72rem;
}

.cf52 {
  max-width: 80rem;
}

.a36649 {
  overflow: hidden;
}

.a613ce {
  overflow: auto;
}

.e079 {
  overflow-x: auto;
}

.kb3ac {
  overflow-y: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ma8d {
  opacity: 0;
}

.afda {
  opacity: 0.25;
}

.m0c {
  opacity: 0.5;
}

.f590 {
  opacity: 0.75;
}

.d5cf {
  opacity: 1;
}

.ff3 {
  pointer-events: none;
}

.n6cadc {
  pointer-events: auto;
}

.nbbce0bd {
  cursor: pointer;
}

.k24f27 {
  cursor: default;
}

.f02 {
  user-select: none;
}

.a07df {
  user-select: text;
}

.cdd1 {
  white-space: nowrap;
}

.eb71 {
  white-space: pre;
}

.e3e8ac8 {
  white-space: pre-wrap;
}

.n19 {
  white-space: pre-line;
}

.pdcb9 {
  word-break: break-word;
}

.l22b7f4d {
  word-break: break-all;
}

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

.a96b5d {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

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

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

.o3d5 {
  display: block;
}

.ea99b {
  display: inline-block;
}

.f314f0e {
  display: inline;
}

.jbd {
  display: none;
}

.gd90f1 {
  visibility: visible;
}

.mf70 {
  visibility: hidden;
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .da557,
  .ma79,
  .n1dc5f,
  .jc2 {
    grid-column: span 1;
  }
}

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1rem;
  }

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

  .k06317 {
    width: 100%;
  }

  .b898cb {
    padding: var(--spacing-lg);
  }
}
.dc2 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

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

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

.oab933:hover {
  opacity: 0.85;
}

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

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

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

.nc46fc {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: var(--transition-base);
  position: relative;
  padding: 0.5rem 0;
}

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

.nc46fc::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--color-primary);
  transition: var(--transition-base);
}

.nc46fc:hover::after {
  width: 100%;
}

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

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

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

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

.g5d5c429.cb54d span:nth-child(1) {
  transform: rotate(45deg) translate(10px, 10px);
}

.g5d5c429.cb54d span:nth-child(2) {
  opacity: 0;
}

.g5d5c429.cb54d span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.ff8 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.ff8.cb54d {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

.a3eb32 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: clamp(1rem, 4vw, 2rem) 0;
  flex: 1;
  overflow-y: auto;
}

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

.g6eedf9:hover {
  background: var(--color-bg-secondary);
  color: var(--color-primary);
  padding-left: clamp(1.5rem, 5vw, 2.5rem);
}

.lb235 {
  padding: clamp(0.875rem, 3vw, 1.25rem) clamp(1rem, 4vw, 2rem);
  margin: clamp(1rem, 4vw, 1.5rem);
  background: var(--color-primary);
  color: var(--color-bg-primary);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 600;
  text-align: center;
  transition: var(--transition-base);
}

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

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

  .leb957 {
    display: block;
  }

  .g5d5c429 {
    display: none;
  }

  .ff8 {
    display: none;
  }
}

@media (max-width: 767px) {
  .if4bf2e {
    height: auto;
    min-height: 80px;
    padding: 1rem clamp(1rem, 4vw, 1.5rem);
  }

  .cd012da {
    font-size: 1.125rem;
  }
}

    

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

html {
  scroll-behavior: smooth;
}

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

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

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

.f950e {
  width: 100%;
}

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

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

.f3877 {
  background: var(--color-accent);
  color: #1a150d;
}

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

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

.pf048a:hover {
  background: var(--color-accent);
  color: #1a150d;
  transform: translateY(-2px);
}

.oda86 {
  background: var(--color-bg-primary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  position: relative;
}

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

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

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

.o6c {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-xl);
  position: relative;
  z-index: 2;
  box-shadow: var(--shadow-lg);
}

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

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

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

.lda {
  flex: 1 1 45%;
  min-width: 0;
  position: relative;
}

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

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

  .p4692c48,
  .lda {
    flex: 1 1 100%;
  }

  .kb46d2 {
    max-height: 300px;
  }
}

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

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

.d79705 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-accent);
}

.f144ca {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  max-width: 600px;
}

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

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

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

.hc509b {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

.c828a1 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 3vw, 2rem);
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  align-items: flex-start;
}

.cd00d7ed {
  flex: 1 1 200px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

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

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

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

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

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

.jad7 {
  flex: 1 1 250px;
  max-width: 380px;
}

.o35a3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-accent);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

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

.i5502e4 {
  text-align: center;
}

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

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

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

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

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

.p1e {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

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

.dc5f {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

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

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

.bc6 {
  text-align: center;
}

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

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

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

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

.ddde {
  flex: 1 1 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
  position: relative;
}

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

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

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

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

.l0e326b {
  color: var(--color-accent);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  transition: var(--transition-fast);
  align-self: flex-start;
}

.ddde:hover .l0e326b {
  transform: translateX(4px);
}

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

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

.o52f0723 {
  border: 2px dotted rgba(217, 119, 6, 0.5);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.l0deab {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
}

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

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

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

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

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

.kedf0cc {
  flex: 1 1 180px;
  max-width: 240px;
  text-align: center;
  padding: clamp(1.5rem, 2vw, 2rem);
}

.cbd83c {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  font-weight: 700;
}

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

.d13595 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-xl);
}

.d13595.jbd {
  display: none;
}

.f01996 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
}

.dcf4d125 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.e04,
.gd9f {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: var(--transition-base);
  white-space: nowrap;
}

.e04 {
  background: var(--color-accent);
  color: #1a150d;
}

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

.gd9f {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid rgba(217, 119, 6, 0.4);
}

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

@media (max-width: 767px) {
  .d13595 {
    flex-direction: column;
    padding: clamp(1rem, 3vw, 1.5rem);
  }

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

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

@media (max-width: 600px) {
  .o6c {
    padding: clamp(1.5rem, 3vw, 2rem);
  }

  .c0be3 {
    flex-direction: column;
  }

  .k06317 {
    width: 100%;
  }

  .o4f27 {
    flex-direction: column;
    align-items: stretch;
  }

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

  .c11f8 {
    flex-direction: column;
  }

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

  .k430 {
    flex-direction: column;
    align-items: stretch;
  }

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

  .o7ed {
    flex-direction: column;
    align-items: stretch;
  }

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

  .n93 {
    flex-direction: column;
  }

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

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

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

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

.h57019b {
  display: block;
  max-width: 550px;
}

.h57019b h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  line-height: 1.3;
}

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

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

.a57a2bb3,
.cd01,
.c9d53 {
  display: block;
  flex: 1 1 200px;
  min-width: 180px;
}

.a57a2bb3 h4,
.cd01 h4,
.c9d53 h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.3;
}

.a57a2bb3 ul,
.c9d53 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.a57a2bb3 li,
.c9d53 li {
  display: block;
}

.a57a2bb3 a,
.c9d53 a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: color var(--transition-base);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a57a2bb3 a:hover,
.c9d53 a:hover {
  color: var(--color-primary);
}

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

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

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

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

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

  .a57a2bb3,
  .cd01,
  .c9d53 {
    flex: 1 1 100%;
  }

  .h57019b {
    max-width: 100%;
  }

  .a57a2bb3 ul,
  .c9d53 ul {
    gap: 0.5rem;
  }
}

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

  .h57019b h3 {
    font-size: 1.25rem;
  }

  .a57a2bb3 h4,
  .cd01 h4,
  .c9d53 h4 {
    font-size: 1rem;
  }
}
    

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

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

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

.bd3f13f {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-xl);
  padding: clamp(2rem, 5vw, 3.5rem);
  width: 100%;
  max-width: 700px;
  box-shadow: var(--shadow-lg);
  transition: all var(--transition-base);
}

.bd3f13f:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-xl);
}

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

.l6426 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d31ef {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.b6ad120d {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

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

.mb0a8a {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.maa63b {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 900px;
}

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

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

.h3f20 {
  flex: 1 1 100%;
  min-height: 300px;
  overflow: hidden;
}

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

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

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

@media (min-width: 768px) {
  .pcc {
    flex: 1 1 55%;
    justify-content: center;
    padding: clamp(2rem, 4vw, 3rem);
  }
}

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

.o8922 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.mdef7a4 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.o116 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: rgba(217, 119, 6, 0.1);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  align-self: flex-start;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o116:hover {
  background: rgba(217, 119, 6, 0.2);
  color: var(--color-primary-hover);
}

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

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

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

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

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

.pa828 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  line-height: 1.6;
  flex-grow: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .h3f20 {
    min-height: 250px;
  }

  .pcc {
    flex: 1 1 100%;
  }

  .d16dc {
    flex-direction: column;
    align-items: stretch;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .d16dc {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

@media (min-width: 1200px) {
  .bd3f13f {
    max-width: 800px;
  }

  .maa63b {
    max-width: 1000px;
  }
}

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

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

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

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

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

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

.ec0 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 2vw, 1rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.75rem, 1vw + 0.3rem, 0.95rem);
}

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

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

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

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

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

.h5a7 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: clamp(0.4rem, 1vw, 0.6rem) clamp(0.8rem, 2vw, 1.2rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.7rem, 1vw, 0.85rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: fit-content;
}

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

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

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

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

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

.k995 {
  margin-top: clamp(1rem, 3vw, 2rem);
  border-radius: var(--radius-xl);
  overflow: hidden;
  max-height: 500px;
  box-shadow: var(--shadow-lg);
}

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

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

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

.p32f43d2 {
  flex: 1 1 55%;
  max-width: 55%;
}

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

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

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

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

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

.la9603 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

  .p32f43d2,
  .k71 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.ccb89fc2 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

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

.i3e8fd {
  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-lg);
  border: 1px solid var(--color-border);
  max-width: 280px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ie6272c,
  .g882b36 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

  .fd6362 {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }

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

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

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

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

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

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

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

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

.icd750 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-bg-primary);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.3rem;
  font-family: var(--font-heading);
}

.g7a657 {
  flex: 1;
}

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

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

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

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

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

  .d20ab,
  .o6f08 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m1e44364 {
    flex-direction: row;
  }
}

.bfa {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

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

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

.b7d51 {
  flex: 1;
}

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

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

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

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

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

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

.b940f {
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.f8fff {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-bg-primary);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  transition: var(--transition-base);
  text-align: center;
}

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

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

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

.a73511c {
  text-align: center;
}

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

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

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

.pf61bcc1 {
  flex: 1 1 100%;
  max-width: 350px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

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

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

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

.eb9374e {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.85rem, 1vw, 1rem);
  transition: var(--transition-base);
}

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

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

@media (min-width: 1024px) {
  .pf61bcc1 {
    flex: 1 1 calc(33.333% - 1.667rem);
  }
}

@media (max-width: 768px) {
  .ec0 {
    font-size: 0.75rem;
  }

  .c78b {
    font-size: 1.75rem;
  }

  .i7b53 {
    gap: 0.35rem;
    font-size: 0.8rem;
  }

  .m1e44364 {
    gap: 1rem;
  }

  .icd750 {
    width: 40px;
    height: 40px;
    font-size: 1.1rem;
  }

  .h8a {
    flex-direction: column;
  }

  .c8ef70 {
    margin-top: 0;
  }

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

@media (min-width: 1440px) {
  .b3ec0 {
    max-width: 1440px;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

.n08a2e {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
  font-size: clamp(0.75rem, 1vw, 0.9rem);
}

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

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

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

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

.d5cc06 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-secondary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-lg);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  align-self: center;
  letter-spacing: 0.05em;
}

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

.n2c {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  max-width: 800px;
  margin: 0 auto;
}

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

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

.k88 i {
  color: var(--color-primary);
}

.n01 {
  margin-top: clamp(1.5rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  max-height: 500px;
}

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

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

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

.db3a {
  flex: 0 0 auto;
  width: 220px;
}

.j144b6 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-md);
  position: sticky;
  top: 2rem;
}

.j52d2157 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto clamp(1rem, 2vw, 1.5rem);
  display: block;
  border: 3px solid var(--color-primary);
}

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

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

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

.i205875 {
  color: var(--color-secondary);
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

.n2fad1 {
  color: var(--color-text-secondary);
  font-size: clamp(0.75rem, 1vw, 0.9rem);
  line-height: 1.5;
}

.odffe {
  flex: 1 1 auto;
  min-width: 0;
}

.g0c1 {
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

.lf019e59,
.kf90fb,
.c465,
.g005abed,
.jd65713 {
  margin-bottom: clamp(3rem, 6vw, 4.5rem);
}

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

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

.jca1 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.jca1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 300px;
}

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

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

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

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

.b32a73f7 {
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

.ic9b2b2c {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-primary);
}

.p42156 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 700;
}

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

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

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

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

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

.g847f67c {
  margin: clamp(2rem, 4vw, 3rem) 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  max-height: 400px;
}

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

.hf6 {
  margin-top: clamp(3rem, 6vw, 4.5rem);
}

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

.jb11bf {
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.e2d6b29a {
  color: var(--color-bg-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  margin-bottom: 1rem;
  font-weight: 600;
}

.m9b6d {
  display: inline-block;
  background: var(--color-bg-primary);
  color: var(--color-primary);
  padding: 0.75rem 1.75rem;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  transition: var(--transition-base);
}

.m9b6d:hover {
  background: var(--color-bg-secondary);
  color: var(--color-secondary);
  text-decoration: none;
}

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

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

.af37de8 {
  flex: 0 0 auto;
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-secondary);
  margin-top: 0.25rem;
}

.ka5d3d9e {
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

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

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

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

.od44921:hover .be6 img {
  transform: scale(1.05);
}

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

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

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

.f06fb0 a:hover {
  color: var(--color-secondary);
  text-decoration: none;
}

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

.a3c8 {
  color: var(--color-primary);
  font-weight: 600;
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  transition: var(--transition-base);
  align-self: flex-start;
}

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

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

  .db3a {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }

  .j144b6 {
    position: static;
  }

  .odffe {
    width: 100%;
  }

  .g0d {
    flex-direction: column;
  }

  .d7e4,
  .jca1 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

@media (max-width: 768px) {
  .n08a2e {
    font-size: 0.75rem;
    gap: 0.25rem;
  }

  .hf338 {
    gap: 1.5rem;
  }

  .l6f4567 {
    gap: 1.5rem;
  }

  .db3a {
    width: 100%;
  }

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

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

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

  .af37de8 {
    font-size: 1.5rem;
  }

  .o63bed {
    gap: 1rem;
  }

  .ic9b2b2c {
    padding: 1rem;
  }

  .eafc7 {
    gap: 1rem;
  }

  .p52d63 {
    padding: 1rem;
  }
}

@media (max-width: 480px) {
  .k086c {
    padding: 2rem 0;
  }

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

  .j144b6 {
    padding: 1rem;
  }

  .jb11bf {
    padding: 1.5rem;
  }

  .be6 {
    height: 150px;
  }

  .e517e666 {
    padding: 1rem;
  }
}

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

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

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

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

  .i49 {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    font-size: clamp(0.75rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-text-secondary);
    flex-wrap: wrap;
  }

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

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

  .f2fb90 {
    display: inline-block;
    background: var(--color-bg-tertiary);
    color: var(--color-secondary);
    padding: 0.5rem 1rem;
    border-radius: var(--radius-full);
    font-size: clamp(0.75rem, 1vw, 0.9rem);
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    width: fit-content;
  }

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

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

  .n79ed59 {
    display: flex;
    flex-direction: row;
    gap: clamp(1rem, 3vw, 2rem);
    flex-wrap: wrap;
    padding-top: 1rem;
  }

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

  .j3a i {
    color: var(--color-secondary);
  }

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

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

  .n7d00 {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 3rem);
    padding: clamp(2rem, 5vw, 4rem) 0;
    max-width: 1440px;
    margin: 0 auto;
    padding-left: clamp(1rem, 4vw, 2rem);
    padding-right: clamp(1rem, 4vw, 2rem);
    align-items: flex-start;
  }

  .ndb3189b {
    flex: 0 0 280px;
    position: sticky;
    top: 2rem;
  }

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

  .l2df63 {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto;
    border: 3px solid var(--color-secondary);
    display: block;
  }

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

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

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

  .f069 {
    font-size: clamp(0.85rem, 1.5vw, 0.95rem);
    color: var(--color-secondary);
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

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

  .g39e246 {
    flex: 1 1 auto;
    min-width: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h043f3 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    min-width: 60px;
    background: var(--color-secondary);
    color: var(--color-bg-primary);
    font-size: 1.75rem;
    font-weight: 700;
    border-radius: 50%;
    font-family: var(--font-heading);
  }

  .a52961 {
    font-size: clamp(1.1rem, 2vw, 1.3rem);
    color: var(--color-text-primary);
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

  .l38e {
    font-size: clamp(1rem, 2vw, 1.2rem);
    color: var(--color-text-primary);
    font-weight: 600;
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    align-items: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .l38e i {
    color: var(--color-warning);
    flex-shrink: 0;
  }

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

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

  .j66c8 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 900px;
  }

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

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

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

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

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

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

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

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

  .f3d2b08 {
    width: 100%;
    height: 220px;
    overflow: hidden;
    border-radius: var(--radius-md);
  }

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

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

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

  .kf2da826 {
    display: inline-block;
    color: var(--color-secondary);
    text-decoration: none;
    font-weight: 600;
    font-size: clamp(0.85rem, 1vw, 0.95rem);
    transition: all 0.3s ease;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

    .ndb3189b {
      flex: 1 1 100%;
      position: static;
      width: 100%;
    }

    .m95ec,
    .m34d,
    .o83 {
      flex-direction: column;
    }

    .kf161a3,
    .l61d,
    .l43d25dd,
    .lcb65261,
    .f20b,
    .kfd {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .kfd {
      order: 0;
    }

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

  @media (max-width: 768px) {
    .mbb {
      padding: clamp(1.5rem, 4vw, 2.5rem) 0;
    }

    .n7d00 {
      gap: 1.5rem;
      padding: clamp(1.5rem, 4vw, 2rem) clamp(1rem, 4vw, 2rem);
    }

    .ndb3189b {
      order: -1;
    }

    .feb,
    .ee9,
    .i6c7,
    .l82316,
    .n907 {
      padding: clamp(1.5rem, 4vw, 2.5rem) 0;
    }

    .n79ed59 {
      gap: 1rem;
    }

    .c8cf8b6a {
      gap: 1rem;
    }

    .h043f3 {
      width: 50px;
      height: 50px;
      min-width: 50px;
      font-size: 1.5rem;
    }

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

    .md8458 {
      margin: clamp(1.5rem, 3vw, 2rem) 0;
      padding: clamp(1rem, 3vw, 1.5rem);
    }
  }

* {
  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 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

.a87b {
  text-align: center;
  max-width: 900px;
}

.hb2185 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

.od0c3957 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  line-height: 1.6;
  margin-bottom: var(--spacing-lg);
}

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

.c7b {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

.c7b i {
  color: var(--color-primary);
}

.c98d {
  width: 100%;
  max-width: 900px;
  aspect-ratio: 16 / 10;
}

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

.g0f {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-xl);
  justify-content: center;
  font-size: clamp(0.875rem, 1vw, 1rem);
  flex-wrap: wrap;
}

.g0f a {
  color: var(--color-text-secondary);
  transition: var(--transition-base);
}

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

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

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

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

.c496a {
  max-width: 900px;
  text-align: center;
}

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

.da2825e0 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

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

.e30783 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  border-left: 3px solid var(--color-primary);
}

.c6fd {
  color: var(--color-primary);
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: bold;
  font-family: var(--font-heading);
  margin-bottom: var(--spacing-sm);
}

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

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

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

.k33a89 {
  flex: 0 0 280px;
  position: sticky;
  top: 2rem;
}

.ffc2 {
  background: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  text-align: center;
  border: 1px solid var(--color-border);
}

.c04397 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  margin: 0 auto var(--spacing-md);
  object-fit: cover;
  border: 2px solid var(--color-primary);
}

.o4c4 {
  color: var(--color-text-muted);
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--spacing-xs);
}

.l3135487 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  margin-bottom: var(--spacing-sm);
}

.l3135487 a {
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

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

.i97db530 {
  color: var(--color-text-secondary);
  font-size: 0.9rem;
  margin-bottom: var(--spacing-md);
}

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

.oeb3cbd {
  flex: 1;
}

.a54b {
  margin-bottom: clamp(3rem, 6vw, 5rem);
}

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

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

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

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

.ca07a20 {
  color: var(--color-text-primary);
  font-size: clamp(1.35rem, 3vw, 2rem);
  line-height: 1.3;
  margin-bottom: var(--spacing-lg);
}

.d4d0d {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

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

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

.d30e {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

.d30e i {
  color: var(--color-primary);
}

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

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

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

.o08967da {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  line-height: 1.3;
  margin-bottom: var(--spacing-lg);
}

.k5e1171a {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
}

.l3e1e {
  background: var(--color-bg-primary);
  border: 2px solid var(--color-primary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-xl);
}

.c449cf18 {
  color: var(--color-text-primary);
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  margin-bottom: var(--spacing-sm);
}

.i61387 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  margin-bottom: var(--spacing-lg);
}

.d430f2 {
  display: inline-block;
  background: var(--color-primary);
  color: #1a150d;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  transition: var(--transition-base);
}

.d430f2:hover {
  background: var(--color-primary-hover);
  text-decoration: none;
}

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

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

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

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

.j230b2f {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
}

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

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

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

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

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

.h0b1e793:hover .h96d4c0 img {
  transform: scale(1.05);
}

.c69 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  flex: 1;
}

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

.gd1507 a {
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

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

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

.bd19 {
  display: inline-block;
  color: var(--color-primary);
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: var(--transition-base);
  align-self: flex-start;
}

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

@media (max-width: 1200px) {
  .k33a89 {
    position: static;
    flex: 0 0 250px;
  }

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

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

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

  .oeb3cbd {
    flex: 1 1 100%;
  }

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

  .g12,
  .ka1 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .g08979 {
    flex-direction: column;
  }

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

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

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

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

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

@media (max-width: 480px) {
  .la248 {
    flex-direction: column;
    gap: var(--spacing-sm);
  }

  .c7b {
    justify-content: center;
  }

  .g0f {
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-xs);
  }

  .g0f span {
    display: none;
  }

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

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

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

html, body, main {
  height: auto;
}

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

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

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

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

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

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

.l0b9 {
  color: var(--color-secondary);
  font-size: clamp(0.75rem, 2vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

.m7f {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 300;
  line-height: 1.6;
}

.f23 {
  width: 100%;
  max-height: 500px;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 2rem;
}

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

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

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

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

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

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

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

.g638 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 10px;
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 320px;
  transition: all 0.3s ease;
}

.g638:hover {
  transform: translateY(-4px);
  border-color: var(--color-primary);
  background: var(--color-bg-tertiary);
}

.k80 {
  color: var(--color-secondary);
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  margin-bottom: 1rem;
}

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

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

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

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

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

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

.c30 {
  flex: 1 1 50%;
}

.a61bfbb0 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.cd49be {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.8vw, 1.05rem);
  line-height: 1.8;
  margin-bottom: 1.25rem;
}

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

.ee4 {
  flex: 1 1 50%;
  min-height: 350px;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}

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

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

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

.g4d {
  text-align: center;
}

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

.ib1477 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

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

.i1951 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-left: 4px solid var(--color-primary);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.db1ea3d8 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 600;
}

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

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

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

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

.g0133 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  margin-bottom: 1rem;
}

.db7bab {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  line-height: 1.7;
}

.a80d {
  background: var(--color-bg-card);
  border-left: 5px solid var(--color-secondary);
  padding: clamp(2rem, 4vw, 2.5rem);
  border-radius: 8px;
  max-width: 700px;
  margin: 0 auto;
}

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

.c47 {
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1.5vw, 0.975rem);
  font-style: normal;
  font-weight: 600;
}

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

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

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

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

.j9eb20 {
  flex: 1 1 45%;
  min-height: 300px;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}

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

.ne6b {
  flex: 1 1 55%;
}

.i54 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.m46c6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.8vw, 1.05rem);
  line-height: 1.8;
  margin-bottom: 1.25rem;
}

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

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

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

.m564da {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

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

.bd96e {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.3rem);
  font-weight: 600;
  font-family: var(--font-heading);
}

.ke5 {
  color: var(--color-text-muted);
  font-size: clamp(0.85rem, 1.5vw, 0.975rem);
  line-height: 1.7;
}

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

  .j44e028c {
    flex-direction: column;
  }

  .p022112b {
    flex-direction: column;
  }

  .j9eb20 {
    order: -1;
  }
}

@media (max-width: 480px) {
  .g638 {
    padding: 1.25rem;
  }

  .k80 {
    font-size: 1.5rem;
  }

  .i1951 {
    padding: 1.25rem;
  }

  .a80d {
    padding: 1.5rem;
  }
}

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

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

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

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

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

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

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

.jba {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.9rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

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

.f8ebdec1 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  line-height: 1.7;
}

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

.g57c,
.cb1c4 {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  text-align: center;
  white-space: nowrap;
}

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

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

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

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

.j33 {
  flex: 1 1 45%;
  min-width: 0;
  min-height: 300px;
}

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

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

  .ha54d0,
  .j33 {
    flex: 1 1 100%;
  }

  .j33 {
    min-height: 250px;
  }
}

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

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

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

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

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

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

.i300 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  min-width: 120px;
  flex-shrink: 0;
}

.jd9fe {
  flex: 1;
}

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

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

@media (max-width: 767px) {
  .m4ef {
    flex-direction: column;
    gap: clamp(0.75rem, 2vw, 1.25rem);
  }

  .i300 {
    min-width: auto;
  }
}

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

.g66dd503 {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

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

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

.eb7:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.15);
}

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

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

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

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

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

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

.od511e07 {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

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

.h51df {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-accent);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
  font-weight: 700;
}

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

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

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

.d8fdd {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  text-align: center;
}

.d22f9d45 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  font-style: italic;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
  line-height: 1.6;
}

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

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

.if4a {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

.f9a07637 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 180px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  text-align: center;
}

.cbc {
  font-size: clamp(2.5rem, 6vw, 4rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: var(--font-heading);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

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

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

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

.ica {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

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

.jb49a8d {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.jb49a8d:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.15);
}

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

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

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

.m63c {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

.i928c {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
}

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

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

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

.h4716d68 {
  text-align: center;
}

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

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

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

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

.nc30504 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.g4df8 {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 200px;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

.jec4 {
  flex: 1;
  text-align: left;
}

.ba9 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.25rem, 0.5vw, 0.5rem);
}

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

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

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

  .jec4 {
    text-align: left;
  }
}

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

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

  .g82,
  .e1e37,
  .ob689aa,
  .ib6,
  .f1ac67a1,
  .p98dec16 {
    padding: clamp(4rem, 8vw, 8rem) 0;
  }
}

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

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

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

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

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

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

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

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

.bb8a1b {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

.g2128 {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.d46b {
  display: flex;
  gap: var(--spacing-md);
  align-items: center;
  margin-bottom: var(--spacing-md);
  flex-wrap: wrap;
}

.o1a57eb4 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: var(--color-primary-light);
  color: var(--color-text-primary);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-full);
}

.jfac50c3 {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  font-weight: 500;
}

.m13c7e7 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.g23e3738 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  flex: 1;
}

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

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

.fc982 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.ocf97 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.e0958 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  color: white;
  background-color: var(--color-primary);
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.e0958:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .o60 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .ca9 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .o97 {
    height: 250px;
  }

  .m3354b {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .o60 {
    padding: var(--spacing-4xl) 0;
  }

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

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

  .bb8a1b {
    flex-direction: row;
  }

  .o97 {
    width: 45%;
    height: auto;
    min-height: 280px;
    order: 2;
  }

  .g2128 {
    width: 55%;
    order: 1;
    padding: var(--spacing-2xl);
    justify-content: center;
  }

  .bb8a1b:nth-child(even) .o97 {
    order: 1;
  }

  .bb8a1b:nth-child(even) .g2128 {
    order: 2;
  }

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

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

@media (min-width: 1440px) {
  .i7fb1a {
    padding: 0 var(--spacing-2xl);
  }

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

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

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

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

.c2612 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

@media (min-width: 768px) {
  .ke04f1da {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ke04f1da {
    padding: 5rem var(--spacing-xl);
  }
}

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

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

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

@media (min-width: 768px) {
  .he7bf332 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
  
  .e5c {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .e5c {
    padding: 5rem var(--spacing-xl);
  }
}

.m80f {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.afe {
  width: 60px;
  height: 60px;
  border-radius: var(--radius-md);
  background-color: var(--color-bg-tertiary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  color: var(--color-primary);
}

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

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

.ece6fb {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: var(--radius-md);
  margin-top: var(--spacing-sm);
}

@media (min-width: 768px) {
  .m80f {
    padding: var(--spacing-xl);
  }

  .ece6fb {
    height: 260px;
  }
}

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

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

.d318 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.da01f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.7;
}

.ae0b61 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: white;
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .bcaa85 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .bcaa85 {
    padding: 5rem var(--spacing-xl);
  }
}

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

.b50def main {
  width: 100%;
}

.b50def .b3ec0 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.b50def .l6662 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.b50def h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.2;
  font-weight: 700;
}

.b50def .a9945c4 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.b50def 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: 1.3;
  font-weight: 700;
}

.b50def p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.b50def ul,
.b50def ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.b50def li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.b50def section {
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
  border-bottom: 1px solid var(--color-border-light);
}

.b50def section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.b50def .j564e h2 {
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
}

.b50def .j564e p {
  margin-bottom: var(--spacing-md);
}

.b50def .j564e strong {
  display: block;
  color: var(--color-text-primary);
  margin-top: var(--spacing-md);
  margin-bottom: var(--spacing-xs);
  font-weight: 600;
}

@media (max-width: 768px) {
  .b50def .l6662 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

@media (min-width: 768px) {
  .b50def .l6662 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .b50def .l6662 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

* {
  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);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
}

.ac7d1c {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  background-color: var(--color-bg-primary);
}

.n9a80 {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

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

.l6662 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.m3e {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.i46e0c54 {
  width: clamp(60px, 12vw, 100px);
  height: clamp(60px, 12vw, 100px);
  margin: 0 auto var(--spacing-lg);
  color: var(--color-success);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: scaleIn 0.6s ease-out;
}

.i46e0c54 svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
}

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

.h2f4b7d0 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
}

.gc5 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xl);
  line-height: 1.8;
}

.c65 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
  border-radius: var(--radius-md);
  animation: slideInLeft 0.7s ease-out;
}

.ob89dd {
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-primary);
  font-style: italic;
  margin: 0;
}

.k06317 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(2rem, 4vw, 2.5rem);
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  letter-spacing: 0.3px;
}

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

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

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

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (min-width: 480px) {
  .n9a80 {
    padding: var(--spacing-xl);
  }

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

@media (min-width: 768px) {
  .n9a80 {
    padding: var(--spacing-2xl);
    min-height: 100vh;
  }

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

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

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

@media (min-width: 1024px) {
  .n9a80 {
    padding: var(--spacing-3xl);
  }

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

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

  .j1d7f:hover {
    transform: translateY(-3px);
  }
}

@media (min-width: 1440px) {
  .n9a80 {
    padding: var(--spacing-4xl);
  }

  .b3ec0 {
    padding: 0;
  }
}

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

.pfb9d0 {
  width: 100%;
  padding: var(--spacing-xl) var(--spacing-md);
  position: relative;
}

.b3ec0 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.k079a64f {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}

.a046fd3 {
  margin-bottom: var(--spacing-2xl);
  display: flex;
  justify-content: center;
}

.h59 {
  width: clamp(120px, 30vw, 200px);
  height: clamp(120px, 30vw, 200px);
  color: var(--color-primary);
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

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

.kcac6d7d {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
}

.h25 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.d2bd486 {
  display: flex;
  gap: var(--spacing-md);
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: var(--spacing-3xl);
}

.k06317 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  min-height: 48px;
}

.j1d7f {
  background-color: var(--color-primary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

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

.j1d7f:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.ic6bc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.kfc8a {
  position: absolute;
  border-radius: 50%;
  opacity: 0.08;
}

.f2faf4 {
  width: clamp(200px, 40vw, 400px);
  height: clamp(200px, 40vw, 400px);
  background-color: var(--color-primary);
  top: -10%;
  right: -5%;
  animation: drift 20s ease-in-out infinite;
}

.ld6d9c6 {
  width: clamp(150px, 25vw, 300px);
  height: clamp(150px, 25vw, 300px);
  background-color: var(--color-secondary);
  bottom: -15%;
  left: -10%;
  animation: drift-reverse 25s ease-in-out infinite;
}

.ec5234 {
  width: clamp(100px, 15vw, 200px);
  height: clamp(100px, 15vw, 200px);
  background-color: var(--color-primary);
  top: 30%;
  left: 5%;
  animation: drift 30s ease-in-out infinite;
}

@keyframes drift {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(30px, -30px);
  }
}

@keyframes drift-reverse {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-30px, 30px);
  }
}

@media (max-width: 767px) {
  .pfb9d0 {
    padding: var(--spacing-lg) var(--spacing-md);
  }

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

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

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

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

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

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

  .k06317 {
    width: 100%;
    max-width: 300px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pfb9d0 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .pfb9d0 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

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

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

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

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

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

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

.m421d {
  text-align: center;
}

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

.f69a37b6 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.8;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

@media (min-width: 768px) {
  .gd92 {
    padding: var(--spacing-4xl) 0;
  }

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

.ac9341 {
  width: 100%;
}

.h46a {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

@media (max-width: 768px) {
  .h46a {
    gap: var(--spacing-2xl);
  }
}

.ice {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 769px) {
  .ice {
    flex: 1 1 45%;
    min-width: 350px;
  }
}

.j0a6b {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: -0.3px;
}

.m29 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.e86 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.ia3fb6 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.6rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.le1,
.p1ae {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: all var(--transition-base);
}

.le1::placeholder,
.p1ae::placeholder {
  color: var(--color-text-muted);
}

.le1:focus,
.p1ae:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.le1:invalid:not(:placeholder-shown),
.p1ae:invalid:not(:placeholder-shown) {
  border-color: var(--color-danger);
  background-color: var(--color-bg-card);
}

.p1ae {
  min-height: 140px;
  resize: vertical;
  max-height: 400px;
}

.m8fcb {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.85rem);
  color: var(--color-danger);
  display: none;
  margin-top: -0.25rem;
}

.m8fcb.bcd8de {
  display: block;
}

.h49de {
  margin-top: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}

.f597 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.85vw + 0.5rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.h15d2 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

.h15d2:hover,
.h15d2:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.oa5d23 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.6rem, 1.05rem);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: #000000;
  border: none;
  border-radius: var(--radius-md);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
  margin-top: var(--spacing-md);
}

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

.oa5d23:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

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

.oa5d23:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.c9be68 {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 769px) {
  .c9be68 {
    flex: 1 1 45%;
    min-width: 350px;
  }
}

.ce7bb92 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: -0.3px;
}

.n8d0f4 {
  display: flex;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-xl);
  border-bottom: 1px solid var(--color-border-light);
}

.n8d0f4:last-of-type {
  border-bottom: none;
  margin-bottom: var(--spacing-xl);
  padding-bottom: 0;
}

.o231f1 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
}

.o231f1 i {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-primary);
}

.k7dd72 {
  flex: 1;
  min-width: 0;
}

.b48 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.p84a7fc {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: 1.6;
}

.j94cf8 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

.j94cf8:hover,
.j94cf8:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.l738828 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.85vw + 0.5rem, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.ia8dfd0 {
  margin-top: var(--spacing-2xl);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.h1ee {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 1.8vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.f8edf44 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 0.95rem);
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: #000000;
  border: none;
  border-radius: var(--radius-md);
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.2px;
}

.f8edf44:hover,
.f8edf44:focus {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  text-decoration: none;
}

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

@media (min-width: 768px) {
  .hd2def {
    padding: var(--spacing-4xl) 0;
  }
}

.p131c95c {
  width: 100%;
}

.g89f2129 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.5px;
}

.g7a0f5 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

@media (min-width: 768px) {
  .b02e2a {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .b02e2a {
    grid-template-columns: repeat(4, 1fr);
  }
}

.gaa2 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.g8a {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.4;
}

.g4ead0 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.b366 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 700;
  display: inline-block;
  transition: all var(--transition-base);
  letter-spacing: 0.2px;
}

.b366:hover,
.b366:focus {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

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

  .ice,
  .c9be68 {
    flex: 1 1 100%;
  }
}

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

@media (min-width: 768px) {
  .b3ec0 {
    padding: 0 var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .b3ec0 {
    padding: 0 var(--spacing-3xl);
  }
}
.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .p1e {
    aspect-ratio: 6 / 9;
  }
  .e3db8 img {
    aspect-ratio: 6 / 9;
  }
  .h96d4c0 {
    aspect-ratio: 6 / 9;
  }
}

a{
  color: #fff !important;
}