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

:root {
  --color-bg-primary: #0f0d18;
  --color-bg-secondary: #1a172a;
  --color-bg-tertiary: #26223d;
  --color-bg-card: #1a172a;

  --color-text-primary: #ffffff;
  --color-text-secondary: #c7b5f7;
  --color-text-muted: #9b84e8;

  --color-primary: #f97066;
  --color-primary-hover: #e64d42;
  --color-primary-light: #ffa89a;
  --color-secondary: #fca5a5;
  --color-secondary-light: #fdd0d0;

  --color-success: #6fb784;
  --color-success-hover: #5a9b6d;
  --color-warning: #f4b860;
  --color-warning-hover: #e8a844;
  --color-danger: #e85d5d;
  --color-danger-hover: #d64545;

  --color-border: #3d3952;
  --color-border-light: #2e2b42;

  --font-primary: 'Source Sans 3', sans-serif;
  --font-heading: 'Bricolage Grotesque', 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: 5rem;
  --spacing-5xl: 6rem;

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

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

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

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --font-size-7xl: 4.5rem;

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

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --z-dropdown: 100;
  --z-sticky: 200;
  --z-fixed: 300;
  --z-modal-backdrop: 400;
  --z-modal: 500;
  --z-toast: 600;
  --z-tooltip: 700;

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

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  font-weight: var(--font-weight-regular);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

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

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

h1 {
  font-size: var(--font-size-6xl);
}

h2 {
  font-size: var(--font-size-5xl);
}

h3 {
  font-size: var(--font-size-4xl);
}

h4 {
  font-size: var(--font-size-3xl);
}

h5 {
  font-size: var(--font-size-2xl);
}

h6 {
  font-size: var(--font-size-xl);
}

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

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

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

button,
.b2b83 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  border: none;
  border-radius: var(--radius-lg);
  padding: var(--spacing-md) var(--spacing-xl);
  cursor: pointer;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

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

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

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

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

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

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

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

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

.n57 {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
}

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

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

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

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

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

card {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-xl);
  padding: var(--spacing-xl);
  transition: all var(--transition-base);
  display: block;
}

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

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

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

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

.od153bc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
}

.oa837 {
  background: var(--color-primary);
  color: var(--color-text-primary);
  border: none;
}

.ge754ce {
  background: var(--color-success);
  color: var(--color-text-primary);
  border: none;
}

.a27 {
  background: var(--color-warning);
  color: var(--color-text-primary);
  border: none;
}

.ff63f29 {
  background: var(--color-danger);
  color: var(--color-text-primary);
  border: none;
}

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

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

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

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

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

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

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

.f7844 {
  font-size: var(--font-size-sm);
}

.i70 {
  font-size: var(--font-size-lg);
}

.o39514 {
  font-size: var(--font-size-xl);
}

.f3b {
  font-weight: var(--font-weight-bold);
}

.a1c {
  font-weight: var(--font-weight-semibold);
}

.a75 {
  text-align: center;
}

.g6c644 {
  text-align: right;
}

.f3b927 {
  text-align: left;
}

.j4c8e > * + * {
  margin-top: var(--spacing-xs);
}

.a9e6c > * + * {
  margin-top: var(--spacing-sm);
}

.f647a14 > * + * {
  margin-top: var(--spacing-md);
}

.g09e9 > * + * {
  margin-top: var(--spacing-lg);
}

.nd54 > * + * {
  margin-top: var(--spacing-xl);
}

.d3d > * + * {
  margin-left: var(--spacing-xs);
}

.f5c4 > * + * {
  margin-left: var(--spacing-sm);
}

.h667a64e > * + * {
  margin-left: var(--spacing-md);
}

.aa4 > * + * {
  margin-left: var(--spacing-lg);
}

.l0f > * + * {
  margin-left: var(--spacing-xl);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d72 {
  display: flex;
}

.df0a {
  flex-direction: column;
}

.cdbf0 {
  flex-direction: row;
}

.o003 {
  flex-wrap: wrap;
}

.g5aa3a {
  align-items: center;
}

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

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

.h05 {
  justify-content: center;
}

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

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

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

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

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

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

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

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

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

.p983dfcc {
  display: grid;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fcf5a26 {
  opacity: 0;
}

.o062c3 {
  opacity: 0.5;
}

.ae9b {
  opacity: 0.75;
}

.m0e6 {
  opacity: 1;
}

.d7e8bce7 {
  display: none;
}

.pe95f {
  display: block;
}

.m7bd5 {
  display: inline-block;
}

.o17d06 {
  width: 100%;
}

.e38c {
  height: 100%;
}

.o5e77f {
  max-width: 100%;
}

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

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

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

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

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

.cf46a {
  border-color: var(--color-border);
}

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

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

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

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

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

@media (max-width: 768px) {
  h1 {
    font-size: var(--font-size-4xl);
  }

  h2 {
    font-size: var(--font-size-3xl);
  }

  h3 {
    font-size: var(--font-size-2xl);
  }

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

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

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

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

@media (max-width: 480px) {
  h1 {
    font-size: var(--font-size-3xl);
  }

  h2 {
    font-size: var(--font-size-2xl);
  }

  h3 {
    font-size: var(--font-size-xl);
  }

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

  button,
  .b2b83 {
    width: 100%;
  }
}
.ac3a7e {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: var(--z-sticky);
}

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

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

.b1f1e:hover {
  opacity: 0.8;
}

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

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

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

.dbd9 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  text-decoration: none;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  transition: var(--transition-base);
}

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

.f17 {
  display: none;
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 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, 1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  cursor: pointer;
  transition: var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.ae561af7 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 28px;
  height: 24px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: var(--transition-base);
}

.ae561af7 span {
  width: 100%;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 1px;
  transition: var(--transition-base);
}

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

.ddce21 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  z-index: calc(var(--z-fixed) - 1);
  display: flex;
  flex-direction: column;
  padding-top: clamp(60px, 10vh, 80px);
}

.ddce21.a80f {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

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

.e511a {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition-base);
}

.e511a i {
  font-size: 1.5rem;
  color: var(--color-text-primary);
}

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

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

.k778039 {
  padding: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

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

.ec279081 {
  margin: clamp(1rem, 3vw, 1.5rem);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1rem, 3vw, 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, 1.5vw, 1.125rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: var(--transition-base);
}

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

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

  .f17 {
    display: inline-block;
  }

  .ae561af7 {
    display: none;
  }

  .ddce21 {
    display: none;
  }
}

@media (max-width: 767px) {
  .e7f9d204 {
    height: clamp(56px, 8vh, 72px);
  }
}

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

.na3c1e2 {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.k044 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

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

.dcd3ad {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 1;
}

.e50 {
  position: relative;
  z-index: 2;
  width: 100%;
}

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

.b7745a8a {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 90%;
}

.f5f545c {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
  max-width: 85%;
}

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

.eca {
  padding: clamp(0.75rem, 1.5vw, 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-weight: var(--font-weight-semibold);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  display: inline-block;
  transition: all var(--transition-base);
  text-align: center;
  border: none;
  cursor: pointer;
}

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

.e07f65 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: transparent;
  color: var(--color-text-primary);
  border: 2px solid var(--color-text-primary);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: var(--font-weight-semibold);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  display: inline-block;
  transition: all var(--transition-base);
  text-align: center;
  cursor: pointer;
}

.e07f65:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

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

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

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

.h00a {
  flex: 1 1 45%;
  min-height: 250px;
  max-height: 450px;
}

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

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

.ic864c {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e127739 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  transition: all var(--transition-base);
  align-self: flex-start;
  display: inline-block;
}

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

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

  .h00a,
  .c41ab87 {
    flex: 1 1 100%;
  }

  .h00a {
    max-height: 300px;
    min-height: 200px;
  }
}

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

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

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

.p74d {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.h1aef7b,
.h88 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin-bottom: 0.5rem;
}

.kce6599 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
  margin-bottom: 0.5rem;
}

.d63d5 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 1rem);
  line-height: var(--line-height-normal);
}

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

  .b4a2b,
  .b12dba {
    flex: 1 1 100%;
  }
}

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

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

.g9b5 {
  text-align: center;
}

.od569 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
}

.ge2 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 600px;
  margin: 0 auto;
}

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

.lc13b9 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  align-items: flex-start;
}

.m0a25 {
  flex-shrink: 0;
  width: clamp(2.5rem, 4vw, 3.5rem);
  height: clamp(2.5rem, 4vw, 3.5rem);
  border-radius: 50%;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

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

.hcbf9 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .m0a25 {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
  }
}

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

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

.b43 {
  text-align: center;
}

.aceb2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
}

.i131d7 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 600px;
  margin: 0 auto;
}

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

.aef61a {
  flex: 1 1 300px;
  max-width: 450px;
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.heee168 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-text-muted);
}

.c5db {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
}

.c30 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

.heee168 .g7e2d6:before {
  content: '—';
  color: var(--color-text-muted);
}

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

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

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

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

.idc {
  text-align: center;
}

.k589f {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
}

.jb776b {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 600px;
  margin: 0 auto;
}

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

.cf121 {
  flex: 1 1 300px;
  max-width: 420px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-top: 3px solid var(--color-accent);
}

.b7a {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

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

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

.df807f3 {
  text-align: center;
}

.he61 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
}

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

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

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

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

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

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

.f618153e {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 1.5vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

.d164320 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  transition: all var(--transition-base);
  align-self: flex-start;
  display: inline-block;
  margin-top: 0.5rem;
}

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

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

.d32733 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

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

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

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

.e5dcc867 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

.j75d0.d7e8bce7 {
  display: none;
}

.lfd4f41 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 1rem);
  line-height: var(--line-height-normal);
  margin: 0;
  flex: 0 1 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o36,
.e0eda {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: var(--font-weight-semibold);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
}

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

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

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

.e0eda:hover {
  background: rgba(255, 255, 255, 0.05);
}

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

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

  .pe1 {
    flex: 1 1 100%;
  }

  .o36,
  .e0eda {
    flex: 1 1 calc(50% - 0.375rem);
  }
}

@media (max-width: 768px) {
  .na3c1e2 {
    min-height: 80vh;
  }

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

@media (max-width: 1024px) {
  .b7745a8a {
    max-width: 95%;
  }

  .f5f545c {
    max-width: 90%;
  }
}

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

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

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

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

.l9b5 {
  display: block;
}

.l9b5 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: var(--font-weight-bold);
  margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0;
}

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

.acea8e1 {
  display: block;
}

.acea8e1 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  font-weight: var(--font-weight-semibold);
  margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0;
}

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

.jd2663a7 {
  display: block;
}

.jd2663a7 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  font-weight: var(--font-weight-semibold);
  margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0;
}

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

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

.n734 {
  display: block;
}

.n734 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.25rem);
  font-weight: var(--font-weight-semibold);
  margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0;
}

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

.lacd51 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.k5f {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  font-style: normal;
}

@media (min-width: 768px) {
  .l4f {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2.5rem, 6vw, 4rem);
    justify-content: space-between;
  }

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

  .acea8e1 {
    flex: 0 1 auto;
  }

  .jd2663a7 {
    flex: 0 1 auto;
  }

  .n734 {
    flex: 0 1 auto;
  }

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

@media (min-width: 1024px) {
  .l4f {
    display: flex;
    flex-direction: row;
    gap: clamp(3rem, 8vw, 5rem);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .l9b5 {
    flex: 1 1 300px;
  }

  .acea8e1 {
    flex: 0 0 auto;
  }

  .jd2663a7 {
    flex: 0 0 auto;
  }

  .n734 {
    flex: 0 0 auto;
  }

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

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

.d87bdf {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  position: relative;
}

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

.m05b {
  text-align: center;
}

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

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

.p32 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-left: 4px solid var(--color-accent);
}

.m60 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.le2d1 {
  text-align: center;
}

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

.ld75efd1 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.j70dfb8 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  flex: 1 1 clamp(300px, 45vw, 450px);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.d0981715 {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

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

.gad1 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  font-weight: 600;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.fc4e2 i {
  color: var(--color-accent);
  font-size: 0.9em;
}

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

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

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

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

.n68 {
  text-align: center;
}

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

.da6e {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.n3f384 {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  min-width: clamp(3.5rem, 8vw, 4.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(3.5rem, 8vw, 4.5rem);
  background: var(--color-bg-card);
  border-radius: 50%;
  flex-shrink: 0;
}

.cd85ea {
  flex: 1;
}

.h48a {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  font-weight: 600;
  margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.a271 {
  text-align: center;
}

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

.o4bf {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.nb22 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  flex: 1 1 clamp(250px, 22vw, 280px);
  text-align: center;
  border-top: 3px solid var(--color-accent);
}

.i97 {
  color: var(--color-accent);
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  display: flex;
  justify-content: center;
}

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

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

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

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

  .nb22 {
    flex: 1 1 100%;
  }

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

  .n3f384 {
    order: -1;
  }
}

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

  .nb22 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

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

  .nb22 {
    flex: 1 1 calc(25% - clamp(1.125rem, 2.25vw, 1.875rem));
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g281348e {
  width: 100%;
  max-width: 900px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

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

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

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

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

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

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

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

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

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

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

  .lfa601d,
  .h4e9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.m0258 {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

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

.i867:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(249, 112, 102, 0.15);
}

.k1f8ab {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

.daf3 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.daf3 li {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  padding-left: 1.5rem;
  position: relative;
}

.daf3 li::before {
  content: '▸';
  position: absolute;
  left: 0;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

.d24d {
  background: rgba(249, 112, 102, 0.08);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 8px;
}

.d24d p {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

.a768f21 li {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

  .gd3,
  .p8ed {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.c52cf4e p {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  padding: clamp(0.75rem, 1.5vw, 1.25rem);
  background: rgba(249, 112, 102, 0.08);
  border-left: 3px solid var(--color-accent);
  border-radius: 4px;
  line-height: 1.6;
}

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

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

  .f5f,
  .geb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.f5c59 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

.de589e10 {
  background: rgba(249, 112, 102, 0.08);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

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

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

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

.le63af05 {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

.c2a57 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.c2a57:hover {
  border-color: var(--color-accent);
  transform: translateY(-8px);
  box-shadow: 0 16px 40px rgba(249, 112, 102, 0.2);
}

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

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

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

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

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

.n4c8381e {
  display: inline-block;
  font-size: 0.8125rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  margin-top: auto;
  transition: color 0.3s ease;
}

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

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

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

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

.ebff89 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.id6602fd {
  font-size: 0.75rem;
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

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

.fac7c492 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  font-weight: 500;
}

.k12c2d {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-top: 0.25rem;
}

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

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

@media (max-width: 768px) {
  .g281348e {
    max-height: 350px;
  }

  .h4e9 img,
  .p8ed img,
  .f5f img {
    max-height: 300px;
  }

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

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

  .i867 {
    flex: 1 1 100%;
  }

  .c2a57 {
    flex: 1 1 100%;
  }

  .p9d {
    font-size: 0.75rem;
    gap: 0.25rem;
  }

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

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

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

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

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

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

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

.p42b a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-duration) ease;
}

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

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

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

.j0278e {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

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

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

.k259d4 {
  flex: 0 0 auto;
  width: clamp(180px, 25vw, 280px);
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.jaaf06 {
  margin-bottom: 1.5rem;
}

.e2ff3 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  display: block;
  background: var(--color-bg-tertiary);
}

.d33 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  line-height: var(--line-height-normal);
}

.d33 a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-duration) ease;
}

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

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

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

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

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

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

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

.n11 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin: 0 0 1.5rem 0;
  line-height: var(--line-height-tight);
}

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

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

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

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

.fe27727 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 6vw, 4rem);
  border-radius: var(--radius-lg);
}

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

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

.nd72 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin: 0 0 1.75rem 0;
  line-height: var(--line-height-tight);
}

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

.p800b8b {
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  margin-bottom: 1rem;
}

.p800b8b:last-of-type {
  margin-bottom: 0;
}

.jc095 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-accent);
  margin: 0 0 0.75rem 0;
  line-height: var(--line-height-normal);
}

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

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

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

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

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

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

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

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

.odb38 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin: 0 0 1.5rem 0;
  line-height: var(--line-height-tight);
}

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

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

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

.kc29 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 6vw, 4rem);
  border-radius: var(--radius-lg);
}

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

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

.o2f6813a {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin: 0 0 1.5rem 0;
  line-height: var(--line-height-tight);
}

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

.ae209dc6 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  margin-bottom: 1rem;
}

.ae209dc6:last-of-type {
  margin-bottom: 0;
}

.f579 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-accent);
  margin: 0 0 0.75rem 0;
  line-height: var(--line-height-normal);
}

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

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

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

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

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

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

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

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

.he7033 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin: 0 0 1.5rem 0;
  line-height: var(--line-height-tight);
}

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

.fc1:last-of-type {
  margin-bottom: 0;
}

.a8045 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
}

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

.le64327 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

.pd63 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

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

.p9a6da {
  flex: 1 1 auto;
}

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

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

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

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

.p6f9f1 {
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin: 0 0 1rem 0;
  line-height: var(--line-height-tight);
}

.db2d4a {
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.b12ee {
  flex: 1 1 100%;
  max-width: calc(33.333% - 1.67rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform var(--transition-duration) ease, box-shadow var(--transition-duration) ease;
}

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

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

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

.b12ee:hover .kd339bf4 {
  transform: scale(1.05);
}

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

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

.e38 {
  font-size: clamp(0.8125rem, 1.5vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  flex: 1 1 auto;
}

.a16cf {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: var(--font-weight-semibold);
  transition: color var(--transition-duration) ease;
  margin-top: auto;
}

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

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

  .k259d4 {
    position: relative;
    top: auto;
    width: 100%;
  }

  .cf70427,
  .nf3a,
  .l67,
  .ff8f06,
  .bffb6 {
    flex-direction: column;
  }

  .e1f80ae,
  .ab83ce8e,
  .o058a387,
  .c4fd,
  .p062,
  .k5504d8,
  .l3fe74,
  .oac8977,
  .kf7,
  .id23 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gf4d,
  .e97 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.gbfc {
  flex: 0 0 280px;
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
}

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

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

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

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

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

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

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

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

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

.ed076f6 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

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

  .gbfc {
    flex: 1 1 100%;
    position: static;
  }

  .g6d4ccc {
    flex: 1 1 100%;
  }

  .a3bc {
    flex-direction: column;
  }

  .mac711,
  .l3f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.n46 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  font-weight: var(--font-weight-medium);
}

.i2ae206b {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  margin: clamp(2.5rem, 5vw, 4rem) 0;
  border: 1px solid var(--color-border-light);
}

.d52a {
  max-width: 100%;
}

.g0b {
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.35rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
}

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

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

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

.n78 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

.n38 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.75rem));
  min-width: 280px;
  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);
}

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

.gb4e441 {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

.n38:hover .i15 {
  transform: scale(1.05);
}

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

.k3ce {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw + 0.5rem, 1.35rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

@media (max-width: 768px) {
  .df65e1 {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }

  .b95b88e {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }

  .k1e4 {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }
}

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

html, body, main {
  width: 100%;
}

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

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

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

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

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

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

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

.i73 {
  max-width: 700px;
  text-align: center;
}

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

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

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

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

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

.b44eb {
  width: 100%;
  max-width: 700px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

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

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

.p01332 {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: flex-start;
}

.h52b {
  position: sticky;
  top: 20px;
}

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

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

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

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

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

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

.l14ac8 {
  flex: 1;
}

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

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

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

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

.b01a0 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  line-height: 1.3;
}

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

.d0982 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

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

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

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

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

.n35 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  line-height: 1.3;
}

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

.h368 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

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

.od52fc21 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 500;
  line-height: 1.7;
}

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

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

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

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

.ac4fc38 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  line-height: 1.3;
}

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

.a58 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

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

.jdca1c3c {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  max-width: 100%;
}

.f258b {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-family: 'Bricolage Grotesque', sans-serif;
}

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

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

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

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

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

.g00e8 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  line-height: 1.3;
}

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

.n30f3a42 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

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

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

.bbea9 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  line-height: 1.3;
}

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

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

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

.g1f1b {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-family: 'Bricolage Grotesque', sans-serif;
  line-height: 1.2;
}

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

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

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

.k56:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.b73 {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

.k56:hover .b73 img {
  transform: scale(1.05);
}

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

.p5a69c7 {
  font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
  font-family: 'Bricolage Grotesque', sans-serif;
}

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

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

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

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

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

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

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

@media (max-width: 1023px) {
  .p01332 {
    grid-template-columns: 1fr;
  }

  .h52b {
    position: relative;
    top: auto;
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }

  .hcb,
  .m3a50a82,
  .cb6e49,
  .b440b2 {
    flex-direction: column;
  }

  .m39c66,
  .d0982,
  .h368,
  .pb8e,
  .mc34,
  .a58,
  .n30f3a42,
  .fb3de {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

  .i73 {
    order: 2;
  }

  .b44eb {
    order: 1;
    width: 100%;
  }

  .cb7 {
    flex-direction: row;
    align-items: center;
    text-align: left;
    gap: 1.5rem;
  }

  .o41 {
    flex-shrink: 0;
  }

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

  .j2ee13 {
    flex: 0 1 auto;
  }

  .d87 {
    gap: 0.25rem;
  }
}

@media (max-width: 480px) {
  .f7304 {
    padding: clamp(1rem, 3vw, 2rem) 0;
  }

  .lf070c7,
  .l79b7f2,
  .h724c,
  .a142751,
  .e9b {
    padding: clamp(1.5rem, 3vw, 2rem) 0;
  }

  .lbe {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

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

  .j2ee13 {
    font-size: 0.8125rem;
  }
}

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

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

.e03b {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.c76 {
  text-align: center;
}

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

.bdf2325c {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
  line-height: var(--line-height-relaxed);
}

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

.h398e p {
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-secondary);
}

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

.ba790ea {
  width: 100%;
  max-width: 1000px;
  height: auto;
  margin: clamp(2rem, 4vw, 3rem) auto 0;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
}

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

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

.ia8cd42 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
}

.e3f8745 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

.a398 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 280px;
  max-width: 320px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

.d39c7373 {
  flex: 1 1 50%;
}

.af8841e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

  .d39c7373,
  .g6ca5b {
    flex: 1 1 100%;
  }
}

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

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

.c046ae {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

.o0d {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

.kd5aaa {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  border-radius: var(--radius-full);
  color: var(--color-text-on-accent);
  font-size: 1.1rem;
}

.h9af64 {
  flex: 1;
}

.ne78d {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

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

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

.me6 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 1rem;
}

.c83 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  line-height: var(--line-height-relaxed);
}

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

.c2e3c5d1 {
  background: var(--color-bg-tertiary);
  border-top: 1px solid var(--color-border);
}

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

.k78 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.gcf339 {
  color: var(--color-primary);
  font-size: 1.3rem;
}

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

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

  .neb7e {
    margin-bottom: 1rem;
  }

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

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

  .hb071 {
    gap: 1rem;
  }

  .o0d {
    gap: 1rem;
  }

  .kd5aaa {
    width: 28px;
    height: 28px;
    font-size: 0.9rem;
  }
}

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

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

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

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

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

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

.i4a59 {
  flex: 1 1 100%;
  min-width: 250px;
}

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

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

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

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

.aa5b36f {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: var(--font-weight-semibold);
  width: fit-content;
}

.d77 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p63204 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-secondary);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.o6ee45 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-accent);
  line-height: var(--line-height-tight);
}

.e8af96 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  font-weight: var(--font-weight-medium);
}

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

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

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

.jf8d {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: var(--font-weight-semibold);
  width: fit-content;
  margin: 0 auto;
}

.hf5f94 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.dd9e1f {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(2rem, 4vw, 3rem);
}

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

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

.dc6a1 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.l8a86a2b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  color: var(--color-accent);
  font-size: 1.75rem;
}

.o7ce6 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.p7d8f {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.nf3ef8 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: var(--font-weight-semibold);
}

.ea4 {
  flex: 1 1 100%;
  min-width: 250px;
}

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

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

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

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

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

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

.g92b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.l113 {
  flex: 1 1 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

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

.a3062eb {
  font-size: clamp(0.875rem, 1vw, 0.975rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-accent);
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

.c00d7 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.d21fe3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--color-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 0.975rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
}

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

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

  .i4a59 {
    flex: 1 1 100%;
  }

  .gc00 {
    flex: 1 1 100%;
  }

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

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

  .m165856 {
    flex-direction: column;
  }

  .ea4 {
    flex: 1 1 100%;
  }

  .dc2fdd95 {
    flex-direction: column;
  }

  .l113 {
    flex: 1 1 100%;
    grid-template-columns: 1fr;
  }

  .k34fc50f {
    flex-direction: column;
  }

  .oa4276,
  .d21fe3 {
    width: 100%;
  }
}

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

.d3caf83e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 2px solid var(--color-border-light);
}

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

.oa549 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.g16e {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

.f07 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

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

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

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

.nef:hover .e2a05f img {
  transform: scale(1.05);
}

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

.la125346 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-primary);
  background-color: rgba(0, 0, 0, 0.05);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.kd9 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.o97 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.f773 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  margin-top: auto;
}

.k9787 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-muted);
  padding: var(--spacing-xs) var(--spacing-sm);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-light);
}

.g7fc627c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
  border-top: 2px solid var(--color-border-light);
}

.e5d5 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.l29195d {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.k49 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.n68ebd9c {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: var(--transition-base);
}

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

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

@media (min-width: 768px) {
  .d3caf83e {
    padding: var(--spacing-5xl) var(--spacing-lg);
  }

  .m55abb {
    padding: var(--spacing-5xl) var(--spacing-lg);
  }

  .f07 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .e2a05f {
    height: 280px;
  }

  .g7fc627c {
    padding: var(--spacing-5xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .d3caf83e {
    padding: var(--spacing-5xl) var(--spacing-xl);
  }

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

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

  .e2a05f {
    height: 300px;
  }

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

  .la125346 {
    background-color: transparent;
    padding: 0;
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 1440px) {
  .f07 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.c428b7 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 2px solid var(--color-border-light);
}

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

.c428b7 h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: var(--font-weight-bold);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.c428b7 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.15rem);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .c428b7 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .c428b7 {
    padding: var(--spacing-5xl) var(--spacing-xl);
  }
}

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

.ce9c {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .ce9c {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .ce9c {
    grid-template-columns: repeat(2, 1fr);
  }

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

.oca9d3 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.daa64d40 {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  flex-shrink: 0;
}

.daa64d40 i {
  color: var(--color-primary);
  font-size: 28px;
}

.oca9d3 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2vw + 0.25rem, 1.35rem);
  font-weight: var(--font-weight-semibold);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.oca9d3 p {
  color: var(--color-text-secondary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.pbd {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-sm);
  display: inline-block;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-base);
  align-self: flex-start;
}

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

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

.jbb48 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.i64f55a h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.i64f55a p {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-2xl) 0;
}

.mbe2 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-base);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
}

.mbe2:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

@media (min-width: 768px) {
  .i64f55a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .i64f55a {
    padding: var(--spacing-5xl) var(--spacing-xl);
  }
}

@media (max-width: 767px) {
  .oca9d3 {
    padding: var(--spacing-xl);
  }

  .daa64d40 {
    width: 50px;
    height: 50px;
  }

  .daa64d40 i {
    font-size: 24px;
  }
}

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

.n1b main {
  width: 100%;
}

.n1b .d2f0b480 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.n1b .ldc9a {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-4xl) var(--spacing-md);
}

.n1b h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.n1b .i9d894 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-3xl);
  display: block;
}

.n1b h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.n1b h2:first-of-type {
  margin-top: var(--spacing-2xl);
}

.n1b p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

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

.n1b li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

.n1b strong {
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
}

.n1b .n64 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-3xl);
}

.n1b .n64 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.n1b .n64 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.n1b .n64 strong {
  color: var(--color-text-primary);
  font-weight: var(--font-weight-semibold);
}

.n1b .f43e29 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-2xl);
}

.n1b .jda0027 {
  background-color: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md);
  margin: var(--spacing-2xl) 0;
  border-radius: var(--radius-sm);
}

.n1b .jda0027 p {
  color: var(--color-text-primary);
  margin: 0;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
}

@media (min-width: 768px) {
  .n1b .ldc9a {
    padding: var(--spacing-5xl) var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .n1b .d2f0b480 {
    padding: 0 var(--spacing-lg);
  }

  .n1b .ldc9a {
    padding: var(--spacing-5xl) var(--spacing-2xl);
  }
}

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

html {
  scroll-behavior: smooth;
}

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

.d436b8 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.d92d8 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
}

.d2f0b480 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.ec1596 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  animation: slideInUp 0.6s ease-out;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.d683d {
  margin-bottom: var(--spacing-lg);
  animation: scaleIn 0.8s ease-out 0.2s backwards;
}

.d683d i {
  font-size: clamp(3rem, 8vw, 5rem);
  color: var(--color-success);
  display: block;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.e96b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
  letter-spacing: -0.02em;
}

.jac30 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-normal);
}

.l8007 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-relaxed);
}

.kdc6fa {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  line-height: var(--line-height-relaxed);
}

.b2b83 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  text-align: center;
  line-height: var(--line-height-normal);
  min-width: 200px;
}

.d022 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

.d022:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.d022:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.d022:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .d92d8 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

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

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

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

@media (min-width: 1024px) {
  .d92d8 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

  .jac30 {
    margin-bottom: var(--spacing-lg);
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.3rem);
  }

  .l8007 {
    margin-bottom: var(--spacing-lg);
    font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  }

  .kdc6fa {
    margin-bottom: var(--spacing-2xl);
    font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  }
}

@media (max-width: 480px) {
  .d92d8 {
    padding: var(--spacing-md);
  }

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

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

  .b2b83 {
    width: 100%;
    min-width: unset;
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

.pbfee {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.c20f23a1 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .c20f23a1 {
    padding: var(--spacing-lg) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .c20f23a1 {
    padding: var(--spacing-xl) var(--spacing-xl);
  }
}

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

@media (min-width: 768px) {
  .d2f0b480 {
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .d2f0b480 {
    padding: 0 var(--spacing-xl);
  }
}

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

.k7f10 {
  margin-bottom: var(--spacing-2xl);
  display: flex;
  justify-content: center;
  position: relative;
}

@media (min-width: 768px) {
  .k7f10 {
    margin-bottom: var(--spacing-3xl);
  }
}

.gf9 {
  position: relative;
  display: inline-block;
}

.ifdf532c {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 15vw, 8rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  line-height: 1;
  position: relative;
  z-index: 2;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  letter-spacing: -0.02em;
}

@media (min-width: 768px) {
  .ifdf532c {
    text-shadow: 0 8px 40px rgba(0, 0, 0, 0.15);
  }
}

.e96 {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(150px, 40vw, 300px);
  height: clamp(80px, 20vw, 150px);
  background: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%);
  border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
  opacity: 0.15;
  z-index: 1;
  clip-path: polygon(
    0% 100%,
    5% 85%,
    12% 70%,
    18% 50%,
    25% 35%,
    35% 20%,
    48% 10%,
    60% 15%,
    72% 25%,
    80% 40%,
    85% 60%,
    90% 80%,
    95% 95%,
    100% 100%
  );
}

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

@media (min-width: 768px) {
  .l81f1 {
    margin-bottom: var(--spacing-3xl);
  }
}

.eef5af5 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

@media (min-width: 768px) {
  .eef5af5 {
    margin-bottom: var(--spacing-lg);
  }
}

.g9546 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
  font-weight: var(--font-weight-regular);
}

@media (min-width: 768px) {
  .g9546 {
    margin-bottom: var(--spacing-lg);
  }
}

.j1defa8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  font-weight: var(--font-weight-regular);
}

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

@media (min-width: 768px) {
  .a673ec {
    margin-bottom: var(--spacing-3xl);
  }
}

.b2b83 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  display: inline-block;
  line-height: 1.5;
}

.d022 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

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

@media (max-width: 767px) {
  .b2b83 {
    width: 100%;
    max-width: 280px;
  }
}

.paa2 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-top: var(--spacing-md);
  font-weight: var(--font-weight-regular);
}

@media (min-width: 768px) {
  .paa2 {
    margin-top: var(--spacing-lg);
  }
}

.h4b {
  border-top: 1px solid var(--color-border-light);
  padding-top: var(--spacing-xl);
}

@media (min-width: 768px) {
  .h4b {
    padding-top: var(--spacing-2xl);
  }
}

.p06e8f0 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  color: var(--color-text-muted);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
}

@media (max-width: 480px) {
  .ifdf532c {
    font-size: clamp(2.5rem, 12vw, 4rem);
  }

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

  .g9546 {
    font-size: clamp(0.9rem, 1vw, 1rem);
  }

  .b2b83 {
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: clamp(0.9rem, 1vw, 1rem);
  }
}

@media (min-width: 1024px) {
  .c20f23a1 {
    min-height: 100vh;
  }
}

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

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

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

.le2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  letter-spacing: -0.02em;
}

.hfac {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 650px;
}

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

.m8665e5f {
  width: 100%;
}

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

@media (min-width: 768px) {
  .dc33 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2.5rem, 5vw, 5rem);
    align-items: flex-start;
  }
}

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

.o7128bf {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

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

.ga0103 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
}

.h0ad,
.geea {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  width: 100%;
  transition: var(--transition-base);
}

.h0ad::placeholder,
.geea::placeholder {
  color: var(--color-text-muted);
}

.h0ad:focus,
.geea:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
  background-color: var(--color-bg-primary);
}

.h0ad:hover:not(:focus),
.geea:hover:not(:focus) {
  border-color: var(--color-border);
  background-color: var(--color-bg-primary);
}

.geea {
  resize: vertical;
  min-height: 140px;
  line-height: var(--line-height-relaxed);
}

.fc80d49 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 0.5rem;
}

.h48 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition-base);
  width: 100%;
}

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

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

.h48:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--color-accent), 0.2);
}

.l20 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.hbe {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: var(--font-weight-medium);
  transition: var(--transition-fast);
}

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

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

.ke0279 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

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

.ke1f8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: var(--font-size-lg);
}

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

.m2a2564 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
}

.m789 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.cc0 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

.pdd6 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: var(--line-height-tight);
}

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

.h7b li {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  padding-left: 1.75rem;
  position: relative;
  line-height: var(--line-height-normal);
}

.h7b li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-lg);
}

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

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

.hf7c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  letter-spacing: -0.01em;
}

.a24 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

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

@media (min-width: 768px) {
  .g9d6d6 {
    grid-template-columns: 1fr 1fr;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

.ja75f {
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  transition: var(--transition-base);
}

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

.i523f {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  line-height: var(--line-height-normal);
}

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

.eea6bb {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: center;
  text-align: center;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
}

.k0e81 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.o62a0c {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--color-accent);
  text-decoration: none;
  padding: 0.75rem 1.5rem;
  border: 1px solid var(--color-accent);
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  display: inline-block;
}

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

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

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

.m8c49e08 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-tight);
  letter-spacing: -0.01em;
}

.f25db9 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
}

.g72 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  padding: 1rem 2.5rem;
  background-color: var(--color-secondary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: var(--transition-base);
  display: inline-block;
}

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

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

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

  .m3837ea {
    padding: 2rem 0;
  }

  .p015e {
    padding: 2rem 0;
  }

  .b77b {
    padding: 2rem 0;
  }

  .dc33 {
    gap: 1.5rem;
  }

  .hbb950b4 {
    padding: 1.5rem;
  }

  .de930c {
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .n1119c {
    padding: 5rem 0;
  }

  .m3837ea {
    padding: 6rem 0;
  }

  .p015e {
    padding: 6rem 0;
  }

  .b77b {
    padding: 5rem 0;
  }
}

@media (min-width: 1440px) {
  .n1119c {
    padding: 6rem 0;
  }

  .m3837ea {
    padding: 7rem 0;
  }

  .p015e {
    padding: 7rem 0;
  }

  .b77b {
    padding: 6rem 0;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.ae561af7,.e511a{width:34px;}
.ae561af7[aria-expanded="true"]{display:none;}
.ddce21.a80f{z-index:999;}
.ddce21{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.ddce21{max-width:100%;}}
.f27a40{justify-content:flex-end;}
@media (max-width:768px){.f4878{min-height:500px;}}
@media (max-width:768px){.d0981715{min-height:500px;}}