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

:root {
  --color-bg-primary: #1a0a0e;
  --color-bg-secondary: #2d1118;
  --color-bg-tertiary: #3f1722;
  --color-bg-card: #2a0f16;

  --color-text-primary: #ffffff;
  --color-text-secondary: #fecdd3;
  --color-text-muted: #fda4af;

  --color-primary: #fb7185;
  --color-primary-hover: #f43f5e;
  --color-primary-light: #fd8a96;
  --color-secondary: #fda4af;
  --color-secondary-light: #fdbacd;

  --color-success: #34d399;
  --color-success-light: #6ee7b7;
  --color-warning: #fbbf24;
  --color-warning-light: #fcd34d;
  --color-danger: #f87171;
  --color-danger-light: #fca5a5;

  --color-border: #4a2530;
  --color-border-light: #3d1d26;

  --font-primary: 'General Sans', sans-serif;
  --font-heading: 'Space Grotesk', sans-serif;

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

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

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

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);

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

html,
body {
  margin: 0;
  padding: 0;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  overflow-x: hidden;
}

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

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

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

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

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

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin: 0;
  color: var(--color-text-primary);
}

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

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

button {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all var(--transition-fast);
}

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

.c649 {
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 1rem;
  transition: all var(--transition-fast);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
  cursor: pointer;
  border: none;
}

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

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

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

.d13:hover {
  background: var(--color-secondary-light);
  transform: translateY(-2px);
}

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

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

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

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

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

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

.d3d76a {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

.g95 {
  background: rgba(251, 113, 133, 0.15);
  color: var(--color-primary-light);
}

.j62f {
  background: rgba(52, 211, 153, 0.15);
  color: var(--color-success-light);
}

.n80 {
  background: rgba(251, 191, 36, 0.15);
  color: var(--color-warning-light);
}

.jfd83 {
  background: rgba(248, 113, 113, 0.15);
  color: var(--color-danger-light);
}

.acc54d {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  transition: all var(--transition-fast);
}

.acc54d:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(251, 113, 133, 0.1);
}

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

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

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

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

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

.a87 {
  display: flex;
}

.e6f665a8 {
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c2760f {
  text-align: center;
}

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

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

.gdd15 {
  font-weight: 700;
}

.e12fec {
  font-weight: 600;
}

.j32 {
  font-weight: 500;
}

.ladb2e {
  opacity: 0.5;
}

.eca {
  opacity: 0.75;
}

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

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

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

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

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

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

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

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

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .labe5f5,
  .c14,
  .c3db9693 {
    grid-template-columns: 1fr;
  }

  .c649 {
    width: 100%;
  }
}
.b982243 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 1000;
  width: 100%;
}

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

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

.h45e:hover {
  opacity: 0.8;
}

.da663ccb {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  object-fit: cover;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

.e265 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 5px;
  padding: 0;
  flex-shrink: 0;
}

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

.e265.ja2294d span:nth-child(1) {
  transform: rotate(45deg) translateY(10px);
}

.e265.ja2294d span:nth-child(2) {
  opacity: 0;
}

.e265.ja2294d span:nth-child(3) {
  transform: rotate(-45deg) translateY(-10px);
}

.p898c5 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  overflow-y: auto;
  padding-top: 80px;
}

.p898c5.ja2294d {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.he9327 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  padding: 1rem clamp(1rem, 4vw, 2rem);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 1001;
}

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

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

.ldda62e7 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 2rem clamp(1rem, 4vw, 2rem);
  padding-top: 100px;
}

.p685b {
  padding: 1rem 0;
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-light);
  transition: color var(--transition-base);
}

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

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

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

@media (min-width: 768px) {
  .e5c9fc {
    gap: 2.5rem;
  }

  .pa3 {
    display: flex;
  }

  .p414bc {
    display: inline-block;
  }

  .e265 {
    display: none;
  }

  .p898c5 {
    display: none;
  }
}

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

  .b0fc {
    font-size: 1rem;
  }

  .p414bc {
    font-size: 1rem;
  }
}

    

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

.kc37 {
  width: 100%;
  background: var(--color-bg-primary);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  overflow-x: hidden;
}

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

.c649 {
  display: inline-block;
  padding: 0.75rem 1.75rem;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

.cbde3bb {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.oa21cb2 {
  width: 100%;
  max-width: 600px;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: var(--shadow-md), 0 20px 40px rgba(251, 113, 133, 0.15);
  transform: perspective(1000px) rotateX(2deg) rotateZ(-1deg);
}

.j52 {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  background: rgba(42, 15, 22, 0.95);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-radius: 12px;
  text-align: center;
  max-width: 550px;
  margin: 0 auto;
  z-index: 10;
}

.a5a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.8rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  line-height: 1.2;
}

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

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

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

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

.n0e {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: 8px;
  text-align: center;
  min-width: 120px;
  border: 1px solid rgba(251, 113, 133, 0.2);
}

.l7fb6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
}

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

@media (min-width: 768px) {
  .oe7 {
    flex-direction: row;
    justify-content: center;
  }

  .oe7 a {
    width: auto;
  }

  .cbde3bb {
    padding: 2rem 0;
  }

  .oa21cb2 {
    max-width: 700px;
  }

  .j52 {
    max-width: 600px;
  }
}

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

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

.c88a0b5 {
  text-align: center;
}

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

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

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

.p0af6 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 10px;
  flex: 1 1 clamp(250px, 25vw, 300px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-left: 4px solid;
  transition: var(--transition-base);
  text-align: center;
}

.c4bee432 {
  border-left-color: #fb7185;
}

.edae39 {
  border-left-color: #fda4af;
}

.ndc7f4f {
  border-left-color: #f43f5e;
}

.f856cb {
  border-left-color: #fecdd3;
}

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

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

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

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

.e57 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  transition: var(--transition-base);
  align-self: center;
}

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

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

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

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

.iff {
  text-align: center;
}

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

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

.iae1c {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 10px;
}

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

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

.m076cd {
  text-align: center;
}

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

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

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

.j5b74334 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 10px;
  flex: 1 1 clamp(200px, 22vw, 280px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  border: 1px solid rgba(251, 113, 133, 0.2);
}

.o7e4 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

.od7 {
  max-width: 750px;
  flex: 1;
}

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

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

.h22c {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  font-style: italic;
}

.k81622 {
  position: relative;
  width: 100%;
  height: 200px;
  background: var(--color-bg-secondary);
  border-radius: 10px;
  border: 2px solid rgba(251, 113, 133, 0.3);
}

.g0d59ea6 {
  position: absolute;
  width: 150px;
  height: 150px;
  background: linear-gradient(135deg, rgba(251, 113, 133, 0.2), rgba(253, 164, 175, 0.2));
  border-radius: 50%;
  top: 25px;
  right: 50px;
}

@media (min-width: 768px) {
  .bb7646 {
    flex-direction: row;
    align-items: flex-start;
    gap: 3rem;
  }

  .od7 {
    flex: 1 1 50%;
  }

  .k81622 {
    flex: 1 1 50%;
  }
}

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

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

.k9799ec6 {
  text-align: center;
}

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

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

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

.pa87dc {
  background: var(--color-bg-card);
  border-radius: 10px;
  overflow: hidden;
  flex: 1 1 clamp(300px, 45vw, 500px);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
}

.pa87dc:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(251, 113, 133, 0.2);
}

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

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

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

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

.a7680 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  transition: var(--transition-base);
  align-self: flex-start;
}

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

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

.jaf {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw, 1.125rem);
  transition: var(--transition-base);
  border: 2px solid var(--color-accent);
  padding: 0.75rem 1.75rem;
  border-radius: 6px;
}

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

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

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

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

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

.f2ef9b {
  text-align: center;
}

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

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

.ce69 {
  flex: 1 1 clamp(280px, 45vw, 350px);
}

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

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

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

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

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

.bd66 {
  text-align: center;
}

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

.eb5 {
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

.k1156 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 3.5rem);
  max-width: 750px;
  margin: 0 auto;
}

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

.g05b {
  width: 100%;
  max-width: 500px;
  display: flex;
  align-items: center;
  background: var(--color-bg-card);
  padding: 0.75rem 1.25rem;
  border-radius: 8px;
  border: 1px solid rgba(251, 113, 133, 0.2);
}

.g05b i {
  color: var(--color-accent);
  margin-right: 0.75rem;
  font-size: 1.1rem;
}

.ea64f1d5 {
  background: transparent;
  border: none;
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  flex-grow: 1;
  outline: none;
  width: 100%;
}

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

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

.bd86a8 {
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(251, 113, 133, 0.2);
  transition: var(--transition-base);
}

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

.i33130 {
  padding: clamp(1.25rem, 3vw, 1.75rem);
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  font-size: clamp(0.95rem, 1vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  background: transparent;
  border: none;
  width: 100%;
  text-align: left;
}

.of123e6 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--color-accent);
  flex-shrink: 0;
}

.hb23ba {
  padding: 0 clamp(1.25rem, 3vw, 1.75rem) clamp(1.25rem, 3vw, 1.75rem) clamp(3.5rem, 5vw, 4rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  display: none;
}

.bd86a8.ja2294d .hb23ba {
  display: block;
}

.bd86a8.ja2294d .of123e6 {
  transform: rotate(180deg);
}

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

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

.o672 {
  text-align: center;
}

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

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

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

.lb8 {
  flex: 1 1 clamp(300px, 45vw, 420px);
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
  transition: var(--transition-base);
}

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

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

.o8301f02 {
  background: var(--color-bg-card);
  padding: 1rem 1.25rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: center;
  border-top: 2px solid rgba(251, 113, 133, 0.2);
}

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

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

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

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

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

.c4a7 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}

.c4a7 a {
  flex: 1 1 auto;
  min-width: 180px;
}

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

.aa480d1 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: 1.25rem clamp(1rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  border-top: 1px solid rgba(251, 113, 133, 0.2);
}

.aa480d1.m0a04 {
  display: none;
}

.m0a {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  max-width: 500px;
}

.k35b4 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}

.a8fc3c62,
.k7d4 {
  padding: 0.625rem 1.25rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
  transition: var(--transition-base);
}

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

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

.k7d4 {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid rgba(253, 164, 175, 0.4);
}

.k7d4:hover {
  background: rgba(251, 113, 133, 0.1);
  border-color: var(--color-accent);
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .aa480d1 {
    justify-content: space-between;
    padding: 1rem clamp(1.5rem, 4vw, 2.5rem);
  }

  .m0a {
    max-width: none;
    flex: 1;
    text-align: left;
  }

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

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

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

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

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

.pf15 {
  max-width: 520px;
}

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

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

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

.p13,
.f5d85c {
  flex: 1 1 220px;
  min-width: 200px;
}

.p13 h4,
.f5d85c h4,
.c351d714 h4 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.8vw, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.l69da7 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

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

.l69da7 a {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.c351d714 {
  flex: 1 1 220px;
  min-width: 200px;
}

.j07ebd57 {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.2rem 1.8rem;
  margin: 0;
  padding: 0;
}

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

.j07ebd57 a {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.c3cb {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.95vw, 0.8125rem);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .p13,
  .f5d85c,
  .c351d714 {
    flex: 1 1 100%;
    min-width: auto;
  }

  .j07ebd57 {
    flex-direction: column;
    gap: 0.6rem 0;
  }

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

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

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

.jd85 {
  background: var(--color-bg-primary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  border-bottom: 2px solid var(--color-border-light);
}

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

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

.i48b {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.d42 {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.ke4764b8 {
  display: flex;
  flex-direction: row;
  gap: 0;
  min-height: 200px;
}

.c0737 {
  width: 35%;
  min-width: 180px;
  height: auto;
  min-height: 200px;
  object-fit: cover;
  flex-shrink: 0;
}

.h520c23d {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding: clamp(1.25rem, 3vw, 2rem);
  flex: 1;
  justify-content: space-between;
}

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

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

.e035 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.9375rem);
}

.aac49357,
.o70bdc65,
.ga2 {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.aac49357 i,
.o70bdc65 i,
.ga2 i {
  color: var(--color-accent);
}

.i3a31 {
  display: inline-block;
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-sm);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all var(--transition-base);
  width: fit-content;
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .c0737 {
    width: 100%;
    min-width: unset;
    height: 200px;
    min-height: 200px;
  }

  .h520c23d {
    padding: clamp(1rem, 2vw, 1.5rem);
  }

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

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

@media (min-width: 768px) and (max-width: 1023px) {
  .ke4764b8 {
    flex-direction: row;
    min-height: 240px;
  }

  .c0737 {
    width: 40%;
    min-height: 240px;
  }

  .jaad9716 {
    flex-direction: row;
  }

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

@media (min-width: 1024px) {
  .ke4764b8 {
    min-height: 280px;
  }

  .c0737 {
    width: 30%;
    min-height: 280px;
  }

  .h520c23d {
    padding: clamp(1.5rem, 2vw, 2.5rem);
  }

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

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

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

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

html {
  font-family: var(--font-primary);
  font-size: 16px;
  scroll-behavior: smooth;
}

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

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

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

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

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

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

.j6436 {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m1a4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

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

.h79 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(26, 10, 14, 0.85) 0%, rgba(26, 10, 14, 0.7) 50%, rgba(45, 17, 24, 0.8) 100%);
  z-index: 2;
}

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

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

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

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

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

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

.ma07 {
  margin-bottom: 2rem;
}

.n92ca9 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
  letter-spacing: -0.02em;
}

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

.o589 {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2rem;
}

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

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

@media (max-width: 768px) {
  .j6436 {
    min-height: 400px;
  }

  .o589 {
    gap: 1.5rem;
  }
}

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

.f3a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
}

.jb906 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--color-accent);
  flex-shrink: 0;
}

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

.a15 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

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

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

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

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

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

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

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

.g1690b {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
}

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

  .j1ab3c5,
  .d979b3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.i719ff {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
}

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

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

.e2f88 strong {
  color: var(--color-accent);
}

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

  .i7160c5c,
  .dad1ca {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.g1d79c9d {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 0.75rem;
  margin-top: 1.5rem;
}

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

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

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

.f0f li:before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
}

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

  .j453,
  .g5e25 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.lf4d {
  background: var(--color-bg-card);
  border-top: 3px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 0.5rem;
  margin-top: 1.5rem;
}

.gdad {
  color: var(--color-accent);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

  .i7160c5c,
  .dad1ca,
  .j453,
  .g5e25 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.ebb66ad {
  max-width: 800px;
  margin: 0 auto;
}

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

.aa7f30 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  margin-bottom: 1.5rem;
  text-align: left;
}

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

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

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

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

.h0953f95 strong {
  color: var(--color-accent);
}

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

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

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

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

.fbc6b47 {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 250px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 1vw, 1.25rem);
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
}

.fbc6b47:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(251, 113, 133, 0.2);
}

.l2ad76 {
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

.nc29ad41 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.fbc6b47:hover .nc29ad41 {
  transform: scale(1.05);
}

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

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

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

.ie611799 {
  color: var(--color-accent);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: var(--transition-base);
  margin-top: auto;
}

.ie611799:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

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

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

  .mff2 {
    flex-direction: column;
  }
}

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

  .n92ca9 {
    font-size: 1.75rem;
  }

  .gcdb8 {
    font-size: 1rem;
  }

  .ebb {
    font-size: 1.5rem;
  }

  .a4e9 {
    font-size: 1.5rem;
  }

  .f987c14 {
    font-size: 1.5rem;
  }
}

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

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

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

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

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

.g241e {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(26, 10, 14, 0.8) 0%, rgba(45, 17, 24, 0.7) 100%);
  z-index: 2;
}

.i03 {
  position: relative;
  z-index: 3;
  width: 100%;
  text-align: center;
}

.fac {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 2rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

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

.e5ed {
  max-width: 800px;
}

.lff35f71 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

.m727 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}

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

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

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

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

.e79e98 {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-accent);
}

.a0fd3 {
  flex: 1;
}

.k29569ba {
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

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

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

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

.fe27 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  margin-bottom: 0.5rem;
}

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

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

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

.a7d8b6 {
  flex: 1 1 60%;
}

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

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

.iebb {
  flex: 1 1 40%;
}

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

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

.ncd1 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

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

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

.o131,
.e9a5,
.k67c1a,
.m142ab,
.o813c {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.da2,
.a9bcb,
.le7e2,
.a55d5,
.e3b5 {
  flex: 1 1 50%;
  max-width: 50%;
}

.n0a11,
.d68c27b5,
.bfb191,
.a48,
.f57 {
  flex: 1 1 50%;
  max-width: 50%;
}

.jd8c,
.g25df,
.p36282,
.f39,
.p814 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-lg);
}

.f2c79,
.of9e0472,
.m0e98,
.ic26,
.pdec {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.e6d8808,
.d0057,
.of4,
.be63231,
.jd02 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  font-weight: 700;
}

.mfa,
.cb630e,
.n1f2783d,
.hdcdebde,
.dd2c34e {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

.f51d {
  list-style: none;
  margin-top: 1.5rem;
}

.f51d li {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
  position: relative;
}

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

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

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

.dfe8338 strong {
  color: var(--color-accent);
}

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

.g7e3 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

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

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

.kbae6 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 2.5rem);
  border-radius: var(--radius-lg);
  margin-top: 2rem;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

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

.a42684cd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all var(--transition-fast);
  border: none;
}

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

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

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

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

.ge57 {
  flex: 1;
}

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

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

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

.o1cc {
  width: 100%;
}

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

.ad56920c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin-bottom: 2rem;
}

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

.caf142 {
  flex: 1 1 calc(33.333% - 1.33rem);
  min-width: 280px;
  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;
}

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

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

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

.caf142:hover .dfb {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

  .a7d8b6 {
    flex: 1 1 100%;
  }

  .iebb {
    flex: 1 1 100%;
  }

  .o131,
  .e9a5,
  .k67c1a,
  .m142ab,
  .o813c {
    flex-direction: column;
  }

  .da2,
  .a9bcb,
  .le7e2,
  .a55d5,
  .e3b5,
  .n0a11,
  .d68c27b5,
  .bfb191,
  .a48,
  .f57 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .a0fd3 {
    flex: 1;
  }

  .caf142 {
    flex: 1 1 100%;
  }

  .m727 {
    gap: 1rem;
  }
}

@media (max-width: 480px) {
  .fac {
    flex-wrap: wrap;
    gap: 0.25rem;
  }

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

  .p61f5dd {
    flex-direction: column;
    text-align: left;
  }
}

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

.nc243f65 {
  position: relative;
  background: var(--color-bg-secondary);
  padding: clamp(4rem, 8vw, 8rem) 0;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.paf4a6 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(26, 10, 14, 0.75) 0%, rgba(63, 23, 34, 0.6) 100%);
  z-index: 1;
}

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

.nc243f65 .h48fa {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.e547 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g940c {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.o09 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

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

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

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

.be631:hover .haae34 img {
  transform: scale(1.05);
}

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

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

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

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

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

@media (max-width: 768px) {
  .cb7100,
  .c64,
  .h97,
  .pe0b44,
  .b82 {
    flex-direction: column;
  }

  .a2c9,
  .ld401,
  .p02254,
  .aae,
  .g3152c7a,
  .m149,
  .nd804,
  .c5eb31f,
  .m4b,
  .idd63d {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .e547 {
    margin: 0 auto;
  }

  .d9961 {
    flex-direction: column;
  }

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

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

* {
  box-sizing: border-box;
}

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

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

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

.a04e {
  background: var(--color-bg-primary);
  padding: 0;
  overflow: hidden;
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
}

.pd7279 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(26, 10, 14, 0.8) 0%, rgba(45, 17, 24, 0.6) 100%);
  z-index: 2;
  pointer-events: none;
}

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

.a04e .h48fa {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

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

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

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

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

.a5013e i {
  color: var(--color-accent);
  width: 16px;
  text-align: center;
}

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

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

.lc12056 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  flex-shrink: 0;
  border: 3px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g44 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  line-height: 1.6;
}

.g44::before {
  content: "";
  color: var(--color-accent);
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 2px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ebd6275c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  line-height: 1.6;
}

.ebd6275c::before {
  content: counter(list-counter);
  counter-increment: list-counter;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 600;
  flex-shrink: 0;
  margin-top: 2px;
}

.j49a07 {
  counter-reset: list-counter;
}

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

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

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

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

.ee3ae {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: clamp(1rem, 2vw, 1.5rem);
}

.j223 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.75rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

.ebed9 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-md);
  margin: clamp(-1.25rem, -2vw, -1.75rem) clamp(-1.25rem, -2vw, -1.75rem) 0 clamp(-1.25rem, -2vw, -1.75rem);
}

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

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

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

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

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

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

.jbe632 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

@media (max-width: 1024px) {
  .b060,
  .g997,
  .a972b2,
  .ka6,
  .iab3cca {
    flex-direction: column;
    align-items: stretch;
  }

  .ad1,
  .p04,
  .b86c92,
  .fcea0,
  .d7347,
  .mbc4a,
  .gff1f72,
  .md6c0,
  .gdc242c1,
  .f5cd11a9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

  .m6b394 {
    gap: 1rem;
  }

  .h91e68 {
    gap: 0.75rem;
  }

  .k314d {
    gap: 0.5rem;
  }

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

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

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

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

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

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

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

.i79 .h48fa {
  display: block !important;
}

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

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

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

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

.d5f {
  width: 100%;
  max-width: 600px;
  aspect-ratio: 16 / 10;
  border-radius: var(--radius-md);
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .i79 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }
  
  .obe8e {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

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

.c389 .h48fa {
  display: block !important;
}

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

.b6a {
  text-align: center;
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
}

.i415c3 {
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

.o10602 .h48fa {
  display: block !important;
}

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

.h3e40 {
  text-align: center;
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
}

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

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

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

.m638 {
  flex: 1 1 calc(33.333% - clamp(0.75rem, 2vw, 1rem));
  min-width: 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.bfd535 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-primary);
  width: fit-content;
}

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

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

@media (max-width: 1024px) {
  .m638 {
    flex: 1 1 calc(50% - clamp(0.5rem, 1vw, 0.75rem));
    max-width: none;
  }
}

@media (max-width: 768px) {
  .o10602 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }
  
  .m638 {
    flex: 1 1 100%;
    max-width: none;
  }
}

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

.ec9 .h48fa {
  display: block !important;
}

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

.d76e9 {
  text-align: center;
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
}

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

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

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

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

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

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

.m192c2a {
  flex: 1 1 50%;
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-md);
  object-fit: cover;
  display: block;
}

@media (max-width: 1024px) {
  .c82 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
  
  .h3ee902c {
    flex: 1 1 100%;
  }
  
  .m192c2a {
    flex: 1 1 100%;
    aspect-ratio: 16 / 10;
  }
}

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

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

.dc47 .h48fa {
  display: block !important;
}

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

.j46cb1 {
  text-align: center;
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
}

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

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

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

.f97efc h3 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.f97efc i {
  color: var(--color-primary);
  font-size: 1.25em;
}

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

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

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

.kaab0 .h48fa {
  display: block !important;
}

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

.n73a738 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

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

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

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

@media (max-width: 768px) {
  .kaab0 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }
  
  .n73a738 {
    flex-direction: column;
    gap: 0.75rem;
  }
}

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

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

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

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

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

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

.n74d4 {
  width: 100%;
}

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

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

@media (min-width: 768px) {
  .g579e {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

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

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

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

.ac1 {
  font-size: clamp(2rem, 6vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

.n709 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  font-weight: 400;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .c9da7b {
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: flex-start;
  }
}

.ed89ec {
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  flex-shrink: 0;
  min-width: 80px;
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .ed89ec {
    min-width: 120px;
  }
}

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .b3e {
    flex-direction: row;
    justify-content: center;
  }
}

.b4793 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 100%;
  min-width: 250px;
  max-width: 300px;
  align-items: flex-start;
}

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

@media (min-width: 1024px) {
  .b4793 {
    flex: 1 1 calc(25% - 1.125rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ac53 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  width: 100%;
  max-width: 400px;
}

@media (min-width: 768px) {
  .ac53 {
    flex-direction: row;
    justify-content: center;
  }
}

.a3bd5f {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-primary);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.375rem;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  text-align: center;
  flex: 1 1 100%;
}

@media (min-width: 768px) {
  .a3bd5f {
    flex: 1 1 auto;
  }
}

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

.ef91 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.375rem;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid var(--color-accent);
  cursor: pointer;
  text-align: center;
  flex: 1 1 100%;
}

@media (min-width: 768px) {
  .ef91 {
    flex: 1 1 auto;
  }
}

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

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

  .kd0 {
    flex: 1 1 100%;
  }

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

.i51 {
  width: 100%;
}

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

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

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

.je6 {
  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;
  max-width: 600px;
}

@media (min-width: 768px) {
  .d512ea1 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .d512ea1 {
    padding: 5rem var(--spacing-xl);
  }
}

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

.bd4 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.j019f14 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

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

.n892309 {
  display: flex;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
  align-items: center;
  flex-wrap: wrap;
}

.p383 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: var(--spacing-xs) var(--spacing-sm);
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  border-radius: var(--radius-sm);
}

.aa18 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--color-text-muted);
}

.b8dd460 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.25rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

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

@media (min-width: 768px) {
  .c1dcf3b {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .bd4 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .h4b {
    height: 280px;
  }
}

@media (min-width: 1024px) {
  .c1dcf3b {
    padding: 5rem var(--spacing-xl);
  }

  .bd4 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .h4b {
    height: 300px;
  }
}

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

.ea4734 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.e8ffd0c4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.j9f4 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-xl) 0;
}

.o5cb {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .c9432 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .c9432 {
    padding: 5rem var(--spacing-xl);
  }
}

.na2113 {
  width: 100%;
}

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

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

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

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

@media (min-width: 768px) {
  .m2bfb {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .m2bfb {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

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

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

@media (min-width: 768px) {
  .ed5f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .ed5f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

.if6288 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.ad309b {
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  color: var(--color-primary);
  transition: all var(--transition-base);
}

.if6288:hover .ad309b {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  transform: scale(1.05);
}

.n12 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.25rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.le16a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.1rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
}

.m23 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.m23 li {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1.5vw + 0.05rem, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  padding-left: var(--spacing-md);
  position: relative;
}

.m23 li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 600;
}

@media (min-width: 768px) {
  .if6288 {
    padding: var(--spacing-xl);
  }
}

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

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

.a322e8 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.fbebbe {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.pa39 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.1rem, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.pa39:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .pda9 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .pda9 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

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

.mf577 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-2xl) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

@media (min-width: 768px) {
  .k666c73 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .l32e2a9 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.d06e5 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border-radius: var(--radius-md);
  overflow: hidden;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
}

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

.k3d952 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.d06e5:hover .k3d952 img {
  transform: scale(1.05);
}

.n6a {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw + 0.2rem, 1.15rem);
  color: var(--color-text-primary);
  margin: 0;
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .k3d952 {
    height: 220px;
  }
}

@media (min-width: 1024px) {
  .k3d952 {
    height: 240px;
  }
}

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

.n35d1 .h48fa {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.n35d1 .jada {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.n35d1 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.3;
}

.n35d1 .h2b6b {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.n35d1 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.4;
}

.n35d1 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.n35d1 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.n35d1 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

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

.n35d1 .l96 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.n35d1 .l96 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.n35d1 .l96 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.n35d1 .m0c315 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.n35d1 .p39781 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .n35d1 .jada {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n35d1 .jada {
    padding: var(--spacing-4xl) 0;
  }
}

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

.aaf {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.ib5 {
  width: 100%;
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.l8df1 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.l7a68095 {
  font-size: clamp(3rem, 10vw, 5rem);
  color: var(--color-success);
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: iconBounce 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}

@keyframes iconBounce {
  0% {
    opacity: 0;
    transform: scale(0) translateY(20px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.aaf h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  margin: 0;
  letter-spacing: -0.02em;
}

.db18 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  line-height: 1.5;
}

.d0c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
}

.fac969 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  font-style: italic;
}

.c649 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid transparent;
  transition: all var(--transition-base);
  cursor: pointer;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xs);
  letter-spacing: 0.3px;
}

.jec9d4 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.jec9d4:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

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

@media (min-width: 480px) {
  .ib5 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
  
  .h48fa {
    padding: 0 var(--spacing-lg);
  }
  
  .l8df1 {
    gap: var(--spacing-xl);
  }
}

@media (min-width: 768px) {
  .ib5 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .h48fa {
    padding: 0 var(--spacing-2xl);
  }
  
  .l8df1 {
    gap: var(--spacing-2xl);
  }
  
  .c649 {
    padding: var(--spacing-md) var(--spacing-2xl);
    margin-top: var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .ib5 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }
  
  .h48fa {
    padding: 0 var(--spacing-3xl);
  }
}

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

@media (prefers-reduced-motion: reduce) {
  .l7a68095 {
    animation: none;
    opacity: 1;
    transform: scale(1);
  }
  
  .c649 {
    transition: background-color var(--transition-fast);
  }
  
  .c649:hover {
    transform: none;
  }
}

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

.p5f9e7 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  overflow: hidden;
  font-family: var(--font-primary);
}

.p1245 {
  width: 100%;
  padding: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.h48fa {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.jada {
  width: 100%;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
  overflow: hidden;
}

.p15d0 {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  overflow: hidden;
}

.m54 {
  position: relative;
  display: inline-block;
}

.f0383a4 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  letter-spacing: -0.02em;
  display: block;
  line-height: 1;
  animation: slideDown 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
}

.eb2e5da8 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(200px, 60vw, 400px);
  height: clamp(200px, 60vw, 400px);
  background: radial-gradient(circle at 30% 30%, var(--color-primary-light), transparent 70%);
  border-radius: var(--radius-full);
  opacity: 0.15;
  pointer-events: none;
  z-index: -1;
  animation: pulse 4s ease-in-out infinite;
}

.e69 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
  animation: fadeInUp 0.8s ease-out 0.2s backwards;
  overflow: hidden;
}

.f6e016 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.01em;
}

.kd7 {
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.k92bf7 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: var(--spacing-sm) 0;
}

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

.j085 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin: var(--spacing-md) 0;
  width: 100%;
  overflow: hidden;
}

.l542a3 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

.h057 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  text-align: left;
  padding-left: 0;
}

.h057 li {
  font-size: clamp(0.85rem, 0.95vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: 1.6;
}

.h057 li:before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 600;
}

.c649 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
  letter-spacing: 0.01em;
  margin-top: var(--spacing-md);
}

.jec9d4 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.jec9d4:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

.jec9d4:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

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

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.15;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.25;
  }
}

@media (min-width: 768px) {
  .p1245 {
    padding: var(--spacing-xl);
  }

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

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

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

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

  .h057 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-md);
  }

  .h057 li {
    padding-left: var(--spacing-lg);
    flex: 0 1 auto;
  }
}

@media (min-width: 1024px) {
  .p1245 {
    padding: var(--spacing-2xl);
  }

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

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

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

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

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

  .c649:hover {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
  }
}

@media (max-width: 480px) {
  .p1245 {
    padding: var(--spacing-md);
  }

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

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

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

  .h057 li {
    text-align: left;
    padding-left: var(--spacing-lg);
  }
}

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

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

.n5334917 {
  text-align: center;
}

.lba8 {
  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.02em;
}

.e87c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .p8a300 {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .p8a300 {
    padding: var(--spacing-4xl) 0;
  }
}

.m5955 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.f49 {
  width: 100%;
}

.hbab3b {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2xl);
  align-items: flex-start;
}

.n84 {
  flex: 1 1 100%;
  min-width: 280px;
}

.k9f {
  flex: 1 1 100%;
  min-width: 280px;
}

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

  .k9f {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .m5955 {
    padding: var(--spacing-3xl) 0;
  }

  .n84 {
    flex: 1 1 50%;
  }

  .k9f {
    flex: 1 1 50%;
  }
}

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

.kb40892 {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.01em;
}

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

.p4deb1fe {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.n90 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.od0a03c2 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.01em;
}

.f9c {
  color: var(--color-danger);
  margin-left: 2px;
}

.h9d4f7d,
.iaa00a {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: var(--transition-base);
  box-sizing: border-box;
}

.h9d4f7d::placeholder,
.iaa00a::placeholder {
  color: var(--color-text-muted);
}

.h9d4f7d:focus,
.iaa00a:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
}

.iaa00a {
  min-height: 140px;
  resize: vertical;
  font-size: clamp(0.9rem, 1vw, 1.05rem);
}

.jf82052 {
  margin-top: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

.keb728 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.85vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.ib56d {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-base);
  border-bottom: 1px solid transparent;
}

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

.b5e3b {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: var(--transition-base);
  box-sizing: border-box;
}

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

.b5e3b:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 768px) {
  .m5955 {
    padding: var(--spacing-3xl) 0;
  }
}

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

.b341d {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.01em;
}

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

.l62cc214 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.o48a392c {
  display: flex;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

.o48a392c:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

.fc4 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  font-size: 1.5rem;
  color: var(--color-primary);
}

.fd8c {
  flex: 1;
}

.lbb19c {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  letter-spacing: -0.01em;
}

.k2b34 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin-bottom: var(--spacing-xs);
}

.ga17a979 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

.k709 {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-base);
  border-bottom: 1px solid transparent;
}

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

.o1ee77bd {
  padding: var(--spacing-xl);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-primary);
}

.e0052d8 {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 1.5vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  letter-spacing: -0.01em;
}

.oe0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
}

.ld54 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 0.95vw, 1rem);
  font-weight: 600;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: var(--transition-base);
}

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

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

.g7d34 {
  width: 100%;
}

.e9773f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xl);
  text-align: center;
  letter-spacing: -0.02em;
}

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

@media (min-width: 768px) {
  .e47b334f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .e47b334f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

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

.cba:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
  transform: translateY(-2px);
}

.h2ec {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.1vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
}

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

@media (min-width: 768px) {
  .k1c5f61a {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .k1c5f61a {
    padding: var(--spacing-4xl) 0;
  }
}

@media (max-width: 767px) {
  .hbab3b {
    gap: var(--spacing-xl);
  }

  .n84 {
    order: 1;
  }

  .k9f {
    order: 2;
  }
}
.e265,.j152d7{
  width: 34px;
}

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

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

.p898c5{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .p898c5{
    max-width: 100%;
  }
}

.p898c5.ja2294d{
  z-index: 999;
}

.e265[aria-expanded="true"]{
  display: none;
}