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

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

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

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

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #ddd6fe;
  --color-border-light: #ede9fe;

  --font-primary: 'Open Sans', sans-serif;
  --font-heading: 'Raleway', sans-serif;

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

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px 0 rgba(147, 51, 234, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(147, 51, 234, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(147, 51, 234, 0.15);
  --shadow-xl: 0 20px 25px -5px rgba(147, 51, 234, 0.2);

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

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

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

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  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;
}

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-5xl);
  margin-bottom: var(--spacing-xl);
}

h2 {
  font-size: var(--font-size-4xl);
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: var(--font-size-3xl);
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: var(--font-size-2xl);
  margin-bottom: var(--spacing-md);
}

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

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

p {
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-relaxed);
}

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

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

button, input, textarea, select {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
}

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

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

.e49a7 {
  background: var(--color-primary);
  color: #ffffff;
}

.e49a7:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

.f74 {
  background: var(--color-secondary-light);
  color: var(--color-text-secondary);
}

.f74:hover {
  background: var(--color-secondary);
  color: #ffffff;
}

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

.d3e:hover {
  background: var(--color-primary-light);
  border-color: var(--color-primary-hover);
}

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

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

.gc6 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.m48aa4 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
}

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

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

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

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

.e06 {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.h8568 {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.e7780 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.d8e74a2 {
  display: flex;
}

.dc18 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.a1f9e2d {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.h00d {
  display: flex;
  flex-direction: column;
}

.hce5f4ab { gap: var(--spacing-xs); }
.fd7 { gap: var(--spacing-sm); }
.hcb { gap: var(--spacing-md); }
.e992c4 { gap: var(--spacing-lg); }
.o6a { gap: var(--spacing-xl); }

.e13ed71 { margin: var(--spacing-xs); }
.l7ab9519 { margin: var(--spacing-sm); }
.a10f0b6b { margin: var(--spacing-md); }
.p0f { margin: var(--spacing-lg); }
.d2ed83 { margin: var(--spacing-xl); }

.o93c8 { margin-top: var(--spacing-xs); }
.pa2a80 { margin-top: var(--spacing-sm); }
.n645 { margin-top: var(--spacing-md); }
.eb75c5d { margin-top: var(--spacing-lg); }
.aab6d { margin-top: var(--spacing-xl); }

.j58fa { margin-bottom: var(--spacing-xs); }
.m7d { margin-bottom: var(--spacing-sm); }
.f0d { margin-bottom: var(--spacing-md); }
.hb01 { margin-bottom: var(--spacing-lg); }
.jfbaf7 { margin-bottom: var(--spacing-xl); }

.af18 { padding: var(--spacing-xs); }
.dcc3014 { padding: var(--spacing-sm); }
.i3d2 { padding: var(--spacing-md); }
.b470f282 { padding: var(--spacing-lg); }
.d24cc2 { padding: var(--spacing-xl); }

.g2b43a6 { font-size: var(--font-size-xs); }
.k4f7d49 { font-size: var(--font-size-sm); }
.g796 { font-size: var(--font-size-base); }
.j9f5 { font-size: var(--font-size-lg); }
.deb { font-size: var(--font-size-xl); }
.a8ab44e { font-size: var(--font-size-2xl); }
.g844 { font-size: var(--font-size-3xl); }

.pb8 { color: var(--color-text-primary); }
.n42c2 { color: var(--color-text-secondary); }
.k032ca { color: var(--color-text-muted); }

.ga2 { font-weight: var(--font-weight-bold); }
.j9a3803 { font-weight: var(--font-weight-semibold); }
.gaf { font-weight: var(--font-weight-medium); }

.l147 { text-align: center; }
.o34545 { text-align: left; }
.bd2010 { text-align: right; }

.m7ed7 { width: 100%; }
.c95 { max-width: 100%; }

.k20 { opacity: 0.5; }
.fb14c { opacity: 0.75; }

.g29ba66 { border-radius: var(--radius-sm); }
.m7c89f7 { border-radius: var(--radius-md); }
.cf0e59 { border-radius: var(--radius-lg); }
.pbf132e5 { border-radius: var(--radius-xl); }
.o65260a0 { border-radius: var(--radius-full); }

.b2cf79 { box-shadow: var(--shadow-sm); }
.h9b { box-shadow: var(--shadow-md); }
.l93f6 { box-shadow: var(--shadow-lg); }
.dcee0c { box-shadow: var(--shadow-xl); }

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

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

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

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

  .e06, .h8568, .e7780 {
    grid-template-columns: 1fr;
  }
}
.h95f77a {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 100;
}

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

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

.c06:hover {
  opacity: 0.85;
}

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

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

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

.a6c37 {
  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;
  transition: color var(--transition-base);
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
}

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

.k02eec8c {
  display: none;
  padding: 0.75rem 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: background var(--transition-base);
  flex-shrink: 0;
  white-space: nowrap;
}

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

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

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

.b0067[aria-expanded="true"] .icfe6e50:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

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

.b0067[aria-expanded="true"] .icfe6e50:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.m90c225f {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  border-left: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
  overflow-y: auto;
}

.m90c225f.k3a11c {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

.l290054 {
  margin: clamp(1rem, 3vw, 1.5rem) clamp(1rem, 3vw, 1.5rem) 0;
  padding: 0.875rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  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-align: center;
  cursor: pointer;
  transition: background var(--transition-base);
}

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

@media (min-width: 768px) {
  .b0067 {
    display: none;
  }

  .m90c225f {
    display: none;
  }

  .h1fb95 {
    display: flex;
  }

  .k02eec8c {
    display: inline-flex;
  }
}

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

  .g1997 {
    font-size: clamp(1rem, 2vw, 1.25rem);
  }
}

    .f15 {
  width: 100%;
}

.f15 * {
  box-sizing: border-box;
}

.f15 h1,
.f15 h2,
.f15 h3,
.f15 h4,
.f15 h5,
.f15 h6,
.f15 p,
.f15 a,
.f15 span,
.f15 li,
.f15 button {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.l5e {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 3vw, 2rem);
  text-align: center;
}

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

.c85 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 400;
  line-height: var(--line-height-normal);
}

.beb0 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

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

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

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

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

.nfe5dd2d {
  flex: 1 1 100%;
  width: 100%;
  max-height: 450px;
}

.m850 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

@media (min-width: 768px) {
  .hc1 {
    flex-direction: row;
    align-items: center;
  }

  .l5e {
    flex: 1 1 45%;
    text-align: left;
  }

  .nfe5dd2d {
    flex: 1 1 45%;
    max-height: 500px;
  }

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

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

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

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

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

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

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

.nd34225c {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}

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

.o7bf4a i {
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.o39 {
  display: block;
  line-height: var(--line-height-normal);
}

.b979d {
  flex: 1 1 100%;
  width: 100%;
  max-height: 400px;
}

.oe9 {
  width: 100%;
  height: 100%;
}

.j9b85 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

@media (min-width: 768px) {
  .d50a {
    flex-direction: row;
    align-items: center;
  }

  .fa4 {
    flex: 1 1 45%;
  }

  .b979d {
    flex: 1 1 45%;
  }
}

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

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

.j169 {
  text-align: center;
}

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

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

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

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

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

.l852 {
  font-size: 2.5rem;
  color: var(--color-accent);
  display: flex;
  justify-content: center;
  height: 3rem;
  align-items: center;
}

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

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

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

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

.l1ee0c {
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .b0c {
    flex-direction: row;
    gap: clamp(2rem, 5vw, 3rem);
  }
}

.l1e {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

.l6a {
  text-align: center;
}

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

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

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

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

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

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

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

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

.b017b {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 0.8125rem;
}

.lb1f {
  color: var(--color-text-muted);
  font-weight: 500;
}

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

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

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

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

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

.e1992b04 {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.125rem);
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

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

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

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

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

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

.e0b16919 {
  padding: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all var(--transition-base);
}

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

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

.p2ae {
  flex: 1 1 100%;
  width: 100%;
  max-height: 400px;
}

.p910ff01 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

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

  .i25b5 {
    flex: 1 1 55%;
  }

  .p2ae {
    flex: 1 1 40%;
    margin-left: auto;
  }
}

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

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

.g34e39 {
  max-width: 700px;
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 3.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

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

.bff8eb {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

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

.d94b {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-text-primary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.d94b.p27 {
  display: none;
}

.l46f37 {
  color: var(--color-bg-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: var(--line-height-normal);
  flex: 1 1 200px;
}

.n9b56 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.g55fa,
.f302 {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

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

@media (max-width: 767px) {
  .d94b {
    flex-direction: column;
    justify-content: center;
  }

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

  .n9b56 {
    justify-content: center;
    flex: 1 1 100%;
  }
}

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

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

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

.aca25dcc {
  display: block;
}

.aca25dcc h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 2vw, 1.25rem) 0;
  line-height: var(--line-height-tight);
}

.aca25dcc p {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 600px;
}

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

.bb4ed4d4,
.h31cb2,
.e4cdc {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  flex: 1;
  min-width: 180px;
}

.bb4ed4d4 h4,
.h31cb2 h4,
.e4cdc h4 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

.k2e71a77 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1.5vw, 1rem);
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  border-top: 1px solid var(--color-border-light);
}

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

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

@media (min-width: 768px) {
  .la6766 {
    justify-content: space-between;
    gap: clamp(2rem, 6vw, 4rem);
  }

  .bb4ed4d4,
  .h31cb2,
  .e4cdc {
    flex: 0 1 auto;
  }
}

@media (max-width: 640px) {
  .la6766 {
    flex-direction: column;
    gap: clamp(1.5rem, 4vw, 2.5rem);
  }

  .bb4ed4d4,
  .h31cb2,
  .e4cdc {
    min-width: 100%;
  }
}
    

.ifc80f {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
}

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

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

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

.dcbd16 {
  text-align: center;
}

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

.f597754 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a822 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(147, 51, 234, 0.08);
  min-width: 120px;
  border: 1px solid var(--color-border-light);
}

.h52 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
}

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

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

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

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

.o119da {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
  align-items: center;
}

.ha7 {
  display: inline-block;
  padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: 20px;
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 500;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.ha7:hover {
  background: var(--color-accent);
  color: #ffffff;
  border-color: var(--color-accent);
  transform: translateY(-2px);
}

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

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

.a4786 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin: 0;
}

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

.a7d {
  display: flex;
  flex-direction: row;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(147, 51, 234, 0.1);
  transition: all 0.3s ease;
  border: 1px solid var(--color-border-light);
}

.a7d:hover {
  box-shadow: 0 8px 24px rgba(147, 51, 234, 0.15);
  transform: translateY(-4px);
}

.jd9a2d2c {
  flex: 0 0 30%;
  min-width: 200px;
  height: auto;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

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

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

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

.j8e9 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
}

.j36913,
.a13,
.h2c7ed {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 500;
}

.j36913 i,
.a13 i,
.h2c7ed i {
  color: var(--color-accent);
}

.l450 {
  display: inline-block;
  padding: 0.65rem 1.5rem;
  background: var(--color-accent);
  color: #ffffff;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: all 0.3s ease;
  width: fit-content;
}

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

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

  .jd9a2d2c {
    flex: 0 0 auto;
    min-width: auto;
    width: 100%;
    height: 200px;
  }

  .m9597d {
    flex: 1 1 auto;
  }

  .i920ae3d {
    flex-direction: row;
  }

  .a822 {
    flex: 1 1 calc(50% - 0.5rem);
    min-width: 100px;
  }
}

@media (max-width: 480px) {
  .a822 {
    flex: 1 1 auto;
    min-width: 90px;
    padding: 1rem;
  }

  .h52 {
    font-size: 1.5rem;
  }

  .hbcbcf {
    font-size: 0.75rem;
  }

  .j8e9 {
    gap: 0.75rem;
    font-size: 0.75rem;
  }

  .de0d {
    font-size: 1rem;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .jd9a2d2c {
    flex: 0 0 35%;
    min-width: 220px;
  }

  .m9597d {
    flex: 1 1 65%;
  }
}

@media (min-width: 1024px) {
  .jd9a2d2c {
    flex: 0 0 32%;
    min-width: 250px;
    height: auto;
    aspect-ratio: 4/3;
  }

  .m9597d {
    flex: 1 1 68%;
    gap: 1.25rem;
    padding: 2.5rem;
  }

  .o119da {
    gap: 1rem;
  }

  .ha7 {
    padding: 0.65rem 1.25rem;
    font-size: 0.9375rem;
  }
}

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

.ka6ce907 {
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.08);
}

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

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

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

.gde99b8 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
  line-height: 1.6;
}

.lc20 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
}

.n5e6784 {
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

.c4617 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  display: block;
}

.gff {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  overflow: hidden;
}

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

.o5afd {
  flex-shrink: 0;
}

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

.p583fdba {
  flex: 1 1 auto;
}

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

.f8fc {
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

.gdb {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.l7cce4b9 {
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 1.5vw, 1.5rem);
  line-height: 1.7;
}

.fe3e img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  display: block;
  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.1);
}

.h2527 {
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-left: 4px solid var(--color-accent);
  border-radius: clamp(0.375rem, 1vw, 0.75rem);
  margin: clamp(1.5rem, 2vw, 2rem) 0;
}

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

.ee276c {
  list-style: none;
  margin: 0;
  padding: 0;
}

.n6bb {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  padding-left: 1.5rem;
  position: relative;
}

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

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

.l9eeb62 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border-left: 4px solid var(--color-accent);
  align-items: flex-start;
}

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

.k4a2 {
  flex: 1 1 auto;
}

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

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

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

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

.e51 {
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 1.5vw, 1.5rem);
  line-height: 1.7;
}

.gff70b {
  margin-top: clamp(2rem, 3vw, 2.5rem);
}

.o41b {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.375rem, 1vw, 0.75rem);
  font-size: clamp(0.9375rem, 1vw, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  text-decoration: none;
}

.o41b:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  text-decoration: none;
}

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

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

.f4bdd9 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
  line-height: 1.3;
}

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

.f92780d1 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-card);
  padding: clamp(1rem, 1.5vw, 1.5rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  transition: all 0.3s ease;
  align-items: flex-start;
}

.f92780d1:hover {
  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.12);
  transform: translateY(-2px);
}

.n5661 {
  flex-shrink: 0;
  width: clamp(120px, 15vw, 160px);
  height: clamp(100px, 12vw, 130px);
  border-radius: clamp(0.375rem, 0.75vw, 0.625rem);
  overflow: hidden;
}

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

.c34 {
  flex: 1 1 auto;
}

.n8df37 {
  font-size: clamp(0.9375rem, 1.3vw, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 0.75vw, 0.75rem);
  line-height: 1.3;
  font-weight: 600;
}

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

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

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

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

  .m897f,
  .gc810 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .d720678f,
  .fe3e {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .n5661 {
    width: 100%;
    height: clamp(150px, 40vw, 200px);
  }
}

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

  .ka6ce907 {
    padding: 1rem;
  }

  .o5afd img {
    width: 60px;
    height: 60px;
  }

  .g26cd {
    padding: 0 1rem;
  }
}

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

html, body {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

.pce {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  padding: clamp(1.5rem, 4vw, 3rem);
  overflow: hidden;
}

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

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

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

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

.e05a2 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw, 1.1875rem);
  line-height: 1.6;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.gb6e {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

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

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

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

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

  .ea72,
  .pa19 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .gb6e {
    gap: 1rem;
  }
}

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

.j3eba8 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.g323c {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.lff {
  flex: 1;
}

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

.i5a6 {
  margin: 0.25rem 0 0.125rem 0;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

  .h97,
  .oe5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.a0ea6 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
}

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

.ndd9f03 {
  flex: 1;
}

.n4e2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}

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

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

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

  .p1e72f,
  .m3b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.h6e2286 {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--color-accent);
}

.adc {
  flex: 1;
}

.p922e9 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}

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

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

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

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

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

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

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

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

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

  .df75,
  .n37f3b7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.he5cd7 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
}

.k09141 {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

  .ca2 {
    flex-direction: column;
  }
}

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

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

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

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

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

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

.j6893774 a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color 0.3s ease;
}

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

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

.j6893774 span:last-child {
  color: var(--color-text-primary);
}

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

.effad11c {
  background: var(--color-bg-card);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 10px 13px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 0;
}

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

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

.cf02ee8f {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.fc4aedb {
  width: 100%;
  max-height: 450px;
  overflow: hidden;
}

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

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

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

.j9f {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

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

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

.e2bf559 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

.n08a {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f26d70 {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: 1rem;
  display: block;
}

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

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

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

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

.hac820 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.bd790d08 {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: 1rem;
  display: block;
}

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

.p51b7a {
  background: var(--color-accent-light);
  border-left: 4px solid var(--color-accent);
  border-radius: 0.5rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

.hfa {
  display: flex;
  flex-direction: column;
}

.n0b {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.h4c7 {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: 1rem;
  display: block;
}

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

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

.m05bf68c {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.jbdc {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.g28d3e77 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 1rem;
  display: block;
}

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

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

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

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

.h928f40 {
  background: var(--color-accent);
  color: #ffffff;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  flex-shrink: 0;
}

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

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

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

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

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

.l19afe {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.o17be0c {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 0.75rem;
  text-decoration: none;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.o17be0c:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.d6063 {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 0.5rem;
  flex-shrink: 0;
}

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

.ie84d3a {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

  .lf63c,
  .j63a,
  .k7b19,
  .f4c50 {
    flex-direction: column;
  }

  .ff890,
  .k099c,
  .f46,
  .gd558a2,
  .ld3197,
  .a4316e,
  .p198958,
  .iaf437 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .j9f {
    width: 80px;
    height: 80px;
  }

  .o17be0c {
    flex-direction: column;
  }

  .d6063 {
    width: 100%;
    height: 180px;
  }

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

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

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

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

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

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

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

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

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

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

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

.ifd3 {
  background: var(--color-bg-card);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.08);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(2rem, 4vw, 3rem);
  padding: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

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

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

.i47 {
  flex: 1 1 50%;
  overflow: hidden;
  border-radius: 12px;
  min-height: 300px;
}

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

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

  .lfb43a {
    flex: 1 1 100%;
  }

  .i47 {
    flex: 1 1 100%;
    min-height: 250px;
  }
}

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

.kb84a82 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
}

.f0f8bc84 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

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

.h768 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  margin: 0;
}

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

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

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

.j41 {
  margin: 0;
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

  .f0f8bc84 {
    width: 64px;
    height: 64px;
  }
}

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

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

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

.g5b18358 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: 12px;
  overflow: hidden;
  min-height: 300px;
}

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

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

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

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

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

  .g5b18358 {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }
}

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

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

.m58a6 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: 12px;
  overflow: hidden;
  min-height: 300px;
}

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

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

  .m58a6 {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }

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

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

.jf95bfb3 {
  background: var(--color-accent-light);
  border-left: 4px solid var(--color-accent);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

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

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

.mf68 {
  color: var(--color-text-secondary);
  font-size: 0.9375rem;
  line-height: 1.6;
  margin: 0;
}

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

  .b5b4942e {
    margin-top: 0;
  }
}

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

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

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

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

.ccd82f {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.k0d55 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: #ffffff;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.125rem;
  flex-shrink: 0;
}

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

.pc761a9 {
  color: var(--color-text-primary);
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}

.df06f {
  color: var(--color-text-secondary);
  font-size: 0.9375rem;
  line-height: 1.6;
  margin: 0;
}

.af0 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: 12px;
  overflow: hidden;
  min-height: 300px;
}

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

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

  .af0 {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }
}

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

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

.p9e {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: 12px;
  overflow: hidden;
  min-height: 300px;
}

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

.c4a2b0 {
  background: var(--color-bg-card);
  border-radius: 8px;
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border: 1px solid var(--color-border-light);
}

.p6e {
  color: var(--color-text-primary);
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0;
}

.mc52 {
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  line-height: 1.6;
  margin: 0;
}

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

  .p9e {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }

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

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

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

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

.k56b6e {
  background: var(--color-accent-light);
  border-left: 4px solid var(--color-accent);
  border-radius: 8px;
  padding: clamp(1rem, 2vw, 1.5rem);
}

.jf2444 {
  color: var(--color-text-primary);
  font-size: 0.95rem;
  line-height: 1.7;
  margin: 0;
  font-style: italic;
}

.j4987f {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: 12px;
  overflow: hidden;
  min-height: 300px;
}

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

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

  .j4987f {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }
}

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

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

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

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

.e2ba3 {
  background: var(--color-accent-light);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
}

.ja5 {
  color: var(--color-text-primary);
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
}

.jaa08 {
  display: inline-block;
  background: var(--color-accent);
  color: #ffffff;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9375rem;
  transition: all 0.3s ease;
}

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

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

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

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

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

.hbe85e {
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: stretch;
  flex: 0 1 calc(33.333% - 1rem);
  min-width: 250px;
  box-shadow: 0 2px 8px rgba(147, 51, 234, 0.06);
  transition: all 0.3s ease;
}

.hbe85e:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.12);
}

.de685 {
  width: 100px;
  height: 100px;
  object-fit: cover;
  flex-shrink: 0;
}

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

.c7aa {
  color: var(--color-text-primary);
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}

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

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

.gd59 {
  color: var(--color-text-secondary);
  font-size: 0.8125rem;
  line-height: 1.5;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

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

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

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

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

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

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

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

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

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

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

.ef38cd {
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
}

.cfc {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
}

.bfe {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  margin: 1rem auto 0;
}

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

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

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

.l8a {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent-light);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

.d7fe89 {
  flex: 1 1 clamp(280px, 100%, 380px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.d7fe89:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  background: var(--color-bg-tertiary);
}

.mba70 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent-light);
}

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

.kaf03b {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
}

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

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

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

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

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

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

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

.lac {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-accent);
  min-width: 60px;
  text-align: center;
  flex-shrink: 0;
}

.j444e {
  flex: 1;
}

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

.g4e7237 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
}

.dd016 {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  margin: clamp(1.5rem, 3vw, 2rem) auto 0;
}

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

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

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

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

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

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

.nee861ff {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.gd39 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-accent-light);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.a27 {
  flex: 1;
}

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

.j76 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
}

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

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

.g819bf {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.mef {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-accent-light);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

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

@media (min-width: 768px) {
  .d637 {
    flex-direction: row;
    align-items: center;
  }

  .ef38cd,
  .cfc {
    flex: 1 1 50%;
  }

  .bfe {
    flex: 1 1 50%;
    margin: 0;
  }

  .b9f974 {
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .d7fe89 {
    flex: 1 1 clamp(300px, 100%, 350px);
  }
}

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

  .d7fe89 {
    flex: 0 1 calc(33.333% - 1.5rem);
  }
}

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

.d91 {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(2rem, 5vw, 4rem) 0;
}

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

.p07a4b {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(46, 16, 101, 0.75);
  z-index: 2;
}

.i10cae {
  position: relative;
  z-index: 3;
  text-align: center;
  max-width: 700px;
}

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

.fb2c2aea {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: #ffffff;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-tight);
}

.g580 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: #e9d5ff;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-normal);
}

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

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

.i139 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
}

.f0e341bb {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-primary);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

.i03 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
}

.c9f8 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-primary);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

.d43845 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.m2f7 {
  font-size: 3rem;
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  line-height: 1;
  font-family: var(--font-heading);
}

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

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

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

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

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

.caa {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
}

.c0d2f4 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-primary);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

.jaf2 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.f66db {
  font-size: 2.5rem;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

.e8362 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
}

.aa277 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-primary);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

.kd3 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 260px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 2vw, 2rem);
  text-align: center;
}

.g152b {
  font-size: 2.5rem;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

.d98a46 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
}

.n0c2 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-primary);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

.if59b6 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  text-decoration: none;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
  flex-wrap: wrap;
}

.if59b6:hover {
  background: var(--color-bg-tertiary);
  transform: translateX(4px);
  box-shadow: var(--shadow-md);
}

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

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

.pdd {
  color: var(--color-primary);
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

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

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

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

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

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

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

.d4130 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

@media (max-width: 767px) {
  .d91 {
    min-height: 350px;
    padding: 1.5rem 0;
  }

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

  .jaf2 {
    flex: 1 1 100%;
  }

  .kd3 {
    flex: 1 1 100%;
  }

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

  .pdd {
    align-self: flex-start;
  }
}

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

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

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

  .d43845 {
    flex: 1 1 calc(25% - 1.5rem);
  }

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

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

.a5331c5 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  align-items: center;
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.n07627 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.f358 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.pbd20d {
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

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

.de903d0 {
  padding: var(--spacing-2xl) var(--spacing-md);
  max-width: 800px;
  margin: 0 auto;
  background-color: var(--color-bg-primary);
}

.g9c08c1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

.j2b56 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  text-align: left;
  transition: background-color var(--transition-base);
}

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

.j2b56[aria-expanded="true"] {
  background-color: var(--color-bg-tertiary);
}

.jaef0a94 {
  flex: 1;
  line-height: var(--line-height-normal);
}

.d27ca806 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-left: var(--spacing-md);
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  border-radius: var(--radius-full);
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.j2b56[aria-expanded="true"] .d27ca806 {
  transform: rotate(45deg);
}

.i0fb3c {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

.i0fb3c p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

.hd1e8 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  text-align: center;
  overflow: hidden;
}

.k14 {
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.ef7154 {
  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);
  margin: 0;
}

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

.f684ec5 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  align-self: center;
}

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

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

@media (min-width: 768px) {
  .a5331c5 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .a5331c5 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
    padding: 5rem var(--spacing-xl);
  }

  .de903d0 {
    padding: 5rem var(--spacing-xl);
  }

  .hd1e8 {
    padding: 5rem var(--spacing-xl);
  }

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

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

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

.befba {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

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

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

@media (min-width: 768px) {
  .befba {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .befba {
    padding: 4rem var(--spacing-lg);
  }
}

.j330b6cf {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.o6b8 {
  max-width: 1200px;
  margin: 0 auto;
}

.f381e {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .f381e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .f381e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
  
  .j330b6cf {
    padding: 4rem var(--spacing-lg);
  }
}

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

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

.g3d {
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  color: var(--color-primary);
  font-size: 1.75rem;
}

.a2a9e {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.gce92a4 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.l50b2 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
}

.f30 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  font-family: var(--font-primary);
}

.gbb9 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.fe518 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

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

.n6a659 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-normal);
}

.jcb {
  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-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.jcb:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

@media (min-width: 768px) {
  .gbb9 {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .gbb9 {
    padding: 4.5rem var(--spacing-lg);
  }
}

.haa74 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.b4b {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .b4b {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
}

.dd41 {
  display: flex;
  flex-direction: column;
}

.pbd9a5 {
  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: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.a32 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

@media (min-width: 768px) {
  .haa74 {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .haa74 {
    padding: 4.5rem var(--spacing-lg);
  }
}

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

.l0f main {
  width: 100%;
}

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

.l0f .dc6bc10 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) 0;
}

.l0f 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-md);
  line-height: var(--line-height-tight);
}

.l0f h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.l0f p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.l0f .if79c4 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.l0f ul,
.l0f ol {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  color: var(--color-text-primary);
}

.l0f li {
  margin-bottom: var(--spacing-sm);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
}

.l0f strong {
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
}

.l0f .d5ccb6 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
}

.l0f .d5ccb6 h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.l0f .d5ccb6 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .l0f .dc6bc10 {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .l0f .dc6bc10 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .l0f .c90 {
    padding: 0 var(--spacing-lg);
  }
}

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

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

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

.i30dc {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dbe {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.if5640 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.a5f {
  text-align: center;
  padding: var(--spacing-xl) var(--spacing-md);
}

.c57d {
  margin-bottom: var(--spacing-xl);
  display: flex;
  justify-content: center;
  align-items: center;
}

.h39 {
  width: 100px;
  height: 100px;
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.j93 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.d1f333b {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  letter-spacing: -0.3px;
}

.bcbc61 {
  margin-bottom: var(--spacing-2xl);
  text-align: center;
}

.bcbc61 p {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

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

.bcbc61 strong {
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary);
}

.g28 {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-2xl);
}

.kd28c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-primary);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  text-decoration: none;
  transition: all var(--transition-base);
  min-height: 48px;
  min-width: 200px;
}

.e49a7 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

.e49a7:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.e49a7:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.e49a7:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@keyframes scaleIn {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@media (min-width: 640px) {
  .dbe {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .h39 {
    width: 120px;
    height: 120px;
  }
}

@media (min-width: 768px) {
  .dbe {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

  .h39 {
    width: 140px;
    height: 140px;
  }

  .bcbc61 p {
    font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  }
}

@media (min-width: 1024px) {
  .dbe {
    padding: 5rem var(--spacing-2xl);
  }

  .a5f {
    padding: 5rem var(--spacing-2xl);
  }

  .h39 {
    width: 160px;
    height: 160px;
  }

  .kd28c {
    min-width: 220px;
  }
}

* {
  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-weight: var(--font-weight-regular);
}

main.i27f {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.fdd33a {
  background-color: var(--color-bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.if5640 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.efe3a5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.p7b0a {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  margin-bottom: var(--spacing-xl);
}

.m993 {
  font-size: clamp(3rem, 15vw, 8rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
  line-height: 1;
  animation: floatError 3s ease-in-out infinite;
}

@keyframes floatError {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

.j5be0 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  animation: fadeInMessage 0.6s ease-out 0.2s both;
}

@keyframes fadeInMessage {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.j5be0 h1 {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.n2c012ea {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-normal);
}

.i06 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

.o722 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  border-radius: var(--radius-lg);
  margin: var(--spacing-lg) 0;
  border-left: 4px solid var(--color-primary);
}

.n0a41 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  text-align: left;
}

.cc59 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  text-align: left;
}

.cc59 li {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

.kd28c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-weight: var(--font-weight-semibold);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  text-decoration: none;
  transition: all var(--transition-base);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  padding: var(--spacing-md) var(--spacing-2xl);
}

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

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

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

.ab9cc {
  padding: var(--spacing-lg) var(--spacing-3xl);
  font-size: clamp(1rem, 2vw, 1.15rem);
  margin-top: var(--spacing-md);
}

@media (min-width: 480px) {
  .fdd33a {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

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

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

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

@media (min-width: 768px) {
  .fdd33a {
    padding: var(--spacing-2xl) var(--spacing-xl);
    min-height: 100vh;
  }

  .p7b0a {
    min-height: 280px;
    margin-bottom: var(--spacing-2xl);
  }

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

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

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

@media (min-width: 1024px) {
  .fdd33a {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

  .p7b0a {
    min-height: 300px;
  }

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .m993 {
    animation: none;
  }

  .j5be0 {
    animation: none;
    opacity: 1;
    transform: none;
  }

  .kd28c {
    transition: background-color var(--transition-fast);
  }

  .e49a7:hover {
    transform: none;
  }
}

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

.b68b360 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.f203e0 {
  text-align: center;
}

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

.h668bbae {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.m38f6ff {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.a6077 {
  width: 100%;
}

.g3955 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

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

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

.m23f5 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

.p6fb1 {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  display: block;
}

.d0dcc5,
.hc9007e5 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.d0dcc5:focus,
.hc9007e5:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.d0dcc5::placeholder,
.hc9007e5::placeholder {
  color: var(--color-text-muted);
}

.hc9007e5 {
  min-height: 140px;
  resize: vertical;
}

.c628711d {
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

.c628711d:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.ne3692 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  line-height: var(--line-height-normal);
  margin: 0.5rem 0 0 0;
  text-align: center;
}

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

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

.g389 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2rem;
}

.kc5ad {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.o3815b3 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.f8d98 {
  flex: 1;
}

.f2c8 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  margin: 0 0 0.5rem 0;
  line-height: var(--line-height-tight);
}

.b97aa24e {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  margin: 0;
}

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

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

.f96775 {
  background-color: var(--color-bg-card);
  padding: 1.5rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-bottom: 2rem;
}

.p94 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  margin: 0 0 1rem 0;
  line-height: var(--line-height-tight);
}

.j56cd1f {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-relaxed);
  margin: 0 0 1rem 0;
}

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

.o3e3b933 {
  text-align: center;
}

.pbb617 {
  display: inline-block;
  padding: 0.875rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

@media (min-width: 768px) {
  .b68b360 {
    padding: 4rem 0;
  }

  .m38f6ff {
    padding: 4rem 0;
  }

  .g3955 {
    gap: 4rem;
    align-items: stretch;
  }

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

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

@media (min-width: 1024px) {
  .b68b360 {
    padding: 5rem 0;
  }

  .m38f6ff {
    padding: 5rem 0;
  }

  .g3955 {
    gap: 5rem;
  }
}
.b0067,.g663{
  width: 34px;
}

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

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.m90c225f{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .m90c225f{
    max-width: 100%;
  }
}

.m90c225f.k3a11c{
  z-index: 999;
}

.l69{
  padding-top: 50px;
}

.b0067[aria-expanded="true"]{
  display: none;
}